/*--------------------------------------------------------------------*/
/*------------------------> CSS Document <----------------------------*/
/*--------------------> WWW.VICTORBONILLA.ES <------------------------*/
/*-----------------> Designed by Víctor Bonilla <---------------------*/
/*--------------------------------------------------------------------*/

@import url("reset.css");
@import url("header.css");
@font-face {
	font-family: 'BriemScriptStdRegular';
	src: url('fonts/briemscriptstd-regular-webfont.eot');
	src: local('☺'), url('fonts/briemscriptstd-regular-webfont.woff') format('woff'), url('fonts/briemscriptstd-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BriemScriptStdBold';
	src: url('fonts/briemscriptstd-bold-webfont.eot');
	src: local('☺'), url('fonts/briemscriptstd-bold-webfont.woff') format('woff'), url('fonts/briemscriptstd-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*--------------------------------------------------------------------*/
/*---------------------------> Globales <-----------------------------*/
/*--------------------------------------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px auto;
	text-align:center;
	background-color:#dcdcdc;
	color:#fff;
}
h2 {
	font-size: 36px; padding-top:13px; 
	font-family: 'BriemScriptStdBold', sans-serif; 
	text-align:left; text-indent:80px; 
	display:block; 
	text-shadow: 0 1px 1px rgba(13,31,23,0.75);
}
h3 {
	font-size: 24px; margin-top:25px; margin-left:100px;
	font-family: 'BriemScriptStdBold', sans-serif; 
	text-align:left; display:block; 
	text-shadow: 0 -1px 1px rgba(46, 90, 71,0.75);
}
h4 {
	font-size: 18px; margin-top:5px; margin-left:100px;
	font-family: 'BriemScriptStdRegular', sans-serif; 
	text-align:left; display:block; text-transform:uppercase; 
	text-shadow: 0 -1px 1px rgba(46, 90, 71,0.25);
}
h5 { 
	position:relative; float:left; 
	font-size: 24px; margin-top:15px; 
	font-family: 'BriemScriptStdRegular', sans-serif; 
	text-align:left; display:block; text-transform:uppercase; 
	text-shadow: 0 -1px 1px rgba(46, 90, 71,0.25);
}
address {
	margin-top:20px;
	text-align:center;
	text-transform:none;
	font-size:18px;
	line-height:20px;
	color:#313131; 
	font-family: 'BriemScriptStdRegular', sans-serif; font-style:normal;
	clear:both;
}
br {clear: both;}
input, textarea {width: 300px; border: 1px solid #122dc6;}
input:focus, select:focus {outline: none;}
	a:link { color:#313131; font-weight: bold; text-decoration:none;}
	a:visited { color:#313131; font-weight: bold; text-decoration:none;}
	a:hover { color:#313131; font-weight: bold; text-decoration:underline;}

/*--------------------------------------------------------------------*/
/*-------------------------> Estructura <-----------------------------*/
/*--------------------------------------------------------------------*/
#barra_top { width:100%; height:7px; border-bottom:1px solid #b0b0b0; background:#cacaca;}
#cuerpo {
	margin:0px auto;
	width:960px;
	height:auto!important;
	border-top: 1px solid #e4e4e4;
}
#logo { position:relative; float:left; width:233px; margin:20px 0px 20px 40px;}
	#logo h1 {
		height:0px!important;
		width:233px;
		padding-top:255px;
		overflow:hidden;
		background: url(img/logo.png) no-repeat; text-shadow: 0 -1px 1px rgba(46, 90, 71,0.25);
	}
#pizarra {
	position:relative; float:right;
	background: url(img/pizarra.png) no-repeat;
	width:683px; height:610px;
	margin:30px auto;
	right:-30px;
	z-index:9;
}
	#pizarra ul { position:relative; float:left; width:360px; font-size: 20px; margin-top:13px; font-family:Briem Script Std;}
	#pizarra li { position:relative; float:left; text-align:left; margin-top:10px; min-width:150px;}
	#libro { position:relative; float:left; background:url(img/sprites.png) 0px -183px no-repeat; width:110px; height:115px; margin:10px 20px 10px 100px;}
	#informe { position:relative; float:left; background:url(img/sprites.png) -125px -184px no-repeat; width:92px; height:87px; margin:30px 20px 10px 100px; }
	#reglas { position:relative; float:right; background:url(img/sprites.png) 0px 0px no-repeat; width:250px; height:185px; margin:60px -20px 10px 20px; }
	#asignaturas { position:relative; float:left; margin-left:100px; margin-top:30px; width:330px;}
#banner_horario {
	position:relative; *position:absolute; top:380px;
	background: url(img/banner_horario.png) no-repeat;
	width:365px; height:225px;
	left:20px;
	z-index:999;
}
			
/* CONTENIDO
----------------------------------------------*/
	#contenido {
		width: 100%;
		height:auto!important;
 		line-height: 16px;
		background: #294934 url(img/cont_bg.png) repeat-x!important;
		padding-top:1px;
	}
#cuerpo_cont {
	position:relative;
	margin:0px auto;
	width:1000px;
	height:auto!important;
	border-left: 1px dashed #407565;
	border-right: 1px dashed #2a5140;
	margin-top:1px;
	
}

		#right_cont {
			position: relative;
			float: right;
			width: 650px;
			height:auto;
			border-left: 1px dashed #2a5140;
			border-right: 1px dashed #407565;
		}
			#right_cont h2 { height:49px; padding-top:23px; background: url(img/sombra.png) center bottom no-repeat; text-align:center; text-indent:0px; margin-bottom:15px; text-shadow: 0 -1px 1px rgba(46, 90, 71,0.25); }
			#right_cont p { position: relative; float: right; font-size:14px; line-height:18px; text-align: left; margin: 10px 50px; display: block; }
			#detall {
				position:relative;
				display:block;
				width:513px; height:38px;
				background: url(img/detall.png) no-repeat;
				margin:30px auto 60px auto;
			}
		#left_cont {
			position: relative;
			float: left;
			width: 346px;
			height:650px;
			border-left: 1px dashed #2a5140;
			border-right: 1px dashed #407565;
		}
			#facebook {
				position:relative;
				margin:auto;
				margin-top:-50px;
				width:292px; height:429px;
				background: url(img/banner_facebook.png) no-repeat;
				z-index:999;
			}
			#outerdiv_fb { position:relative; float:left; margin-top:120px; margin-left:30px; height:275px; width:235px; overflow:hidden;}
			#outerdiv_fb iframe { position:relative; float:left; top:-35px; }
			#donde { position:relative; margin:20px auto;}
			
/* FOOTER
----------------------------------------------*/
#pie {
	width:100%;
	height:32px;
	padding-top:25px;
	background: url(img/footer_bg.png) repeat-x;
	font-size:14px;
}
	a:link.pielink { color:#fff; font-weight: bold; text-decoration:none;}
	a:visited.pielink { color:#fff; font-weight: bold; text-decoration:none;}
	a:hover.pielink { color:#fff; font-weight: bold; text-decoration:underline;}
/*-----------------------------------------------------------------------*/
/*-----------------------> Formulario Contacto <-------------------------*/
/*-----------------------------------------------------------------------*/

#form {	position: relative; float: right; width: 400px; text-align: justify; margin: 10px; top: 10px; margin-bottom: 40px;}
	#form textarea {position: relative; height: 100px; clear: both;}
	.label_form {
		position:relative;
		text-align:left;
		line-height:16px;
		width:400px;
		height:27px;
		display:block;
		font-size:12px;
		margin-top: 5px;
	}
	.texto_form {
		position:relative;
		float:left;
		width:80px;
		text-align:left;
		display:block;
			font-size:12px;
	}
	#form .contact_button { 
		float: right;
		margin-right: 30px;
		height: 26px;
		padding-top: 0px!important;
		text-indent: 0px;
	}
			
/*--------------------------------------------------------------------*/
/*-----------------------> Clases Genericas <-------------------------*/
/*--------------------------------------------------------------------*/

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.blue {color:#2479d2;}
.orange {color:#f87400;}

.height25px {height:25px;}
.height25px_padding {height:25px; padding-top:4px;}
.height25px_padding_b_bottom {height:25px; padding-top:4px; border-bottom:1px solid #043a81;}
.height25px_padding_b_right_bottom {height:25px; padding-top:4px; border-bottom:1px solid #043a81; border-right:1px solid #043a81;}
.height100px {height:100px;}

.designby { position:absolute; right:50px; text-align:right; font-size:10px;}