/*

estructura.css
edu-solunica
2007-mayo-22
css de estructura
incluye los div basicos a usar en una pagina

son obligatorios

contenedor
cabecera
contenido
pie

Los menus se llamaran menu o menu_lateral

para subdividir en columnas , usar el resto de etiquetas


*/

/*
modelo.css
edu-solunica
2007-mayo-22
css de estilo.
incluye clases html y clases .net

*/

body
{
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color:#404040;
	margin:0; padding:0;

}

p
{
	margin:0; padding:0;
}


.cleaner
{
	clear:both;
}

/*
	controles de .net para la propiedad cssclass
	se llaman con el mismo nombre de la clase
*/

.textbox
{
}

.label
{
}

.dropdownlistbox
{
}

.button
{
}


.contenedor
{
	margin:0 auto 0 auto; 
	padding:1em 0 0 0 ;
	width:90%;

}

.cabecera 
{
	margin:0; padding:1em;
	background: black;
	/*background: #bbb url(top.jpg) repeat-x top; */
	text-decoration: none ;
	height:4em;
}

.logo 
{ 
	float: left;
    width: 20%;
	height:100%;
    margin: 3px 3px 3px 3px ;
    font-size: 1.2em;
	background: url("logo.jpg")  center no-repeat;
}

.contenido
{
	margin:0; 
	padding:0;
	background: white ; /*#cccccc  background: url("fondo_left.gif") top left repeat-y;*/
	height:38em;
}
.doblecontenido
{
	margin:0; 
	padding:0;
	background: white ; /*#cccccc  background: url("fondo_left.gif") top left repeat-y;*/

}
.idioma
{
	float:right;
	font-size: 0.8em;
}

.idioma a
{
	text-decoration:none ;
	color:red;
}

.pie 
{
	text-align: left;
	margin:0; padding:0em;
	color:#F4F4F4;
	background:green;
	clear:both;
	height:2em;
}

.tres_columnas
{
	margin:1em 0 0em 0; 
	padding:0;
	background: transparent ; /* background: url("fondo_right.gif") top left repeat-y;*/
	height:95%;
}

.izquierda
{
	float:left;
	margin:0; padding:0;
	height:100%;
	background: #e0e0e0;
}


.derecha 
{
	float:right;
	margin:0; padding:0;
	height:100%;
	background: transparent;
	text-align:right;

}

.centro
{
	height:100%;
	background:white;
	background: transparent url('images/sinfoto.jpg') no-repeat center;

}

.centro_inicio
{
	height:100%;
	display:block;

	background: transparent url('publicox3.gif') no-repeat bottom center;
}


.dos_columnas
{ 
	margin:1em 0 0em 0; 
	padding:0;
	background:transparent;
	height:95%;
}

.dos_columnas_slide
{ 
	margin:1em 0 0em 0; 
	padding:0;
	background:transparent;
	height:45%;
}

.patrocinador
{
	display:block;
	margin-top:3em; 
	margin-left: auto;
	margin-right: auto;
	width : 156px ;
	height: 195px ;
}


.titular
{

	display: block;
	background:black;
	color:#f4f4f4;
	width:100% ;
}



/* menu lateral */

.menu_lateral 
{
	font-size:1.2em;
	margin:0; padding:1;
}

.menu_lateral  a:link, .menu_lateral  a:visited
{
	text-decoration: none;
	color: white;
}

.menu_lateral  a:active,  .menu_lateral a:hover 
{

	text-decoration: none;
	color: red;
	/*
	background-image:url(submenua_hover.jpg);
	background-repeat:repeat-y;
	*/
}

/* menu horizontal */
.menu 
{ 
    margin:10px;
    font-size:1em;
	color:white;
	background-color: black;
	float: right;
}

.menu a
{
	border-left: 15px solid black; 
	padding: 10px 7px 10px 7px ;
	text-decoration: none ;
	color: #f4f4f4 ; 

}


.menu li
{
	display:inline;

}

.menu ul 
{
	display:block; 	
	float:right; 
	line-height:3em; 

	clear:both; 
	padding:0; 
	margin: 0; 
}


.menu li a:hover, .menu li a:focus  {
background: green ; /* rgb(79, 127, 18); este es el verde de la portada */
color: #f4f4f4 ; 

border-left: 15px solid #f4f4f4; 
/*
aqui irķa el baloncito
background: transparent url(images/menuright.png) no-repeat right top; 
*/
}

.menu li a:active {
background: green ; /* rgb(79, 127, 18); este es el verde de la portada */
color: #f4f4f4 ; 

border-left: 15px solid #f4f4f4; 
/*
aqui irķa el baloncito
background: transparent url(images/menuright.png) no-repeat right top; 
*/
}
.copyright
{
	clear:both;
	text-align:right;
	color: white ;
	font-size:0.7em;
}

.formulario
{
	width : 100%;
	height: 100%;
	padding: 0em 1em 0em 1em;
	text-align: center;
}

.noticia
{
	width : 100%;
	height: 100%;

}

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

.nota
{
	padding: 3em 3em 0em 3em;
    font-size:.8em;
	color: red;
}

.aviso_legal
{
	text-align: left;
	padding: 1em 1em 0em 1em;
    font-size:.8em;
}

.fotos
{
	height:100%;
	background:white;
	background: transparent url('images/sinfoto.jpg') no-repeat center;
}

/* widths y margins */

.width10
{
	width: 10%;
}
.width15
{
	width: 15%;
}

.width20
{
	width: 20%;
}

.width25
{
	width: 25%;
}

.width33
{
	width: 33%;
}

.width50
{
	width: 50%;
}

.width66
{
	width: 66%;
}

.width75
{
	width: 75%;
}

.width85
{
	width: 85%;
}

.margin2515
{
	margin: 0% 16% 0% 27% ;
}

.margin2510
{
	margin: 0% 11% 0% 27% ; 
}

.margin33333
{
	margin: 0% 34% 0% 34% ;
}

.margin2525
{
	margin: 0% 27% 0% 27% ; 
}

/* novale */

.izquierda15, .izquierda25
{
	float:left;
	margin:0; padding:0;
	height:100%;
	background: #F3F3F3;
}

.derecha10, .derecha15, .derecha75, .derecha85
{
	float:right;
	margin:0; padding:0;
	height:100%;
	background: transparent;
	text-align:right;
}

.izquierda15
{
	width: 15%;

}
.izquierda25
{
	width: 25%;

}

.izquierda33
{
	float: left;
	margin:0; padding:0;
    width: 33%;
    height:100%;
	background: #F3F3F3;
	text-align:left;
}

.izquierda50
{
	float: left;
	margin:0; padding:0;
    width: 50%;
    height:100%;
	background: #dddddd;
}

.derecha10
{
	width: 10%;

}
.derecha15
{
	width: 15%;

}
.derecha50 
{ 
	float: right;
	margin:0; padding:0;
    width: 49.9%;
    height:100%;
	background: gray;
}
.derecha66 
{ 
	float: right;
	margin:0; padding:0;
    width: 58%;
    height:100%;
	background: #F3F3F3;
	text-align:center;

}
.derecha75
{
	width: 75%;
}

.derecha85
{
	width: 82%;
}



.centro2515
{
	margin: 0% 16% 0% 27% ; /* 0px 100px 0px 190px; */
	color:black;
	background: url("crio.jpg")  bottom right no-repeat;
}

.centro2510
{
	margin: 0% 12% 0% 27% ; /* 0px 100px 0px 190px; */
	color:black;
	background: url("crio.jpg")  bottom right no-repeat;
}

.centro2515, .centro2510, .fotos
{
	height:100%;

	background: transparent url('images/sinfoto.jpg') no-repeat center;
}