/* estructura*/
body  {

    background: #fff;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #333;
}
#preheader{
	width:100%;
	height:39px;
	background:#506673;

	}

#preheader #login{
	
	}

#precontainer {
	width: 1000px;
    margin: 0 auto;
	height:20px;
	/*background:transparent url(../img/composicion/borde-top.png) bottom center no-repeat;*/
	
	}
#container {
	width: 990px;
    margin: 0 auto;
    text-align: left;
	
	padding: 13px 20px;
	
	}
 #header{
	 float:left;
	 display:inline;
	 width:990px;
	 background-color:#FFF;	 
	 	margin-bottom:10px;
	 }
#logo{float:left; display:inline; width:330px; height:auto;}
#botones{
	float:right;
	margin-top:75px;
	height:45px;
	
}
#botones img{margin-left:7px; border:1px solid #ADADAD;}
	 
#pdf{
	float:right;
	padding: 0px 20px;
}
#pdf a{
	font-size:11px; color:#ADADAD; letter-spacing: -0.9px; text-decoration:none;
	
}
#pdf a:hover{
	font-size:11px; color:#02B4E2; letter-spacing: -0.9px; text-decoration:none;
	
}

#header h2{font-size:11px; color:#ADADAD; letter-spacing: -0.9px;}
	
/* LOGIN */

#containerlogin{ width:960px; margin: 0 auto; position:relative; height:39px;}
#topnav {
	float:right;
	width:164px;
	.width:180px;
	padding:6px 18px 14px 18px;
	.padding: 6px 10px 14px 10px;
	font-size:11px;
	line-height:23px;
	text-align:right;
	background:transparent url("../img/login/login-bg.png") no-repeat;
}
#topnav .nuevo {color:#FFF; text-decoration:none; font-size:12px; text-align:left; width:100px; font-weight:700;}
#topnav a.login {
	background:#fff;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	color:#ADADAD;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("../img/login/boton-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.login:hover {
	background:#555;
	*background:transparent url("../img/login/boton-on-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.login, #topnav a.login:hover {
	*background-position:0 3px!important;
}

a.login {
	position:relative;
	margin-left:7px;
}
a.login span {
	background-image:url("../img/login/abre.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#666!important;
	color:#FFF!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.login.menu-open span {
	background-image:url("../img/login/cierra.png");
	
}

#login_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#666;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px 12px 10px 12px;
	top: 22px; 
	right: 18px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#login_menu input[type=text], #login_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #999;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#login_menu p {
	margin:0;
}
#login_menu a {
	color:#6AC;
}
#login_menu label {
	color:#FFF;
	font-size:12px;
	font-weight:300;
}

#login_menu p.recordar, #login_menu p.complete {
	clear:both;
	margin:5px 0;
}
#login_menu p a {
	color:#fff!important;
	text-decoration:none;
	font-size:10px;
}
#login_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#02B4E2 url('../img/login/entrar.png') repeat-x scroll 0 0;
	border:1px solid #999;
	color:#fff;
	text-shadow:0 -1px 0 #999;
	padding:4px 20px 5px;
	font-size:12px;
	margin:2px 5px 0 0;
	font-weight:700;
}
#login_submit::-moz-focus-inner {
padding:0;
border:0;
}
#login_submit:hover, #login_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}


#left{float:left; display:inline;  width:587px; min-height:300px; }
#fotos{width:100%; overflow:hidden; margin-bottom:10px; height:150px;}
#left .texto{background:url(../img/portal/down_izquierda.jpg); height:381px;}
#left ul{ float:left; margin:50px 0 0 90px;}
#left ul li{ background:url(../img/portal/ball.png) no-repeat center left; padding-left:30px; color:#657580; font-size:14px; font-weight:600;letter-spacing: -0.9px; margin-bottom:7px; font-family:Georgia, "Times New Roman", Times, serif;}
#left ul li:hover{ color:#525F67; cursor:default;}
#left .texto h3{text-indent:-9999em;}

#right{float:right; display:inline;width:393px; height:500px;}

#abrimos h3{text-indent:-9999em; background:url(../img/portal/up_derecha.jpg); width:100%;height:150px; margin-bottom:10px;}
#right .texto{width:363px;height:351px; padding:30px 0 0 30px;background:url(../img/portal/down_derecha.jpg);font-family:Georgia, "Times New Roman", Times, serif!important;}
#right h1{text-indent:-9999px;}
#right .texto h3{  color:#576D73;float:left; margin-bottom:5px; }
#right p{color:#7E8480; line-height:22px;clear:both; font-size:12px;}
#footer{
	font-family:Georgia, "Times New Roman", Times, serif!important;
	clear:both;
	padding:10px;
	text-align:center;
	height:50px;
	color:#ADADAD;
	font-size:12px;
	font-weight:700;
	}
	
#footer a{
	color:#ADADAD;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#02B4E2;
	text-decoration:none;
	}
	
#iliberi{
	float:right;
	display:inline;
	margin-right:3%;
	
	height:0;
	width:auto;

	}
	
	
	/*
=============
FORMULARIOS
=============
*/

.
.form {
	
	width:95%;
}
.form ul li{
	min-height:30px;
	margin-bottom:10px;
	}

.form label{
	display:block;
	min-width:160px;
	text-align:right;
	float:left;
	font-weight:700;
	line-height:27px;
	
	
	}
.form input{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	text-align:left;
	float:left;
	max-width:650px;
	line-height:22px;
	border: 2px solid #ccc;
	height:22px;
	width:200px;
	
	}
.form select{
	margin-left:10px;
	padding-left:10px;
	display:block;
	text-align:left;
	float:left;
	max-width:650px;
	line-height:27px;
	border: 2px solid #ccc;
	margin-right:10px;
	height:22px;
	line-height:22px;
	width:220px;
	
	}

.form textarea{
	width:200px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	text-align:left;
	float:left;
	max-width:650px;
	line-height:22px;
	border: 2px solid #ccc;
	height:80px;

	}


.boton {
	background: transparent url(../img/form_btn_bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding:0 inherit;
	color: #FFFFFF;	
	border: 1px solid #c7e8a1;	
	line-height: 25px;;
	height: 25px;
	cursor:pointer;
	width:auto!important;
	padding:0 10px;
	text-align:center;
}
.form .boton:hover {

	color: #0073AB;	
	border: 1px solid #0073AB;	

}


.comentario{font-style:italic; font-size:10px;}

.enviado{text-align:center; background-color:#506673; padding:30px; border:1px solid #999; height:400px;}
.enviado p{font-weight:700; font-size:15px; color:#FFF;}


ul.idiomas{width:500px;; float:right; margin-right:20px; margin-top:5px;}
ul.idiomas li{float:left; display:inline; }
ul.idiomas li a{color:#FFFFFF; text-decoration:none;  border-right:1px solid #fff; padding:0 5px; font-size:11px;}
.idiomas li a:hover, .idiomas .activo a{color:#37D6FD;}

.idiomas li:last-child a{border-right:none;}