/*================== Layout ====================*/

/*general*/
body,html { margin: 0; padding: 0; background-color:#FFFFFF; text-align: center; font-family:Verdana; font-size: 11px; line-height:1.25em; color:#000; }

/*contenedor*/
#container{	margin:0 auto; width:980px; margin-top:10px; }

/*cabecera*/
#header { height:110px; }
#logoHeader { float:left; position:relative; width:400px; height:110px; text-align:left; padding-left:3px; }
#sloganConstruccion { float:left; margin-top:52px; margin-left:128px; width:441px; height:53px; background:url(../img/sloganConstruccion.jpg) no-repeat #FFFFFF }
#idiomas { float:right; padding-top:89px; padding-right:0px; font-size:11px; text-align:right; }
#idiomas img { border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
#idiomas .no-seleccionado { filter: alpha(opacity=30);  opacity: .3; }

/*contenido*/
#contentHome{ background:url(../img/home10.jpg) no-repeat; font-size: 11px; text-align: left; margin-top:1px; height:436px;}
#contentSecciones{ font-size: 11px; text-align: left; margin-top:1px; }
#contentLeft { float:left; width: 200px; background:#000000; text-align: left; filter: alpha(opacity=80);  opacity: .8;}
#contentCenter { float:left; width: 630px; background:#FFFFFF;  text-align: left;  filter: alpha(opacity=80);  opacity: .8; z-index:1}
#contentRight { float:left;  width: 150px; background:#FFFFFF; text-align: center; }

/*menu*/
#menu { float:left; width: 200px; filter: alpha(opacity=80);  opacity: .8;}	
#menu li a { font-size:11px; color:#F29400; font-weight:normal; height: 24px; text-decoration: none; }	
#menu li a:link, #menu li a:visited { font-size:11px; color:#F29400; font-weight:normal; display: block; background:  url(../img/menu.gif); padding: 8px 0 0 9px; }
#menu li a:hover { font-size:11px; color:#000000; font-weight:normal; background:  url(../img/menu.gif) 0 -32px; padding: 8px 0 0 9px; }	

#menu .seleccionado a:link, #menu .seleccionado a:visited, #menu .seleccionado a:hover{ font-size:11px; color:#000; display: block; background: #F29400; padding: 8px 0 0 9px; }

/*pie*/
#footer { clear:both; margin:0 auto; text-align:center; margin-top:1px; width:980px; font-size:10px; color:#FFF; }
#footer .item { padding-left:10px; width:150px; float:left; }

/*navegacion*/
#frameNavegacion { margin-top:10px; margin-left:20px; height:29px; }
#frameNavegacion .item { float:left; color:#F29400; font-weight:normal;}
#frameNavegacion A, #frameNavegacion A:active, #frameNavegacion A:visited{ font-size:10px; color: #000000; text-decoration:none }
#frameNavegacion A:hover{ font-size:10px; text-decoration:none; color:#F29400;}


/*================== Textos Home ====================*/
#InfoEmpresa{ clear:both; font-size: 12px;color:#000000; width:546px; background-color:#FFF; position:absolute; top:136px;  margin-left:410px; padding:12px; padding-top:6px; filter: alpha(opacity=80);  opacity: .8; }
#Copyright{ text-align:left; font-size: 10px; color:#FFFFFF; width:550px; height:20px; background-color:#000; position:absolute; top:530px; padding-top:7px; padding-left:230px; margin-left:200px; filter: alpha(opacity=80);  opacity: .8; }
#Copyright2{ height:20px; background-color:#000; color:#FFF; filter: alpha(opacity=80); opacity: .8;  padding-top:7px; margin-bottom: 10px; }
#Copyright3{ height:20px; padding-top:7px; margin-bottom: 10px; color:#333333 }
#InfoConstruccion{ margin: 0 auto; font-size: 12px; color:#000000; width:960px; height:300px; background-color:#FFF; margin-left:10px; margin-top: 10px; filter: alpha(opacity=80);  opacity: .8; }

/*================== Contacto ====================*/
#contact-area { width: 477px; margin-top: 20px; text-align: center;}
#contact-area input, #contact-area textarea { padding: 5px; width: 350px; font-size: 10px; margin: 0px 0px 0px 0px; border: 1px solid #ccc; color:#000; background:#CCCCCC }
#contact-area textarea { height: 120px;}
#contact-area textarea:focus, #contact-area input:focus {border: 1px solid #666;}
#contact-area input.submit-button {	width: 100px; float: right; color:#111; margin-left:10px; }
#contact-area label {	float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 5px; font-size: 11px; color:#111}

/*================== Registro ====================*/
#register-area { width: 500px; margin-top: 20px;}
#register-area input, #register-area textarea { padding: 5px;  font-size: 10px; margin: 0px 0px 0px 0px; color:#000;  }
#register-area textarea { height: 120px;}
#register-area textarea:focus, #register-area input:focus {border: 1px solid #666;}
#register-area input.submit-button { width: 100px; float: right; color:#111; margin-left:10px; }
#register-area label {	text-align: right; padding-top: 5px; font-size: 11px; color:#111}


/*================== Imágenes ====================*/
img {border:none;}


/*================== H's ====================*/
h1 {font-size: 13px; color: #F29400; filter: alpha(opacity=80);  opacity: .8; background-color:#000000; height:30px;}


/*================== Párrafos ====================*/
.texto { margin:20px; margin-right:25px; color: #000; font-size: 11px; margin-bottom:25px;}
.texto A, .texto A:active, .texto A:visited{ font-size:12px; color: #F29400; text-decoration:none ; font-weight:bold;}
.texto A:hover{ font-size:12px; text-decoration:underline; color:#F29400; font-weight:bold}


/*================== Listas ====================*/
ul { list-style: none; margin: 0; padding: 0;}


/*================== Lineas ====================*/
.line-hor { clear:both; border-bottom:1px dashed #ccc; margin-top:20px; margin-bottom: 20px; margin-left:0px; margin-right:10px; }


/*==================  Links  ==================== */
A, A:active, A:visited { font-size: 11px; color:#F29400; text-decoration:none;}
A:hover { font-size: 11px; color:#F29400; text-decoration:underline;}


/*==================  Otros  ==================== */
.clr{ clear:both }