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

html{
	height: 100%;
}

body{
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	background: url(../images/layout/bckBody.jpg) repeat;
}

p{
	margin: 0 0 7px 15px;
	font-size: 0.8em;
	line-height: 15px;
}

.sangria{
	margin-left: 25px;
}

a{
	color: #000;
	text-decoration: none;
}

a:hover{
	color: #999;
}

.enlaceTexto{
	color: #69F;
	font-style: italic;
}
.enlaceTexto:hover{
	font-weight: bold;
}

b{
	font-weight: bold;
}

h1{
	margin: 15px 0 20px 7px;
	font-size: 1.1em;
	font-weight: bold;
}

ul{
	margin-bottom:15px
}

li{
	font-size: 0.8em;
	margin: 0 0 10px 30px;
	line-height: 15px;
}

li a{
	font-weight: bold;
}

.subtitulo{
	margin: 10px 0 10px 25px;
	font-weight: bold;
	color: #f60;
	clear:both;
}

#page{
	z-index: 0;
	width: 960px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -70px;
}

#cabecera{
	z-index: 1;
	width: 100%;
	height: 100px;
	padding: 10px 10px 0 10px;
}

#cabecera ul{
	z-index: 2;
	float: right;
	margin: 20px 20px 0 0;
	text-align: right;
	font-weight: bold;
	color: #757575;
}

#cabecera li img{
	margin: 0 0 5px 0;
	vertical-align: middle;
}

#cabecera a{
	color: #000000;
	font-weight: bold;
}

#cabecera a:hover{
	color: #06F;
}

#cabecera form{
	float: right;
	margin: 0 20px 0 0;
}

#cabecera input{
	float: left;
}

#cabecera img{
	margin: 15px 0 0 5px;
}

#contenido{
	z-index: 1;
	width: 960px;
	margin: 0 auto 0;
	padding: 20px 0 20px 0;
	overflow: auto;
}

#contenido #colIzq{
	z-index: 2;
	float: left;
	width: 723px;
	height: auto;
}

#colIzq #content{
	overflow: auto;
	padding: 10px 45px 10px 45px;
	background: url(../images/layout/contenido/Izquierda/bckContent.png) repeat-y top left;
}

#colIzq #top{
	display: block;
	margin: 0 0 0 15px;
	line-height: 0;
	height: 33px;
	background: url(../images/layout/contenido/Izquierda/bckHead.png) no-repeat;
}

#colIzq #bottom{
	display: block;
	margin: 0 0 0 21px;
	line-height: 0;
	height: 48px;
	background: url(../images/layout/contenido/Izquierda/bckBottom.png) no-repeat;
}

#colDch{
	z-index: 2;
	float: right;
	clear: right;
	width: 230px;
}

#colDch #content{
	overflow: auto;
	background: url(../images/layout/contenido/Derecha/bkContent.png) repeat-y right;
}

#colDch #top{
	display: block;
	line-height: 0;
	height: 43px;
	background: url(../images/layout/contenido/Derecha/bckHead.png) no-repeat right;
}

#colDch #bottom{
	display: block;
	margin: 0 0 0 1px;
	line-height: 0;
	height: 51px;
	background: url(../images/layout/contenido/Derecha/bckBottom.png) no-repeat;
}

#siguenos{
	display: block;
	margin: 5px 10px 0 25px;
}

.redSocial{
	float: left;
	margin: 15px 2px 5px 40px;
}

/** MENU **/

#colDch img{
	float: left;
}

#colDch #espacio{
	margin: 0 0 10px 27px;
}

#colDch #pij{
	margin: 7px 0 0 25px;
}

#colDch #agenda{
	margin: 0 0 0 30px;
}

#colDch #eduSexual{
	margin: 8px 0 0 14px;
}

#colDch #noticias{
	margin: 10px 0 0 50px;
}

#colDch #tablon{
	margin: 12px 0 0 25px;
}

#colDch #enlaces{
	margin: 15px 0 0 25px;
}

#colDch #descargas{
	margin: 20px 0 0 30px;
}

#colDch #tecnicas{
	margin: 10px 0 10px 10px;
}

/** FIN MENU **/

/** CONTENIDO **/

.titulo{
	display: block;
	margin: 0 0 15px 0;
}

/** CONTENIDO - NOTICIAS **/

.noticia{
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 25px 4px;
}

.noticia p{
	font-size: 0.9em;
	line-height: 14px;
}

.fecha{
	float: left;
	width: 30px;
	height: 35px;
}

.fecha .dia{
	display: block;
	margin: 2px 0 0 0;
	font-size: 1.6em;
	text-align: center;
}

.fecha .mes{
	display: block;
	margin: 5px 0 0 0;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.noticia h1{
	display: block;
	height: 28px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 40px;
	font-size: 1.2em;
}

.noticia img{
	float: left;
	width: 88px;
	height: 97px;
	margin: 0 10px 0 0;
}

.noticia a{
	float: right;
	margin: 10px 5px 0 0;
	font-size: 0.8em;
	text-decoration: underline;
}

#calendario{
	float: left;
	margin: 20px 0 0 150px;
}

#calendario p{
	line-height: 10px;
}

#calendario li{
	float: left;
	width: 28px;
	height: 32px;
	margin: 0 3px 0 0;
	padding: 0 4px 0 2px;
	text-align: center;
	background: url(../images/layout/contenido/Izquierda/mes.png);
}

#calendario a{
	font-weight: bold;
}

#calendario .anio{
	margin: 1px 0 0 0;
	font-size: 0.7em;
	font-weight: bold;
}

#calendario .mes{
	margin: 4px 0 0 -1px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

/** FIN NOTICIAS **/

/** PIJ **/

p img{
	float: right;
	margin: 10px;
}

/** BOLETINES **/

#boletines{
	float: left;
	width: 370px;
	margin: 20px 0 0 15px;
	/*background: #FFF;
	border: 2px solid #C00;*/
}

#boletines img{
	margin: 0 0 15px 0;
}

#boletines li{
	display: block;
	margin: 0 10px 10px 10px;
	font-size: 0.8em;
}

#boletines .hoy{
	margin: 5px 0 20px 10px;
	font-weight: bold;
}

#boletines .hoy a{
	font-weight: bold;
}

#boletines a{
	color: #039;
}

#boletines a:hover{
	color: #69F;	
}

/** SECCIONES **/

#secciones{
	float: left;
	width: 225px;
	margin: 90px 0 0 20px;
}

#secciones h2{
	margin: 2px 0 20px 0;
	font-size: 1.4em;
}

#secciones img{
	margin: 0 0 10px 15px;
}

.bloque{
	clear: both;
	margin: 30px 20px 0 20px;
}

/** FIN PIJ **/

/** TABLON **/

.opcion{
	margin: 50px 20px 0;
}

.anuncio{
	float: left;
	clear: both;
	width: 600px;
	margin: 0 0 15px 10px;
	padding: 0 15px 15px 15px;
	border-bottom: thin solid #000;
}

.anuncio h1{
	display: block;
	margin: 10px 0 12px 0;
	font-size: 1.2em;
	font-weight: bold;
}

.anuncio h2{
	float: left;
	margin: 0 20px 8px 14px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
}

.anuncio p{
	clear: both;
	margin: 0 20px 0 14px;
}

/** FIN TABLON **/

#nopie{
	z-index: 1;
	clear: both;
	height: 60px;
}

#pie{
	z-index: 1;
	width:	940px;
	height: 60px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
}

#pie img{
	float: left;
	margin: 0 20px 0 0;
}

#pie #colaboradores{
	float: right;
	width: 400px;
	padding: 0 10px 0 0;
}

#pie #colaboradores h5{
	clear: right;
	font-size: 0.9em;
	font-weight: bold;
}

#pie #colaboradores img{
	margin: 8px 0 0 25px;
}

/** FORMULARIOS **/

input, textarea, select{
	display: block;
	margin: 0 0 10px 5px;
}

label{
	display: block;
	margin: 15px 0 10px 0;
	font-size: 0.8em;
}

textarea{
	width: 300px;
	height: 100px;
}

.intranet h1{
	margin: 20px 0 20px 0;
	font-size: 1.6em;
}

.intranet a{
	display: block;
	margin: 0 0 15px 20px;
}

/** SEXUALIDAD **/

.opciones{
	margin: 30px 0 0 17px;
}

.opciones li{
	display: inline;
}

.opciones li img{
	margin: 20px 20px 50px 0px;
}

.listaCirculo, .listaNumero, .listaEnlaces{
	margin: 15px 0 15px 40px;
	font-size: 0.8em;
	line-height: 15px;
	clear:both;
}

.listaCirculo li, .listaNumero li, .listaEnlaces li{
	margin: 0 0 7px 0;
}

.logos li{
	width:150px;
	margin-right:40px;
	margin-bottom:20px;
	float:left;
}

.logos p{
	width: 150px;
	float:left;
	clear:both;
	margin:5px 0 0;
	font-size: 8pt;
	text-align:center;
}

.listaCirculo{
	list-style: disc outside;
}

.listaNumero{
	list-style: decimal outside;
}

.listaDescargas{
	margin: 15px 0 20px 30px;
	font-size: 0.9em;
	list-style: inside disc;
	text-transform: capitalize;
}

.listaDescargas li{
	margin: 0 0 7px 0;
}

.listaDescargas a{
	color: #06F;
}

.listaDescargas a:hover{
	color: #009;
}

/** Intranet **/

.intranet table{
	width: 100%;

}

.intranet table td{
	padding: 7px 5px;
	font-size: 0.8em;
}

.intranet .titulos td{
	font-size: 1em;
	text-align: center;
	font-weight: bold;
}

.intranet .borrar{
	vertical-align: middle;
}

.intranet a{
	font-weight: bold;
	color: #F30;
}

.listaLudoteca{
	float:left;
	margin-top: 50px;
	font-size: 2em;
}

.listaLudoteca li{
	margin-bottom: 30px;
}

.listaLudoteca a{
	font-weight:normal;
}

.ludoteca{
	clear:both;
	margin: 0 0 0 70px;
	font-size: 2.5em;
}

#formConsulta{
	float:left;
	width:290px;
	height:300px;
	margin-left: 20px;
}

#formConsulta label{
	float:left;
	font-size:10pt;
}

#formConsulta input{
	float:left;
	margin:12px 0 0 10px;
}

#formConsulta span{
	float:left;
	clear:both;
}

#formConsulta textarea{
	width:280px;
}

.galeria{
	float:left;
	width:200px;
	height:75px;
	border:1px solid #6B4D22;
	margin:0 5px 15px;
	background:rgba(252,251,227,0.6);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.galeria img{
	float:left;
	width:65px;
	height:65px;
	margin:4px;
	border:1px solid #000;
}

.galeria h2{
	margin:20px 0;
	font-weight:bold;
	line-height:17px;
	text-align:center;
}

.last{
	margin:0 0 15px 5px;
}