body{
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-image: url(../img/fnd-body.gif);
	background-repeat: repeat-x; 
/*	background-color: #F0F0F0;*/
}

#web{
	max-width: 920px;
	min-width: 755px;	
	margin: 0 auto;
}
a {
	color: #0095C8;
}

ul {
	margin: 5px 0 20px 0;
	list-style: none;
	padding-left: 15px;
}
ul li {
	padding-left: 9px;
	background-image: url(../img/bullet-p.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;	
	margin-bottom: 6px;
}
a img{
	border: 0;
}
div.clear{
	clear: both;
	height:0px;
	line-height: 0px;
}
#cabecera{
	max-width: 960px;
	min-width: 735px;	
	height: 158px;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
	background-repeat: no-repeat;
	background-position: 250px 20px;
}
#cabecera img#logo{
	float: left;
	margin-top: 15px;
}

#cabecera #btn-login {
	float: right;
	margin-top: 35px; 
}

/*#contenedor-pestanas {
	clear: both;
	width: 960px;
	margin: 0 auto 0 auto;	

}*/
#pestanas{
	margin: 35px 0 0 10px;
	width: 100%;
	float: left;
}
#pestanas ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#pestanas li{
	float: left;
	list-style: none;
	background: none;
	margin: 0 4px 0 0;
	padding: 0;
}

#contenido{
	clear: both;
	margin: 0 auto 0 auto;
	padding-left: 16px;
	padding-bottom: 20px;
	padding-top: 13px;
	line-height: 150%;
}

#contenido.home {
	width: 960px;
	padding-left: 0;
}

#migas {
	padding-left: 12px;
	background-image: url(../img/home.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0 28px 0;
	color: #2C5362;
}

#migas a {
	background-image: url(../img/separa-migas.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;	
	padding-right: 11px;
	margin-right: 2px;
}
h1{
	color: #102B50;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	background: url(../img/bullet-h1.gif) no-repeat 0 3px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	clear: both;
}
h2{
	color: #012168;
	font-size: 130%;
	font-weight: bold;
	margin: 20px 0;
	padding: 0;
}
.H3 {
	background-color: #72B0C9;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	margin-left: 15px;
	padding: 3px;
}
.ok{
	background: #E2F0D9 url(../img/ok.gif) no-repeat 25px 50%;
	border: 1px solid #93C761;
	clear: both;
	padding: 0 0 0 63px;
	margin-left: 50px;
	float: left;
	display: inline;
	width: 770px;
	margin-bottom: 30px;
}
.ok p{
	border-left: 1px solid #93C761;
	padding: 5px 15px;
	margin: 7px 0;
	color: #666;
	line-height: 150%;
}
.error{
	background: #FFF4F4 url(../img/error.gif) no-repeat 25px 50%;
	border: 1px solid #FF6464;
	clear: both;
	padding: 0 0 0 63px;
	margin-left: 50px;
	float: left;
	display: inline;
	width: 770px;
	margin-bottom: 30px;
}
.error p{
	border-left: 1px solid #FF6464;
	padding: 5px 15px;
	margin: 7px 0;
	color: #666;
	line-height: 150%;
}

#contenedor-pie {
	width: 100%;	background-color: #F0F0F0;	
	margin-top: 30px;
}
#pie{
	clear: both;
	max-width: 960px;
	min-width: 735px;	
	margin: 0 auto;
	padding: 10px 0 20px 0;
	height: 50px;
	background-color: #F0F0F0;	
}
#pie p{
	background: url(../img/logo-pie.gif) no-repeat 0 0;
	padding-left: 25px;
	color: #656565;
	margin: 0;
	padding: 10px 0 10px 40px;
	width: 351px;
	float: left;
}
#pie ul{
	float: right;
	margin: 8px 0 0 0;
	padding: 0;
}
#pie ul li{
	list-style: none;
	float: left;
	background: none;
}
#pie ul li.separador{
	margin-left: 9px;
	padding-left: 7px;
	border-left: 1px solid #666;
}
#pie ul li a{
	color: #0099C7;
}
#contenedor-principal {
	float: right;
	width: 100%;
	margin-left: -320px;
}
#principal {
	margin-left: 360px;	
	margin-top: 20px;
	margin-right: 60px;
}

#extra,
#extra-der {
	float: left;
	width: 255px;
	display: inline;
	padding-right: 50px;
	padding-left: 15px;
	padding-bottom: 150px;
	background-image: url(../img/separa-extra.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 20px;
}
#extra-der {
	float: right;
	margin-left: -320px;
	background-position: top left;
}
#extra-der-color {
	background-color: #E4E4E4;
	background-image: none;
	color: #A72A30;
}
#extra h2 {
	margin-top: 0;
}
#extra p {
	margin: 0 0 12px 0;
}

b.rtop, b.rbottom{display:block;background: #FFF;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #E4E4E4;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}
p.text-sign-up {margin:10px;}

br.clear {
	clear: both;
}

/* notas de prensa */

div.nota {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #E8E8E8;
}

div.nota h3 {
	font-size: 110%;
	padding-left: 16px;
	background-image: url(../img/bullet-cuardrito.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-bottom: 7px;
}

div.nota p {
	font-size: 90%;
	padding-left: 16px;
	margin: 0;
}

div.nota p.mas {
	text-align: right;
	margin-top: 3px;
}
div.nota p a {
	padding-left: 12px;
	margin-right: 20px;
	background-image: url(../img/mas.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;	
}

p.aviso {
	font-size: 90%;
	color: #666;
	padding: 10px;
	background-color: #F0F0F0;
}

/* pagina registro */

#facilidades {
	margin: 5px 0 20px 0;
	padding-left: 30px;
	padding-right: 30px;
}


/* formularios */

form.general{
	margin: 0px 0 0px 0px;
	float: left;
	width: 570px;
	display: inline;
}
form.login{
	width: 300px;
}
form.general input{
	vertical-align: middle;
}
form.general select{
	vertical-align: middle;
	float: left;
}
form.general div.linea{
	clear: both;
	margin-bottom: 4px;
	padding: 2px 0;
}
form.general div.linea p.cvsrecibidos {
	margin: 0 0 0 11px;
	display: inline;
	line-height: 160%;
}
form.general div.linea #state {
	width:230px;
	.width:220px;
}
form.general div.conerror {
	background-color: #FFECEC;
}
form.general div.conerror label, form.general div.conerror p.label {
	color: #ff0000;
}
form.general div.conerror .grupo label {
	color: #666;
}
form.general label{
	display: block;
	color: #666;
	font-weight: bold;
	padding: 4px 0;
}
form.general p.label{
	color: #A72A30;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 125%;
}
form.general div.grupo{
	float: left;
	margin-right: 18px;
}
form.general a {
	color: #0099C7;		
}
form.general div.grupocaido{
	clear: both;
	margin-left: 200px;
	float: none;
	padding-top: 6px;
}
form.general div.grupo label{
	float: none;
	display: inline;
	font-weight: normal;
	text-align: left;
	margin-right: 0;
}
form.general div.grupo select{
	float: none;
	display: inline;
}
form.general div.grupo input{
	float: none;
	display: inline;
}
span.obligatorio{
	color: #FF0000;
}
span.nota{
	font-weight: normal;
	display: block;
	font-size: 90%;
	color: #A5A5A5;
	margin-top: 3px;
}
p.requeridos {
	font-size: 90%;
	color: #A5A5A5;
	margin: -10px 0 30px 10px;
}

form.general fieldset {
	border: 0;
	background-color: #fff;
	padding: 0;
	margin: 0 0 20px 0;
}
form.general fieldset legend {
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
}

form.general div.col-l {
	float: left;
	width: 48%;
	padding-bottom: 30px;
}

form.general div.col-r {
	float: left;
	width: 48%;
	padding-bottom: 30px;
}

/*form.general div.boton {
	clear: both;
	margin: 20px 0 30px 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
}
form.general div.boton input{
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
}*/

/* faq */

ol#lista-preguntas {
	margin-bottom: 90px;
}
ol#lista-preguntas li {
	margin-bottom: 6px;
}
hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}
p.top {
	margin: 4px 0;
	text-align: right;
}

#motivos {
	margin-bottom: 30px;
}
#motivos li {
	margin: 0 0 6px 0;
}
* html #motivos {
	margin-bottom: 30px;
}
* html #motivos li {
	margin: 0 0 6px 0;
}
* html #web {
	width:expression(document.body.clientWidth > 960? "920px": "auto" );
}
* html #cabecera {
	width:expression(document.body.clientWidth > 960? "940px": "auto" );
}	
* html #pie {
	width:expression(document.body.clientWidth > 960? "940px": "auto" );
}

/** 2.2- Botones */
   html body .boton
    /* Contenedor exterior del boton */
    { display: block !important;  margin: 0px;
      float: left; clear: none; margin-right: 0px;
      background: url(../img/fons_boto_esquerra.jpg) top left no-repeat; }
     
   html body .boton span
    /* Contenedor intermedio del boton : icono */
    { margin: 0px !important; padding: 0px; display: block !important;}
     
   html body .boton span#btn-login
    /* Contenedor intermedio del boton : icono */
    { padding-left: 20px;
      background: url(../img/ico_boto_login.jpg) 10px no-repeat;  }
   
   html body .boton input,
   html body .boton a
    /* Contenedor interior del boton */
    { background: url(../img/fons_boto_dret.jpg) top right no-repeat; border: 0px; color: gray; font-size: 14px;
        clear: none; float: none; margin: 0px 0px 0px 10px; font-weight: bold; display: block;
      padding: 12px 20px 12px 10px;  font-family:Verdana; text-decoration: none; cursor: pointer; }
     
   html body .boton input
    /* Estilo especifico para botones input */
    { padding: 2px 10px 3px 0px; height: 23px !important;}
   
   html body #cabecera .boton
    /* Estilo especifico para botones en la cabecera */
    { float: right; width:200px; margin: 20px 0px 0px 20px !important; }
   
/** 2.3- Menu */
   html body * #pestanas
    /* Contenedor del menu */
    { clear: both; }
   
   html body * #pestanas ul
    /* Contenedor de las pesta�as del menu */
    { list-style: none; padding: 0px; margin-left: 30px; overflow: none;
      background: #ffffff; }
     
   html body * #pestanas ul li
    /* Contenedor exterior de la pesta�a */
    { float: left; margin-left: 0px; padding-right: 9px; font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 1.2em;
          background: url(../img/fons_menu_off_dret.gif) top right no-repeat;  }
   
   html body * #pestanas ul li a
    /* Contenedor interior de la pesta�a */
    { float: left; padding: 10px 8px 9px 18px; font-weight: bold; color: #aaa; 
          background: url(../img/fons_menu_off_esquerra.gif) top left no-repeat; text-decoration:none;  }   
 
   html body * #pestanas ul li.activa
    /* Contenedor exterior de la pesta�a activa*/
         { background: url(../img/fons_menu_on_dret.gif) top right no-repeat;  }
   
   html body * #pestanas ul li.activa a
    /* Contenedor interior de la pesta�a activa */
        {  background: url(../img/fons_menu_on_esquerra.gif) top left no-repeat; color: #ffffff }
.transparencia {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:3000px; 
	background-color:#000; 
	z-index:999999; 
	opacity: .5; 
	filter: alpha(opacity=50);
}
.Alert { 
	font-size:1.15em; 
	position:absolute; 
	top:50%; 
	left:50%; 
	width:675px; 
	margin-left:-337px;
	background-color:#FFF; 
	z-index:1000000; 
	padding:15px; 
	border:2px solid #f1f1f1; 
}
.Alert h2 { 
	margin-bottom: 5px; 
}

.alerta{
	background: #EAF5FA url(../img/alerta.gif) no-repeat 15px 50%;
	border: 1px solid #CAEAF9;
	clear: both;
	padding: 0 0 0 63px;
	float: left;
	display: inline;
}
.alerta p{
	border-left: 1px solid #CAEAF9;
	padding: 5px 15px;
	margin: 7px 0;
	color: #666;
	line-height: 150%;
}
.schemalinea{
	clear: both;
	float: left;
	width: 830px;
	margin-bottom: 11px;
	padding: 2px 0;
}
div#campscolors schemalabel{
	float: left;
	width: 190px;
	text-align: right;
	margin-right: 10px;
	vertical-align: middle;
	color: #666;
	font-weight: bold;
	padding: 4px 0 0 0;
}
.schemaleft{
	float: left;
	width: 50%;
}
.schemaright{
	float: right;
	width: 50%;
}
#fondo { position: absolute; top: 0px; left: 0px; width: 739px; height: 89px; visibility: visible }
#home { position: absolute; top: 13px; left: 369px; width: 44px; height: 16px; visibility: visible }
#layer { position: absolute; top: 12px; left: 554px; width: 166px; height: 46px; visibility: visible }
#mail { position: absolute; top: 22px; left: 288px; width: 70px; height: 15px; visibility: visible }
#mapa { position: absolute; top: 34px; left: 212px; width: 67px; height: 16px; visibility: visible }
#noticia { position: absolute; top: 51px; left: 124px; width: 133px; height: 19px; visibility: visible }
#quienes { position: absolute; top: 67px; left: 36px; width: 95px; height: 21px; visibility: visible }