@charset "UTF-8";
/* CSS Document */

/*
	Style Index
	$A - sIFR
	$0 - Generic Styles
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Home Styles	
	$4 - Download Styles
	$5 - Content Styles
	$6 - Lateral
	$7 - Video
	$8 - scroll
	$9 - Foot Styles
	Creator: Antonio J. Redondo
	Copyright: 2009 Creared.com, Inc.
*/




/* 0 - Generic Styles */
html, body {
	width: 100%;
	height: 100%; /* alto minimo para IE Windows */
	margin: 0;
	padding: 0;/*overflow-x: hidden;*/
}
body {
	background:#d3d3d3 url(../r_media/r_img/bg-main.png) no-repeat 0px 0px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
:link, :visited {
	text-decoration:none
}
.imgfleft {
	float:left;
	border:none;
}
.imgfright {
	float:right;
	border:none;
}
img {
	text-decoration:none;
	border:none;
}
.clear {
	clear:both;
}
a {
	color:#e60376;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
	text-decoration:none;
}
/* 1 - Site Structure Styles */

#container {
	min-height: 100%;
	margin-bottom: -59px;	
}
#containerpor {
	min-height: 100%;
	margin-bottom: -19px;
	position: relative;background:url(../r_media/r_img/bg-content2.png) no-repeat 0px 265px;
}
#header {
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
	height:270px;
	background:url(../r_media/r_img/bg-header.png) repeat-x bottom center;
}
#content {
	height:600px;
	*height:auto;
	margin:0px auto 0px auto;
	width:945px;
}

#footer {
	overflow:hidden;
	height: 59px;
	position: relative;
	background:url(../r_media/r_img/bg-foot.png) repeat-x top left;
}
.clearfooter {
	height: 59px;
	clear: both;
}
/* 2 - Header Styles */

#container-menu {
	margin:0 auto;
	width:945px;
}
#opt {
	float:left;
	margin-top:89px;
	margin-left:32px;
}
#opt ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#opt ul li {
	display:inline;
	font-size:12px;
	margin-right:70px;	
}
#opt li a {
	font-size:12px;
	text-decoration:none;
	color:#232323;	
}
#opt li a:hover {
	color:#ffffff;
}
#opt #act {	
	color:#ffffff;
}
#menu {
	float:left;
	width:945px;
 	background:url(../r_media/r_img/act.png) no-repeat 0px 84px;
	overflow:hidden;
}
#menu2 {
	float:left;
	width:945px;	
	background:url(../r_media/r_img/act.png) no-repeat 128px 84px;
	overflow:hidden;
}
#menu3 {
	float:left;
	width:945px;
	background:url(../r_media/r_img/act.png) no-repeat 272px 84px;
	
	overflow:hidden;
}
#menu4 {
	float:left;
	width:945px;
	background:url(../r_media/r_img/act.png) no-repeat 0px 84px;
	overflow:hidden;
}
#menu5 {
	float:left;
	width:945px;
	background:url(../r_media/r_img/act.png) no-repeat 250px 84px;
	
	overflow:hidden;
}
#menu6 {
	float:left;
	width:945px;
	background:url(../r_media/r_img/act.png) no-repeat 372px 84px;	
	overflow:hidden;
}
#logo {
	float:right;
	height:83px;
	width:100px;
 	*height:70px;
	margin-top:18px;
 	*margin-top:34px;
	margin-bottom:10px;
	overflow:hidden;
}
#logo h1 {
	background:url(../r_media/r_img/logo-crea.png) no-repeat -10px 0px;
	overflow:hidden;
	width:200px;
	height:200px;
}
#logo h1 a {
	display:block;
	width:200px;
	height:200px;
}


/*  Img section Styles///////////////////////////////////////////////////////////////////////////////////*/

#header-img {
	float:left;
	margin-top:7px;
	*margin-top:4px;
}


/* - Home Styles */

#container-home {
	float:left;
	margin:0 auto;
	width:100%;
	height:605px;
	background:url(../r_media/r_img/bg-home1.jpg) repeat-x center top;
}
#home-img {
	float:left;
	margin:0 auto;
	width:100%;
	height:600px;
	background:url(../r_media/r_img/bg-home2.jpg) repeat-x center 10px;
	background-attachment:scroll;
}
#contenth {
	margin:0 auto;
	margin-top:30px;
	width:945px;
}
#contenth a{
	color:#FFF;
	text-decoration:underline;
}
#contenth #col1 a{
	color:#FFF;
	text-decoration:none;
}
#contenth a:hover {
	color:#e60376;
}
#contenth p {
	color:#FFF;
	line-height:18px;
}
#contenth #col1 {
	float:left;
	width:655px;
}
#contenth #col1 h2 {
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:left;
}
#contenth #col1 h2 span {
	visibility:hidden;
	width:0px;
	height:0px;
	overflow:hidden;
	font-size:1px;
}
#contenth #col1 h3, #contenth #col2 h3 {
	float:left;
	text-transform:uppercase;
	color:#FFFFFF;
	width:100%;
	background:url(../r_media/r_img/line-tit-home.gif) no-repeat 0px 18px;
	font-size:10px;
	padding-bottom:3px;
}
#contenth #col1 h3 {
	margin:50px 0px 8px 0px;
}
#contenth #col2 h3 {
	margin:50px 0px 8px 0px;
}
#contenth #col1 p {
	font-size:11px;
	width:310px;
	margin:5px 0px 0px 0px;
	padding:0px;
}
#contenth #col2 {
	float:right;
	width:220px;
	margin-top:77px;
}
#contenth #col1 .explain {
	width:98%;
}
#contenth #col2 ul {
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
#contenth #col2 ul li {
	list-style-type:none;
	color:#FFF;
	line-height:25px;
	padding-left:15px;
	background:url(../r_media/r_img/icon-li.png) no-repeat 0px 8px;
}
#infoh {
	margin:0px auto;
	float:left;
	margin-top:20px;
	width:100%;
}
#cont-infoh {
	margin:0px auto;
	width:945px;
	height:190px;
}
#cont-infoh h4 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:11px;
	border-bottom:1px solid #cccccc;
	padding-bottom:3px;
}
#cont-infoh .mod {
	width:295px;
	float:left;
	margin-right:40px;
}
#cont-infoh .mod2 {
	width:295px;
	float:left;
	margin-right:0px;
}



/*Portfolio exceptions*/
#portfolio {
	margin:0px auto 0px auto;
	width:945px;/*background:url(../r_media/r_img/bg-content.png) no-repeat 105px 0px; */
}

#portfolio #info {
	width:100%;
	margin:80px 0px 0px 0px;
}

#portfolio #info .tit {
	font-size:16px;
	background:url(../r_media/r_img/h2-icon-info.png) no-repeat 0px 3px;
	padding-bottom:5px;
	margin-bottom:6px;
}
#portfolio #info .tit2 {
	font-size:16px;
	background:url(../r_media/r_img/h2-icon-info2.png) no-repeat 0px 3px;
	padding-bottom:5px;
	margin-bottom:6px;
}

#portfolio #info h4 {
	font-size:25px;
	color:#2f2f2f;
	margin:30px 0px 5px 0px;
	padding:0px;
}
#portfolio #info h5 {
	border-bottom:1px solid #CCC;
	text-transform:uppercase;
	padding-bottom:5px;
	font-size:10px;
}
#portfolio #info h5 a {
	color:#2f2f2f;
}
#portfolio #info h5 a:hover {
	text-decoration:none;
	color:#e60376;
}
#portfolio #info .enter {
	font-size:12px;
	font-weight:bold;
	color:#2f2f2f;
	margin:0px 0px 50px 2px;
	padding:0px;
	width:380px;
	line-height:18px;
}


/*Content submenu Styles*/

#content #submenu {
	float:left;
	width:185px;
	margin:125px 0px 0px 0px;
	background:url(../r_media/r_img/bg-submenu.png) no-repeat 30px 0px;
}
#content #submenu h3 {
	text-align:right;
	font-size:15px;
	margin:30px 20px 0px 0px;
	background:url(../r_media/r_img/submenu-icon.png) no-repeat 55px 0px;
}
#content #submenu p {
	text-align:right;
	font-size:11px;
	margin:25px 20px 0px 5px;
	line-height:23px;
	color:#2f2f2f;
}
#content #submenu ul {
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:right;
	width:100%;
}
#content #submenu li {
	list-style-type:none;
	padding-right:10px;
	line-height:35px;
}
#content #submenu li a {
	color:#2f2f2f;
}
#content #submenu li #act {
	text-decoration:underline;
}



/*Content Styles*/
#container #content{position: relative;background:url(../r_media/r_img/bg-content.png) no-repeat 110px 0px;}

#info {
	float:left;
	width:685px;
	margin:80px 0px 0px 60px;
}
#info h2 {
	font-size:19px;
	padding-left:35px;
	margin-bottom:35px;
	background:url(../r_media/r_img/h2-icon-info.png) no-repeat 0px 2px;
}

#info h3 {
	font-size:5px;
	padding-bottom:5px;
	border-bottom:4px solid #e72386;
}
#info p {
	font-size:11px;
	color:#2f2f2f;
}
#info label {
	color:#000;
}
#info label span {
	color:#e72386;
}
#info form {
	margin:30px 0px 0px 0px;
	padding:0px;
	clear:both;
}
#info form input {
	width:405px;
	margin:5px 0px 30px 0px;
	padding:4px 2px;
	border:1px solid #CCC;
}
#info form textarea {
	border:1px solid #d6d6d6;
	width:560px;
	margin:5px 0px 30px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#info form #mysubmit {
	color:#FFF;
	background:#e72386;
	width:80px;
}
#info .imgprofile {
	float:left;
	margin:20px 20px 25px 0px;
}
#info .txtpro {
	float:right;
	width:300px;
}
#info .txtpro2 {
	float:left;
	width:320px;
}
#info .txtpro h5 {
	margin:25px 0px 3px 0px;
}
#info h4 {
	font-size:18px;
	color:#2f2f2f;
}
#info h5 {
	font-size:10px;
	color:#2f2f2f;
	margin:20px 0px 3px 0px;
	padding:0px;
}
#info .txtpro p {
	margin:0px 0px 10px 0px;
	padding:0px;
}
#info .slogan {
	font-style:italic;
	font-weight:bold;
}
#portfolio #info h3 {
	margin-bottom:20px;
}
#info .logo {
	float:left;
	width:100%;
	margin-bottom:15px;
}
#info .fila {
	width:100%;
	float:left;
	margin:0px 0px 0px 0px;
}
#info .elem1 {
	width:280px;
	float:left;
	margin-left:25px;
	height:235px;
	padding:0px 15px 25px 0px;
	background:url(../r_media/r_img/bg-work.png) no-repeat top left;
}
#info .elem1:first-child {
	margin-left:0px;
}
#info .elem1:last-child {
	border-right:none;
}
#info .fila .elem1 a {
	color:#CCC;
	text-decoration:none;
}
#info .elem1 h6 {
	border:none;
	padding:0px;
	font-size:10px;
	text-transform:uppercase;
	color:#2f2f2f;
	margin:5px 0px 0px 0px;
	text-align:center;
}
#info .infoport {
	margin:15px 0px 20px 0px;
}
#info .infoport2 {
	margin:15px 20px 20px 0px;
	width:690px;
	float:left;
}
#info h5 {
	text-transform:uppercase;
	font-size:11px;
	padding:0px;
	margin:0px 0px 10px 0px;
}
#info .elem1 p {
	width:100%;
	margin:0px 0px 0px 0px;
	font-size:10px;
	line-height:15px;
	text-align:center;
}
#info #detail {
	width:100%;
	float:left;
	border-top:1px solid #b2b2b2;
	margin-top:10px;
}
#info #detail .works {
	width:675px;
	float:left;
	border-bottom:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
}
#info #detail h4 {
	font-size:14px;
	margin-left:5px;
}
#info #detail .works p {
	float:left;
	width:380px;
	display:block;
	margin-left:10px;
}
#info #detail .works .imgfleft {
	float:left;
	width:180px;
	margin-top:10px;
	margin-bottom:20px;
}
#info #detail .works .imgfleft a {
	text-decoration:none;
	color:#ccc;
	border:none;
}
#info #detail .works .hidden {
	visibility:hidden;
}
#info #detail .proyect {
	float:left;
	width:265px;
}
#info #detail .proyect h4 {
	margin-left:30px;
}
#info #detail .proyect p {
	margin-left:32px;
	margin-bottom:20px;
}
#portfolio #info #fila {
	width:675px;
	float:left;
}


#navcontainer
{
margin:30px 0px 20px 0px;
padding: 0px;
height: 22px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:2px;
text-transform:uppercase;
font-size:11px;
width: 99%;
border-bottom: 1px solid #bbb;
list-style-type: none;
}

#navlist li
{
float: left;
margin: 0;
padding: 0px 15px;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{

color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #000;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}

#navlist li a#current, #navlist li a#current:link
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #e60376;
}

#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}


/*Foot Styles********************************************/


#foot {
	width:945px;
	margin:0 auto;
	margin-top:10px;
	height:59px;
	background:url(../r_media/r_img/li-foot.gif) no-repeat 0px 11px;
}
#foot ul {
	float:left;
	margin:14px 0px 0px 0px;
	padding:0px;
}
#foot ul li {
	display:inline;
	color:#ececeb;
	font-size:14px;
	margin-right:65px;
}
#foot li a {
	color:#ececeb;
}
#foot p {
	float:right;
	color:#919191;
	font-size:13px;
 *font-size:16px;
	text-align:right;
	margin-top:10px;
 *margin-top:12px;
}





/*A SIFR							*/

/* These are standard sIFR styles... do not modify */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}


@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}