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

body {
 margin:0 auto;	font-family:"trebuchet ms","Lucida Grande","Lucida Sans Unicode","bitstream vera sans",verdana; letter-spacing:1px;
	background-image: url(../images/bg_body.jpg); background-repeat:repeat-x; background-position:top;	background-color:#2e4356;}

.contenedor{ width:1020px;height:auto; margin: 10px auto;}

#header{ width:1020px;height:auto; float:left;}

#header .logo{ width:471px;height:345px; float:left; padding-top:55px; }
#header .logo_s{ width:471px;height:95px; float:left; padding-top:5px; }
#header .logo h3{ font-size:22px; text-align:center; color:#63cfff}

#icons{ width:549px;float:left; height:40px; padding:0; margin:0;  }
#icons .icons{ width:auto; height:40px; float:left; padding:10px 5px; line-height:30px; color:#F1f1f1; text-align:left;}
#icons .icons a{ color:#F1f1f1; text-decoration:none}
#icons .icons a:hover{color:#63cfff; text-decoration:none;}
#icons .icons img{ float:left;}

#header .portfolio{ width:529px; height:320px; float:left; padding:20px 0 0 10px;}

/* PORFOLIO IINICIO */
/* container for slides */
#header .images {
	position:relative;	
	height:280px;
	width:515px;
	float:left;	
	margin:5px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0 0 25px #f1f1f1;
	-webkit-box-shadow:0 0 25px #f1f1f1;	
}

/* single slide */
#header .images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:0;
	height:280px;
	font-size:12px;
	color:#F1F1F1;
}

/* header */
#header .images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#F1F1F1;
}
#header .images h3 a{
	color:#F1F1F1;
	text-decoration:none
}
#header .images h3 a:hover{
	color:#63cfff;
	text-decoration:none;
}
#header .images p{ margin-top:170px; padding:5px; width:490px; background-color:#f1f1f1; opacity:.8; color:#000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
#header .images p span{ font-weight:bold; font-size:16px;}
/* tabs (those little circles below slides) */
#header .tabs {
	clear:both;
	margin-left:230px;
}

/* single tab */
#header .tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
#header .tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
#header .tabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
#header .forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
#header .forward 				{ background-position: 0 -30px; clear:right; }
#header .forward:hover 		{ background-position:-30px -30px; }
#header .forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
#header .backward:hover  		{ background-position:-30px 0; }
#header .backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
#header .disabled {
	visibility:hidden !important;		
}
/*PIE */
#subfoo{ height:250px; background-color:#333333; color:#fff; border-top:solid 1px #999; margin-bottom:0; clear:both;}
#subfoo a{
	color:#E5E5E5;
	text-decoration:none;font-size:12px; 
}
#subfoo a:hover{color:#E5E5E5; text-decoration:underline;}
#subfoo .columnas{ width:21%; padding:0 2%; float:left;}
#subfoo .columnas h1{ font-size:16px; color:#63cfff; text-transform:uppercase; font-weight:normal;}
#subfoo .columnas h1 a{ font-size:16px; color:#63cfff; text-transform:uppercase; font-weight:normal;}
#subfoo .columnas h1 a:hover{ font-size:16px; color:#63cfff; text-transform:uppercase; font-weight:normal; text-decoration:underline;}
#subfoo .columnas p{ font-size:14px; line-height:12px; height:14px; margin:5px 0;}

#foo{height:60px; border-top:solid 1px #999;}
#foo img{ float:left;}
#foo p{ line-height:32px; text-align:right; font-size:14px; font-weight:normal; text-transform:uppercase;}
#foo span{ color: #FF3300; text-transform: none; font-weight:normal;}
#foo span.color{color: #0000CC;}
.bgcolor{background-color:#55b7e3;}

/* estilo interno de pestañas */
.contenedor_tags{ width:1020px; float:left; height:auto; margin:0; padding:0; font-size:12px; line-height:14px; color:#f1f1f1;}
#flowpanes .col_i{ width:420px; float:left; height:auto; text-align:justify; }
#flowpanes .col_d {width:420px; float:left; height:auto; text-align:justify;}
#flowpanes .col_d img {border:3px solid #456; float:right; margin:3px;}
#flowpanes .col_d img:hover {border:3px solid #f1f1f1; float:right;}
.col_d #tip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:30px;
	width:120px;
	padding:5px;
	color:#fff;
	float:left;
}
.col_d #image {float:rigt;width:420px; float:left; height:auto; text-align:justify;}
.col_d #image img {border:3px solid #456; float:right; margin:3px;}
.col_d #image img:hover {border:3px solid #f1f1f1; float:right;}

.contenedor_tags h3{ font-size:18px; color:#63cfff;
	background-image:url(../images/reg.png);
	background-repeat:no-repeat;
	background-position: 5px 8px;
	width:300px;
	height:60px;
	line-height:60px;
}
.contenedor_tags h2{ font-size:18px; color:#63cfff;
	background-image:url(../images/portfolio.png);
	background-repeat:no-repeat;
	background-position: 5px 1px;
	width:300px;
	height:60px;
	line-height:60px;
}
.contenedor_tags span{ padding-left:70px;}
.contenedor_tags h2 a{color:#fff; text-decoration:none;}
.contenedor_tags a{color:#fff; text-decoration:none;}
.contenedor_tags a:hover{ color:#63cfff; text-decoration:none;}
#flowpanes .padd{ padding:10px;}
.espacio{ width:100%; float:left; height:30px;}