/* CSS Document */

/* estilos genéricos */
* {
	padding:0px;
	margin:0px;
}

body{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0px;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 12px;
	text-align: center;
}


a{color: #666666; text-decoration: none; }
a:hover{ color:#666666;}
/*paginar*/

#paginar{ text-align:left; float:left; width:400px; border-bottom:solid 1px #CCCCCC;  padding:0px; height:auto; background-image:url(imagenes/barra_list_not.gif); background-position:bottom; background-repeat:repeat-x; margin-top:0px;}
#paginar a{ padding-top:3px; text-align:center; float:left; width:30px; display:block;  border-left:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;  border-right:solid 1px  #CCCCCC; background-image:url(imagenes/pestana_pag.jpg); background-position:center; background-repeat:no-repeat; color:#CCCCCC!important; font-weight:bold;}  
#paginar a:hover{ padding-top:3px; text-align:center; float:left; width:30px; display:block;  border-left:solid 2px #CCCCCC; border-bottom:solid 1px #FFFFFF;  border-top:solid 2px  #CCCCCC;   border-right:solid 1px  #CCCCCC; background-image:url(imagenes/pestana_pag.jpg); background-position:center; background-repeat:no-repeat; color:#FF9900!important;} 


/* cuerpo centarl */
#cuerpo{ padding: auto; margin: 0 auto; margin-top:5px; text-align: center; width: 976px; border:#666666 solid 0px; }

/* cabecera */
#cabecera{width: 976px; height:186px; padding:0 auto; margin: 0 auto; border-bottom:#CCCCCC solid 0px; border-top:#CCCCCC solid 1px; background-image:url(../imagenes/pestana_cab.gif); background-position: top right; background-repeat:no-repeat; font-size:10px;}
#cabecera img{float:left; padding-left:2px; padding-top:2px;}

#buscador{ float:right; width:390px; padding-top: 2px; text-align:right;}
#buscador input{border:solid 1px #CCCCCC; margin-left:3px; height:18px; background-image:url(../imagenes/barra_buscador.gif); background-repeat:repeat-x; background-position:top;}
#buscador img{float:none;}
#separador{clear:both;}


/* menu */
#sep{width:976px; height:5px; background-image:url(../imagenes/barra_medio.gif); background-repeat:repeat-x; background-position:center; background-color:#EFEFEF; margin:0 auto; padding: 0 auto;}
#menu{width:976px; height:28px; background-image:url(../imagenes/fondo_menu.jpg); background-position:center; background-repeat:no-repeat; text-align:left;}

/*nav principa*/
.sec{display:block; float:left; width:140px; height: 25px; background-color:#FFFFFF; font-size:12px; color:#333333; font-weight:bold; padding-top:5px; padding-left:9px; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC;}
a.sec2{ display:block;  height:20px;  font-size:12px; font-weight:bold; color:#ffffff; float:left; padding-top:5px; padding-right:4px; padding-bottom:4px; }
a.sec2:hover{   font-size:12px; color:#ffffff; background-color:#D26E6E; }
#subnav{width:964px; background-color:#FFFFFF; height:28px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; text-align:left; padding-top:5px; padding-left:10px; }
#subnav a{ display:inline; color:#333333; text-decoration: none;  }
#subnav a:hover{ color:#666666; }



/*contenedor principa*/
#contenedor1{width:976px;  border:0px solid #333333; overflow: hidden; } 

/*lateral derecha*/
#derecha{width:304px; background-color:#F0F0F0;  float:right; padding-bottom: 32768px;	/* esto es ser bien exagerado */
		margin-bottom: -32768px;}
#izquierda{width:670px; float:left; border:#333333 0px solid; height:auto;  background-image:url(../imagenes/barra_lateral.gif); background-repeat:repeat-y; background-position:left;  }


#gruposlistado{
	width:640px;
	height:auto;
	border:0px #999999 solid;
	padding:5px;
	margin-top:20px;
	text-align:left;
	float:left;

}

    #gruposlistado h1 {
	color:#CC9900;
	background:transparent;
	padding : 0px;
	margin:0px;
	line-height: 120%;
	font-weight: normal; 
	font-size: 25px;
}

#arealistado{ float:left; width:305px;  background-color:#FFFFFF; border-bottom: #CCCCCC 1px solid; background-image:url(../imagenes/lib.jpg); background-position:top; background-repeat:repeat-x; padding:2px; margin:4px; text-align:center;}
#arealistado p{display:block; color:#FF3300; text-shadow:#999999;   padding:2px;  margin-top:20px;}
#arealistado i{color:#FF3300;}
#datgrupolist{width:305px; float:left; text-align:center; margin-top:10px; font-weight:bold;}
#enviogrupolist{width:305px; float:left; text-align:center; margin-top:10px; background-color:#FFFFFF; font-weight:bold;}

#areagrupo{ float:left; width:170px; height:260px;  background-color:#F0F0F0; border: #CCCCCC 1px solid; padding:5px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; background-image:url(../imagenes/barra_area2.gif); text-align:center;}
#areagrupo p{display:block; color:#FFFFFF; text-shadow:#999999; background-color:#CC9900; background-image:url(../imagenes/barra_area.jpg); padding:5px;}
#enviogrupo{width:170px; float:left; text-align:center; margin-top:10px; background-color:#FFFFFF; font-weight:bold;}
#datgrupo{width:170px; float:left; text-align:center; margin-top:10px;  font-weight:bold; background-color:#CCCCCC; }

/*BASES DEL CONCURSO*/
#img_base{width:216px;  overflow:hidden; float:left;  }
#bases{
	width:424px;
	height:auto;
	float:right;
	border:0px #999999 solid;
	padding:5px;
	margin-top:20px;
	text-align:left;

}
    #bases h1 {
	color:#CC9900;
	background:transparent;
	padding : 0px;
	margin:0px;
	line-height: 120%;
	font-weight: normal; 
	font-size: 25px;
}

#bases p{margin-bottom:10px;}

#basesnav{ width:200px; float:left;}

#basesnav a{ display:block; width:200px;  border:solid 1px #CCCCCC; background-color:#FFFFFF; font-weight:bold; color:#CC3300;

}

/*REGISTRO DEL CONCURSO*/
#img_registro{width:216px; height:590px; float:left;  }
.reginput{ width:300px; border:solid 1px #CCCCCC; margin-left:3px; height:18px; background-image:url(../imagenes/barra_buscador.gif); background-repeat:repeat-x; background-position:top; margin-top:5px; margin-bottom:5px;}
.regtextarea{ height:150px; width:300px; border:solid 1px #CCCCCC; margin-left:3px;  background-image:url(../imagenes/barra_buscador.gif); background-repeat:repeat-x; background-position:top;}

.regselect{ border:solid 1px #CCCCCC; margin-left:3px; height:18px; background-image:url(../imagenes/barra_buscador.gif); background-repeat:repeat-x; background-position:top;}

/*PREGUNTAS FRECUENTES*/
#img_preguntas{width:216px; height:590px; float:left; }

/*destacados*/
#destacado{width:298px; border: 1px #CCCCCC solid; height:auto; background-color:#FFFFFF; float:left; text-align:left; margin-top:5px; margin-bottom:10px;}
.dest_titulo{display: block; width:296px; height:34px; background-image:url(../imagenes/fondo_destacado.gif); border-bottom:#CCCCCC solid 1px; padding: 0px; }
#destacado h1 {
	color: #BA0100;
	background:transparent;
	padding-top : 10px;
	padding-left:2px;
	margin:0px;
	line-height: 120%;
	font-weight: normal; 
	font-size: 18px;
}
#destacado img{float:left; margin:3px;}
#destacado p{ margin:5px;}
.gris{color:#666666;}
.red{color:#FF0000;}


/*pie*/
#pie{ width:976px; background-image:url(../imagenes/barra_pie.gif); background-repeat:repeat-x; background-position:bottom; font-family:Arial, Helvetica, sans-serif; font-size:11px;  border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; text-align:center; margin-top:2px; height:50px;}
#logohoy{height:50px; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; float:left;}
   #logohoy img{padding-top: 20px; padding-left:8px; padding-right:5px;} 
   
   
   .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


#rotpubli{width:300px; height:18px; background-image:url(../imagenes/rot_publi.gif); background-position:right bottom; background-repeat:no-repeat; float:right; }
#robapaginas{ float:right; margin-top:0px; width:300px; height:250px; background-color:#F5F5F4; }

#publi{width:1003px; border:#333333 solid 0px; padding: auto; margin: 0 auto; height:auto; background-image:url(../imagenes/publi2.gif); background-position:left bottom ; background-repeat:no-repeat; }
#jumbo{ text-align:center; width:768px; float:left; background-image:url(../imagenes/publi2.gif); background-position:right; background-repeat:no-repeat; background-color:#D4D0C8; }
#modcab{width:234px; float:right; }


/*areapersonal*/
#area{float:left; width:300px; background-color:#F0F0F0; border: #CCCCCC 1px solid; padding:5px; margin-left:10px; background-image:url(../imagenes/barra_area2.gif)}
#area input{width:180px; padding-left:2px; border:#FFFFFF solid 4px; background-color:#666666; color:#FFFFFF; height:12px; font-size:10px;}
#area label{margin-right:10px; font-weight:bold;}
#area p{display:block; color:#FFFFFF; text-shadow:#999999; background-color:#CC9900; background-image:url(../imagenes/barra_area.jpg); padding:5px;}
#envio{width:300px; float:left; text-align:center; margin-top:10px;}
#envio input{width:290px;  padding:2px; border: #FFFFFF solid 2px; background-color:#CCCCCC; color:#333333; height:22px; font-size:10px; font-weight:bold;  background-image:url(../imagenes/fondo_destacado.gif); background-position:top;}