@charset "utf-8";
/* CSS Document */

.columna-imagen {
	width: 245px;
	margin: 20px 8px 10px 14px;
	float: left;
}

.columna-beneficios {
	font-size:12px;
	line-height:16px;
	width: 440px;
	margin: 20px 10px 10px 10px;
	float: left;
}

.columna-beneficios2 p {
	font-size:12px;
	line-height:16px;
	width: 300px;
	margin: 20px 10px 10px 10px;
	float: left;
}

.titulo-beneficio {
	font-size: 18px;
	color: #3B5998;
	background-color: #E7EBF2;
	padding: 10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.titulo-seccionbenef {
	font-size: 12px;
	font-weight: bold;
	color: #3B5998;
	background-color: #E7EBF2;
	padding: 7px;
	display: inherit;
}



.linea-beneficio {
list-style-type:none;
border-bottom:1px solid #C8D1E2;
}

.columna-1beneficio {
	height: 22px;
	margin: 10px 20px 20px 10px;
}


.texto-blanco {
	color: #FFFFFF;
	font-size: 18px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;

}

.lista-alto {
	padding: 5px 3px 5px 3px !important;
	vertical-align:top;

}

#columna-ancha h1.tit-benef{
	padding-left:10px;
	font-size:20px;
}

#colum-benef{
	padding-left:10px;
	font-size:20px;
	float:right;
	width: 180px;
}

.p-titbenef{
	padding-left:10px;
	font-size:14px;
	width: 180px;
}

.p-benef {
	font-size:12px;
	line-height:16px;
	padding-left:5px;

}

.benef-fondo-gris {
	padding: 10px;
	background-color: #f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#columna-noti1benef {
width:120px;
margin:25px 15px 0 0px;
float:left;
}


/* Search styles */
		#search-block {
			width: 200px;
			height: 27px;
			float: left;
			margin-top: 4px;
			padding-right: 0px; /* I use padding-right instead of margin-right to avoid IE6 double margin bug. This works just fine. */
			background:url(images/search_field.png) no-repeat left top;
			overflow: hidden;
		}
		
			#search-block form {
				padding: 0px;
				margin: 0;
			}
			#search-block #search-field {
				width: 162px;
				padding: 5px 1px 5px 5px;
				border: 0;
				background: none;
				color: #666;
				float: left;
			}
			
			#search-block #search-submit {
				width: 32px;
				height: 27px;
				margin-left: 0px;
				border: 0;
				background:url(images/search_button.png) no-repeat left top;
				color: #777;
				font: bold 1em arial, sans-serif;
				cursor: pointer;
				float: left;
			}
			
/* Fin Search styles */


.fondo-benefppal {
	background-color: #e7ebf2;
}

#colum-benefppal {
	padding:10px 5px;
	background-color: #92C2DA;
	width:235px;
	float:right;
	margin:10px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*	FORMULARIO
___________________________________________________________________ */

.fondo-benefppal select {
	background-color: #FFF;
	padding: 3px 2px;
	border: solid 1px #3B5998;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 25px;
	margin-left: 10px;
}



.padding-benef20 {
	padding:20px 5px 20px 50px;
}

.anchobenef {
	width:215px;
}


/*--------------------------------------------
TABLAS
---------------------------------------------*/
.fondo-benefppal table {
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	background: #e7ebf2;
	text-align: left;
	width: 100%;
}


.fondo-benefppal tbody th, tbody td {
	vertical-align: top;
	border-bottom: none;
	border-top:none;
}
	
.margin-benef {
	margin:7px;
}

.padding-benefright {
	padding-right:35px;
}
	

#submitbenef {
	height: 27px;
	margin-top: 8px;
	width: 91px;
	margin-right: 12px;
	margin-bottom:10px;
	font-weight: bold;
	cursor: pointer;
/*	color: #000;
	border: none;
	vertical-align:central;*/
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	
}


select {
	background-color: #f3f5f8;
	padding: 3px 2px;
	border: solid 1px #3B5998;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 25px;
	margin-left: 10px;
}
select2 {
	background-color: #f3f5f8;
	padding: 3px 2px;
	border: solid 1px #3B5998;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 0px;
	margin-left: 0px;
}

.texto-benef {
	font-size:16px;
/*	color:#fff;*/
	color:#3b5998;
	padding: 10px 10px 7px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	list-style-type:none;
	border-bottom:1px solid #fff;
}


.titulo-seccionbenef {
	font-size:12px;
	color:#3b5998;
	padding: 5px 0px 5px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	list-style-type:none;
	border-bottom:1px solid #fff;
	vertical-align:middle;
}


.busqueda {
	width: 150px; 
	float:left; 
	margin-top: 8px;
}

.categoria {
	width:600px;
 
	margin-top: 8px;
}

.borde-cat {
	border-collapse: separate;
border: 1px solid #C8D1E2;
padding: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.linea-celda {
	border-bottom: 1px solid #c8d1e2 !important;
	}
	
.linea-subitem {
	border-bottom: 1px solid #f3f5f8;
	}
	
	#caja-popup{
	padding:15px;
	
}

.cuadro-cine {
	border: 1px solid #C8D1E2;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	width: 70%;
	margin-left: 15%;
	}

.titulo-seccion {
	font-size: 12px;
	font-weight: bold;
	color: #3B5998;
	background-color: #E7EBF2;
	padding: 5px;
	display: inherit;
}

.clasif li{
list-style-type:none;
font-size:12px;
padding:10px;
border-bottom:1px dashed #E7EBF2;
}

.favorito {
  background: url(images/star_gris.jpg) no-repeat;
  background-position:8px 10px;

}

.favorito:link {
  background: url(images/star_gris.jpg) no-repeat;
  background-position:8px 10px;

}

.favorito:visited {
  background: url(images/star.png) no-repeat;
  
  background-position:8px 10px;

}

.favorito:hover {
  background: url(images/star.png) no-repeat;
 
  background-position:8px 10px;

}

.favorito-int {
  background: url(images/star_gris.jpg) no-repeat;
  background-position:center top;
 

}

.favorito-int:link {
  background: url(images/star_gris.jpg) no-repeat;
   background-position:center top;
  

}

.favorito-int:visited {
  background: url(images/star.png) no-repeat;
  background-position:center top;
 

}

.favorito-int:hover {
  background: url(images/star.png) no-repeat;
  background-position:center top;


}

.favorito20 {
  background: url(images/star_gris20x20.png) no-repeat;
  background-position:8px 10px;

}

.favorito20:link {
  background: url(images/star_gris20x20.png) no-repeat;
  background-position:8px 10px;

}

.favorito20:visited {
  background: url(images/star20x20.png) no-repeat;
  
  background-position:8px 10px;

}

.favorito20:hover {
  background: url(images/star20x20.png) no-repeat;
 
  background-position:8px 10px;

}




/*estilos pestñas*/

.tabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}

/* fin estilos pestañas */

.especialidad {
text-align:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D4D4D;
padding:8px 5px 8px 5px;
border-bottom:1px solid #CCC;
margin-bottom:25px;
}


.destacar {
font-size:11px;
padding-top:15px;
padding-bottom:12px;
}

	#nombre-mat {
width:610px;
margin:0px 0px 20px 0px;
float:left;
}

#nombre-mat p {
	font-size:12px;
	line-height:16px;
}

.cpo10 {
font-size:10px;
}

/* Estilos barra lateral - destacados */

.destacado1 {
	float:left;
	margin:5px 0 0 5px;
}

.destacado2 {
	margin:9px 0px 0px 32px;
	}
	
.destacado3 {
	margin:5px;
	}
	
/* Estilos campo de registro prof */
.campo * {
  vertical-align: middle;
}
.campo input {
  clear:left;
  margin-right:5px;
}
.campo label { 
  display:inline-block;
  margin-right:60px;
}