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

* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	margin:0 auto;
	height:100%;
}

html {
	font:71% "Trebuchet MS",Verdana, Lucida, sans-serif;
	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
	color:#391A04;
	height:100%;
}

h1, h2, h3, h4, h5 {
	font-family:"Arial Narrow", Trebuchet MS, Lucida, Verdana, sans-serif;	
}

h1 {
	font-size: 190%;
	color:#571802;
	border-bottom:1px dotted #D0B792;
	font-weight:normal;
	padding:10px 10px 0 10px
}

h2 {
	font-size: 170%;
	color:#9D300A;
	border-bottom:1px dotted #D0B792;
	font-weight:normal;
	padding:10px 10px 0 10px;
	margin-bottom:10px;
}

form, fieldset {
	margin:0 0 2px 0;
	padding:0;
	border:none
}

a {
	text-decoration: none;
	font-size:11px;
	color:#571802;
}

a:hover {
	text-decoration: none;
	font-size:11px;
	color:#AB2213;
}

img {
	border: none;
		}
		
ul, li {
	list-style:none


}

.no-border {
	border: none;
	
}
	
/* -------------- clases utiles ------------ */	 
	
	.clear {
		clear:both;
	}

	.no-float {
		margin:5px 0 10px 10px;
		float:none;
	}
	
	.mini {
		font-size:9px;
	}
/* -------------- clases utiles ------------ */	 
		

#main_wrapper {
		width:985px;
		margin:0 auto;
		text-align:left;
		background-color: #E5D7B4;
		border-left: 1px solid #936C3C;
		border-right: 1px solid #936C3C;
		border-bottom: 1px solid #936C3C;
	}
	
	/* ----------- HEAD ---------------- */
	
		#head {
			height:235px;
			background: url(../img/bk-head.jpg) no-repeat left top;
		}
	/* ----------- HEAD ---------------- */
	
	/* ----------- LOGIN ---------------- */
		#head .login {
			position:absolute;
			margin:195px 0 0 274px;
			width:500px;
			height:34px;
			text-align:right;
			padding:7px 0 0 190px;
			background: url(../img/bck-login.jpg) no-repeat left top;		
		}
		
		#head .login p {
			float:left;
		}
		
		#head .login a {
			font-weight:bold;
			line-height:20px;
			margin-left:10px;
			padding-right:12px;
			background:url(../img/go-login.gif) no-repeat right 54%;
		}
			
		#head .login label {
			color:#5A1902;
			line-height:20px;
			float:left;
			font-weight:bold;
			padding-right:5px;
			width:100px;
		}
	
		#head .login input, select {
			width: 100px;
		}
		
		
	/* ----------- LOGIN ---------------- */
	
	/* ----------- CONTENT ---------------- */
		#content_wrapper {
			height:100%;
			background: url(../img/bck-content.jpg) repeat-y left top;
		}
		
		#content_wrapper-int {
			height:100%;
			background: url(../img/bck-content-int.jpg) repeat-y left top;
		}
	
	
	
	/* ----------- MENU ---------------- */
		#menud {
			width:247px;
			float:left;
			
		}
		
		
		#menu {
			width:199px;
			float:left;
			margin-left:15px;
		}
		
		*html #menu {
			width:199px;
			float:left;
			margin-left:7px
		}
		
		
		
		#menu h1{
			width:237px;
			height:32px;
			background:url(../img/bck-h1-menu.jpg) no-repeat left top;
			color:#E6B140;
			border:none;
			padding:4px 0 0 15px;
			margin-top:33px
		}
		
		*html #menu h1{
			width:230px;
			height:32px;
			background:url(../img/bck-h1-menu.jpg) no-repeat left top;
			color:#E6B140;
			border:none;
			padding:4px 0 0 15px;
			margin-top:33px
		}
			#menu ul {
				width:240px;
				list-style-type:none;
				padding-bottom:5px;
				margin-top:10px;
				border-bottom:1px dotted #9C7357;
			}
			
			#menu ul.last {
					border:none
				}
			
				#menu dt {
					width:195px;
					display:block;
					height:29px;
					color:#E5D7B4;
					font-weight:bold;
					cursor:pointer;
					border-bottom:1px dotted #9C7357;
					background:url(../img/arrow-horiz-menu.jpg) no-repeat left 50%;
					line-height:29px;
					margin:0;
					padding-left:45px;
				}
			
				#menu ul li {
					display:block;
					height:22px;
					margin:0;
					padding-left:50px;
					background:url(../img/arrow-li.jpg) no-repeat left 30%;
				}

				#menu ul li a {
					color:#E6B140;
					padding:0;
					margin:0;		
				}
				
				#menu ul li a:hover {
					color:#E5D7B4;
					padding:0;		
				}
				
				#menu dt.last {
					border:none
				}
				
				#menu dt a {
					color:#E5D7B4;
					padding:0;		
				}
				
				#menu dt a:hover {
					color:#E6B140;
					padding:0;	
				}
		
		/* 
		*:first-child+html #menu {
			width:247px;
			background: url(../img/bck-menu.jpg) repeat-y left top;
			margin-left:7px;
			float:left
		}
		
		
		
		 *html #menu {
			width:159px;
			float:left;
			border:1px solid red
		}
		
		*html #menu h1{
			height:32px;
			background:url(../img/bck-h1-menu.jpg) no-repeat left top;
			color:#E6B140;
			border:none;
			padding:4px 0 0 15px;
			margin-top:22px
		}
		*/
	/* ----------- MENU ---------------- */
	
	
	/* ----------- MIGAS ---------------- */
		#migas {
			width:724px;
			height:31px;
			background:#E5D7B4 url(../img/bck-migas2.jpg) repeat-y left top;
			border-bottom: 1px solid #936C3C;
			float:right;
		}
		
			#migas ul {
				list-style-type:none;
				padding:7px 0 0 10px;
			}
	
				#migas ul li {
					color:#C67419;
					float:left;
					padding-left:4px;	
				}
				
				#migas ul li.actual {
					color:#532305;	
				}
				
			
	/* ----------- MIGAS ---------------- */

	
	/* ----------- CAJA CONTENIDOS INDEX ---------------- */
		#content-index {
			width:468px;
			padding-bottom:75px;
			float:left;
		}
			
			#content-index a, a:visited {
				text-decoration: none;
				font-size:11px;
				color:#571802;
			}
			
			#content-index a:hover, a:active {
				text-decoration: none;
				font-size:11px;
				color:#AB2213;
			}
			
			#content-index p {
				padding:10px;
			}
		
		#content-index .pdf {
			background:url(../img/pdf.jpg) no-repeat left 50%;
			margin-left:8px;
			padding-left:30px;
			
		}
		
		#content-index .oferta {
			height:130px;
			background:#E5D7B4 url(../img/bck-oferta.jpg) no-repeat left top;
			color:#E5D7B4;
			border-top:1px dotted #9C7357;
			margin:7px 0;
		}
		
		#content-index .oferta p {
			padding:0;	
		}
		
		#content-index .lastact {
			margin-top:15px;
			padding:0 0 5px 5px;
			
		}
		
			#content-index .lastact .act {
				width:154px;
				float:left;
			}
		
				#content-index .lastact .act img {
					border:1px solid #BCAF8E;
					padding:1px;
				}
		
				#content-index .lastact .act p {
					padding:6px 10px 0 2px;
					font-weight:bold;
				}
				
				#content-index .leermas {
					padding:2px 0;			
				}
			
						
				#content-index .leermas a, a:visited {
					padding:0 10px 0 362px;
					color:#9D3514;
					font-weight:bold;
					background:#DFC68B;
				}
				
				#content-index .leermas a:hover, a:active {
					padding:0 10px 0 362px;
					color:#000;
					font-weight:bold;
					background:#DFCEA7;
				}
		
	/* ----------- CAJA CONTENIDOS INDEX ---------------- */		
		#content {
			width:720px;
			float:right;
		}
	
		#content .pdf {
			background:url(../img/pdf.jpg) no-repeat left 50%;
			margin-left:8px;
			padding-left:30px;
			
		}
		
		#content2 {
			width:710px;
			float:right;
		}
		
		#content2 img {
			padding:3px;
			border:1px solid #BCAF8E;
			float:left;
			margin-right:8px;
		}
		
		#content2 img.thumb {
			padding:3px;
			border:1px solid #BCAF8E;
			float:left;
			margin:7px;
		}
		
		#content2 .pdf {
			height:22px;
			background:url(../img/pdf.jpg) no-repeat left 50%;
			margin:15px 0 0 8px;
			padding-left:30px;
			
		}
	
	/* CONTENIDO FORMATO HISTORIA */
	
		#content2 .principal {
			background-color:#EFE7D3;
			border:1px solid #D2AA87;
			margin:14px 19px 25px 23px;
			padding:6px 8px 3px 8px;
		}
		
		*html #content2 .principal {
			height:1px;
			background-color:#EFE7D3;
			border:1px solid #D2AA87;
			margin:14px 19px 25px 23px;
			padding:6px 8px 3px 8px;
		}
	
			#content2 .principal .criterios {
				width:156px;
				padding:3px 30px;
				margin-top:6px;
				float:left;
				background:url(../img/pdf2.jpg) no-repeat left top;
			}
	
		#content2 .principal label {
			color:#5A1902;
			font-weight:bold;
			line-height:20px;
			float:left;
			width:120px;
		}
	
		#content2 .principal input, select {
			width: 150px;
		}
	
		
		#content2 .principal2 {
			width:280px;
			margin:10px 20px 10px 20px;
			padding:10px;	
			background-color:#EFE7D3;
			border:1px solid #D2AA87;
			float:left
		}
		
		.galeria2 {
					background: url(../img/galeria2.jpg) no-repeat left top;
					padding:6px 30px 0 4px;
					margin-left:50px;
					text-align:right;
					color:#E5D7B4;
					font-weight:bold;
				}
		
		
		#content2 .sec-text {
			float:left;
			width:525px;
		}
			
			#content2 .sec-text p {
				padding:13px 8px 13px 29px;
			}
			
		#content2 .sec-images {
			float:right;
			width:165px;
			padding-bottom:10px;
		}
		
		#content2 .sec-images img {
			margin-top:13px;
		}
				
		/* FINALIZA CONTENIDO FORMATO HISTORIA */
		
		.rojotitu {
			color:#9D300A;
		}
	
		.rojotitu-big {
			font-size:16px;
			color:#9D300A;
		}
	
			
		.granate {
			font-weight:bold;
			color:#5C1A02;
		}
	
		#content2 #anual {
			background-color:#EFE7D3;
			border:1px solid #D2AA87;
			margin:14px 19px 20px 23px;
			padding:10px 0;
		}
		
		/* CONTENIDO FORMATO CALENDARIO */
		
			table.calendarEstilo {
				border-collapse:collapse;
				width:200px;
				border:1px solid #A7805E;
				margin:0px 0 20px 16px;
				float:left
			}
			
			*html table.calendarEstilo {
				
				border-collapse:collapse;
				width:200px;
				border:1px solid #A7805E;
				margin:0px 0 9px 10px;
				float:left
			}
		
			table.calendarEstilo th {
				background:#744C28;
				color:#EEE9DD;
				border:1px solid #A7805E;
				text-align:center;
				font-weight:bold;
			}
			
			table.calendarEstilo td {
				width:25px;
				border:1px solid #A7805E;
				text-align:center;
				font-weight:bold;
			}

			table.calendarEstilo th.dia {
				background:#5A1902;
			}
			
		/* tabla leyenda */
		
			table.leyendaEstilo {
				border-collapse:collapse;
				width:417px;
				border:1px solid #A7805E;
				margin:0 0 20px 16px;
				float:left
			}
			
			table.leyendaEstilo td {
				border:1px solid #A7805E;
				padding-left:5px;
			}
			
			*html table.leyendaEstilo {
				border-collapse:collapse;
				width:410px;
				border:1px solid #A7805E;
				margin:0 0 20px 10px;
				float:left
			}
			
			table.leyendaEstilo .titley {
				background:#E1D4B3;
				color:#5A1902;
				text-align:center;
				font-weight:bold;
				padding:2px;
			}
			
			.topo {
				width:14px;
				padding:3px 0 3px 7px;	
			}
						
			.lectivo {
				background-color:#F9F8F4;
			}
			
			.vacaciones {
				background-color:#B7C6CA;
			}
			
			.evalua {
				background-color:#AE9E79;
				color:#F9F8F4;
			}
			
			.festivo {
				background-color:#A2320B;
				color:#F9F8F4;
			}
			
			.practicas {
				background-color:#E2A316;
			}
			/* FINALIZA CONTENIDO FORMATO CALENDARIO */
	
	
	
			/* CONTENIDO ACTIVIDADES */
				
				.realizadas {
					padding:4px;
					background:#571802;
					border:1px solid #BCAC85;
					margin:14px 19px 0 23px;
				}		
					
					.realizadas p {
						color:#E5D7B4;
						padding-left:25px;
						background:url(../img/realizadas.gif) no-repeat left 50%;
						font-weight:bold
						
					}
	
				.galeria {
					height:21px;
					background: url(../img/galeria.jpg) no-repeat left top;
					padding:6px 30px 6px 4px;
					margin-top:6px;
					text-align:right;
					color:#E5D7B4;
					font-weight:bold;
				}
				
				
				
				.galeria a, a:visited {
					color:#FFF
				}
				
				.galeria a:hover, a:active {
					color:#331206
				}

				.proximas {
					padding:4px;
					background:#8E3F21;
					border:1px solid #BCAC85;
					margin:14px 19px 0 23px;
				}		
					
					.proximas p {
						color:#E5D7B4;
						padding-left:25px;
						background:url(../img/proximas.gif) no-repeat left 50%;
						font-weight:bold	
					}
				
				.fecha {
					background:url(../img/fecha.gif) no-repeat left top;
					padding:3px 0 3px 3px;
					margin-bottom:5px;
					font-weight:bold;
				}
				
					.fecha p {
						font-size:118%;
					}
			/* FINALIZA CONTENIDO ACTIVIDADES */
	
	/* ----------- CAJA CONTENIDOS ---------------- */
	
	
	
	/* ----------- NEWS ---------------- */
		#news {
			width:240px;
			background:url(../img/bck-mews.jpg) repeat-y left top;
			float:right;
		}
		
			#news p {
				padding:10px 10px 0 10px;
			}
		
			#news h2 {
				margin-left:10px;
				padding-left:20px;
				background:url(../img/avisos-topo.jpg) no-repeat left 70%;
			}

			#news h3 {
				font-size: 120%;
				color:#E5D7B4;
				margin-left:2px;
				padding:6px 0 6px 30px;
				background:#532305;
				border-top:1px dotted #BEA98B;
			}
			
			#news .desta {
				width:237px;
				float:right;
				margin-left:2px;
				background:#F4EEDE; 
				border-bottom:1px dotted #E8E2D3;
			}
			
			.leer {
				width:100px; text-align:right; padding-bottom:7px; float:right;		
			}
			
				#news  a, a:visited {
					color:#9D3514;
					font-weight:bold;
					padding:0;
					margin:0;
					background:none;
				}
				
				#news  a:hover, a:active {
					color:#000;
					font-weight:bold;
					padding:0;
					margin:0;
					background:none;
				}
			
				#news .desta img {
					float:left;
					margin:14px 7px 3px 7px;
					border:1px solid #9C7357;
					padding:1px;			
				}
			
			#news .normal-a {
				width:237px;
				float:right;
				border-bottom:1px solid #BEA98B;
			}
			
			#news .normal-b {
				width:237px;
				float:right;
				background-color:#D4C7A6;
				border-bottom:1px solid #BEA98B;
			}
	
	/* ----------- NEWS ---------------- */
	
	/* ----------- TRABAJOS ---------------- */
		.trabajos {
				height:21px;
				background: url(../img/trabajos.jpg) no-repeat left top;
				padding:6px 30px 6px 4px;
				margin-top:6px;
				text-align:right;
				color:#E5D7B4;
				font-weight:bold;
			}
				
		.trabajos2 {
				height:21px;
				background: url(../img/trabajos2.jpg) no-repeat left top;
				padding:6px 30px 6px 4px;
				margin-top:6px;
				text-align:right;
				color:#E5D7B4;
				font-weight:bold;
			}
				
		.trabajos, .trabajos2 a, a:visited {
			color:#FFF;
		}
	/* ----------- TRABAJOS ---------------- */
	
	/* ----------- PROFESORADO ---------------- 
	
			#content .prof-a {
				height:1px;
				margin:10px 20px 0 0;
				padding:5px 0 10px 10px;
				border-bottom:1px solid blue
			}
			
				#content .prof-a img {
					float:left;
				}
				
				#content .prof-a .parraf {
					width:600px;
					float:left;
				}
				
				#content .prof-a .link {
					width:220px;
					padding:40px 0 0 360px;
					float:right;
					clear:both;
				}
							
			#content .prof-b {
				height:1px;
				margin:10px 20px 0 0;
				padding:5px 0 10px 10px;
				border-bottom:1px solid blue
			}
			
				#content .prof-b img {
					float:left;
				}
				
				#content .prof-b p {
					width:600px;
					float:right;
				}
				
				#content .prof-b .linkb {
					width:220px;
					padding:40px 0 0 360px;
					float:right;
					clear:both;
				}
	*/
	
	
	/* -------------- FOOTER ------------------ */
	
			#footer {
				height:34px;
				background:url(../img/bck-footer.jpg) no-repeat left top;
				clear:both;
			}
	
				#footer p {
					padding:12px 0 0 400px;
				}
	
	/* CLASES GENERALES */