/* CSS Document */
body{
	background:url(../images/back.gif) repeat-x 0 0 #05386B;
	color:#80B7EE;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* ------------------------ header start --------------------------- */
#header{
	position:relative;
	width:778px;
	height:282px;
	margin:0 auto;
	background:url(../images/header_bg.jpg) no-repeat 0 0 #05386B;
	color:#80B7EE;
	background-image: url(../images/header_bg.jpg);
	background-color: #0F0F0F;
}
#header img{
	position:absolute;
	left:572px;
	top:503px;
	border:none;
	width: 190px;
}
#header ul{
	position:absolute;
	left:196px;
	top:0;
	width: 407px;
}	
#header ul li{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left;
	background:url(../images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;}
#header ul li a{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;
	background:url(../images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;
	width:80px; height:27px; display:block;}
#header ul li a.hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;
	background:url(../images/top_nav_bg_h.jpg) repeat-x 0 0 #0E0E0E;
	 height:27px; display:block;}
#header ul li a:hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;
	background:url(../images/top_nav_bg_h.jpg) repeat-x 0 0 #0E0E0E;
	width:80px; height:27px; display:block;}
/* ------------------------ header end --------------------------- */

/* --------------------------- personalizados --------------------- */

#galeria_box
{
float:left;

}

#conenedor_imagenes
{
padding:0px 0px 0px 12px;

}
/* --------------------------- personalizados end ----------------- */



/* ------------------------ future start --------------------------- */
#future{
	position:relative; width:778px; height:88px; margin:0 auto;
	background:url(../images/future_bg.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;}
#future h2{
	background:url(../images/future_h2_text.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;
	width:120px; height:59px; text-indent:-2000px; position:absolute; left:39px; top:14px;}
#future ul{
	position:absolute; left:187px; top:3px; height:86px;}
#future ul li.pic{
	margin:0; height:82px; float:left;}
#future ul li.pic img{
	border:#356E8F 1px solid;}
#future ul li.pic a{
	background-color:#FFFFFF; color:#000000; padding:0 3px; display:block;}
#future ul li.arrowLeft{
	height:88px; float:left;
	}
#future ul li.arrowLeft a{
	background:url(../images/left_arrow.gif) no-repeat 0 0; display:block; text-indent:-20000px; text-decoration:none;
	width:13px; height:20px; margin:30px 0 0 0;}
#future ul li.arrowRight{
	height:88px; float:left;
	}
#future ul li.arrowRight a{
	background:url(../images/right_arrow.gif) no-repeat 0 0; display:block; text-indent:-2000px; text-decoration:none;
	width:13px; height:20px; margin:30px 0 0 0;}
/* ------------------------ future end --------------------------- */
/* ------------------------ body start --------------------------- */
#body{
	width:728px; margin:0 auto; padding:14px 16px 0 16px;
	background:url(../images/body_shadow_top.gif) no-repeat 0 0 #4D5258; color:#80B7EE;}
#body h2{
	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#4D5258; color:#FFFFFF;}
#body p{
	color:#CCCCCC;
	background-color:#4D5258;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
}
#body p strong{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#4D5258;}
#bodyLeft{
	width:354px; float:left; padding:34px 0 17px 0;}
#bodyLeft form.login{
	width:296px; border:#235C96 1px solid; padding:6px 28px 19px 28px; margin:0 0 27px 0;
	background-color:#134C85; color:#FFFFFF; float:left;}
#bodyLeft form.login h2{
	font:normal 24px/39px Arial, Helvetica, sans-serif; color:#FCBD27;
	background:url(../images/login_bg.gif) no-repeat 0 0 #134C85; padding:0 0 8px 54px;}
#bodyLeft form.login h2 span{
	font:normal 24px/39px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#134C85; padding:0;}
#bodyLeft form.login label{
	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#134C85; padding:0; margin:0 0 8px 0; float:left;}
#bodyLeft form.login input{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:204px; height:20px;
	background-color:#FFFFFF; border:#0B3662 1px solid; padding:2px; margin:0 0 8px 0; float:right;}
#bodyLeft form.login input.checkBox{
	color:#022344; width:15px; height:15px; margin:1px 0 0 0;
	background-color:#FFFFFF; border:#0B3662 1px solid; float:left;}
#bodyLeft form.login input.loginBtn{
	width:77px; height:16px; margin:0; padding:0px;
	border:none; float:right;}
#bodyLeft form.login p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#07223E; padding:0 6px; margin:0 9px 0 0; float:left;}
#bodyRight{
	width:286px; float:left; background-color:#4D5258; color:#FFFFFF; padding:11px 25px 14px; margin:34px 0 17px 20px;}
#bodyRight form.registration{
	float:left;}
#bodyRight form.registration h2{
	font:normal 24px/34px Arial, Helvetica, sans-serif;
	color:#FCBD27;
	width:240px;
	padding:0 0 8px 46px;
	background-color: #4D5258;
	background-image: url(../images/registration_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#bodyRight form.registration h2 span{
	font:normal 24px/34px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#4D5258; padding:0;}
#bodyRight form.registration label{
	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:5a5d60; padding:0; margin:0 0 8px 0; float:left;}
#bodyRight form.registration input{
	color:5a5d60;
	width:197px;
	height:20px;
	background-color:#FFFFFF;
	border:#000000 1px solid;
	padding:2px;
	margin:0 0 8px 0;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}
#bodyRight form.registration p{
	height:16px; background-color:#4D5258; color:#FFFFFF; padding:5px 6px; float:left;}
#bodyRight form.registration input.submit{
	width:77px; height:16px;
	border:none; padding:0; margin:0; float:right;}
#bodyRight form.registration input.reset{
	width:77px; height:16px;
	border:none; padding:0; margin:0 7px 0 0; float:right;}
#newsLetter{
	margin:21px auto 0; float:left; width:286px;
	background-color:#5C636B; color:#FFFFFF;}
#newsLetter span.top{
	background:url(../images/newsletter_top.gif) no-repeat 0 0 #134C85; color:#FFFFFF;
	height:9px; display:block; font-size:0; line-height:0;}
#newsLetter span.bottom{
	background:url(../images/newsletter_bottom.gif) no-repeat 0 0 #134C85; color:#FFFFFF;
	height:26px; display:block; font-size:0; line-height:0;}
#newsLetter form.newsLetter{
	padding:0 21px;}
#newsLetter form.newsLetter h2{
	font:normal 24px/36px Arial, Helvetica, sans-serif; color:#FCBD27;
	background:url(../images/newsletter_bg.gif) no-repeat 0 0px #134C85; padding:0 0 12px 46px;}
#newsLetter form.newsLetter h2 span{
	font:normal 24px/36px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#5C636B; padding:0;}
#newsLetter form.newsLetter label{
	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#5C636B; padding:0; margin:0 0 8px 0; float:left;}
#newsLetter form.newsLetter input{
	color:5a5d60;
	width:176px;
	height:20px;
	background-color:#FFFFFF;
	border:1px solid 5a5d60;
	padding:2px;
	margin:0 0 8px 0;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}
#newsLetter form.newsLetter input.signup{
	width:77px; height:16px;
	border:none; padding:0; margin:0 7px 0 0; float:right;}
#bodyFooter{
	width:738px; margin:0 auto; padding:30px 20px 0;
	background:url(../images/body_footer_shadow.gif) no-repeat 0 0 #05386B; color:#FFFFFF;}
#bodyFooter a.world{
	background:url(../images/world.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:255px; height:130px; display:block; text-decoration:none; text-indent:-2000px;}
#bodyFooter a.work{
	background:url(../images/work.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:236px; height:130px; display:block; text-decoration:none; text-indent:-2000px;} 
#bodyFooter a.service{
	background:url(../images/service.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;
	width:242px; height:130px; display:block; text-decoration:none; text-indent:-2000px;} 
/* ------------------------ body end --------------------------- */
/* ------------------------ footer start --------------------------- */
#footer{
	background:url(../images/footer_bg.gif) repeat-x 0 0 #14191C; color:#FFFFFF; margin:30px 0 0 0;}
#footerContainer{
	width:778px; margin:0 auto; padding:14px 0;}
#footerContainer ul{
	width:295px; margin:0 auto;}
#footerContainer ul li{
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	background-color:#14191C; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;
	background-color:#14191C; color:#FFFFFF; text-decoration:none;}
#footerContainer ul li a:hover{
	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;
	background-color:#22292D; color:#FFFFFF; text-decoration:none;}
#footerContainer p{
	font:normal 11px/26px Arial, Helvetica, sans-serif; width:600px; text-align:center;
	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}
#footerContainerValidation {
	width:112px; margin:0 auto; padding:0;}
#footerContainerValidation a.xhtml{
	background-color:#214F7C; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;
	font:bold 13px/15px Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainerValidation a.xhtml:hover{
	background-color:#19436B; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;
	font:bold 13px/15px Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainerValidation a.css{
	background-color:#B4830E; color:#FFFFFF; width:41px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainerValidation a.css:hover{
	background-color:#805E0C; color:#FFFFFF; width:41px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footerContainer p.tworld{
	font:normal 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}
#footerContainer p.tworld a{
	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#14191C; color:#FFC04E; text-decoration:none; margin:0 auto;}
#footerContainer p.tworld a:hover{
	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;
	background-color:#22292D; color:#FFCE09; text-decoration:none; margin:0 auto;}
/* ------------------------ footer end --------------------------- */