/* 
Documento: estilos.css
Sitio: www.mantovani.edu.ar
Autor: Felipe Saal
*/

/* BASICOS ///////////////////////////////////////////////////////////////////////////*/

body {
	background: #337290 url(img/fondo-moz.gif) repeat-y center;
	* background: #337290 url(img/fondo.gif) repeat-y center;
	margin:0;
	padding:0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
}

#contenedor {
	width:733px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 3px 0px 3px;
	background-color: #FFF;
}

p span {
	font-weight:bold;
}

iframe {
	border: 1px solid #F5F5F5;
	height:500px;
	width:100%;
}

#paginador {
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	text-align:center
}

#paginador a {
	font-weight:normal;
	text-decoration:none;
	color: #337290;
}

/* ENCABEZADO ///////////////////////////////////////////////////////////////////////////*/

#encabezado {
	height: 113px;
	background: url(img/enc_fondo.gif) repeat-x;
	padding-top: 7px;
}

#logoescuela {
	float:left;	
	background: url(img/logo_esc.gif) no-repeat center;	
	width: 345px;
	height:100%;
}

#logoinstituto {
	float:right;
	background: url(img/logo_ter.gif) no-repeat center;	
	width: 274px;
	height:90px;
	border-left: 1px dashed #97c4d8;
	margin-top: 11px;
}

#foto {
	background: url(img/fondofotoinicial.gif) repeat-y;
	padding-top: 4px;
	height: 200px;
}

#menu {
	display: block;
	font-size: 11px;
	padding: 6px 15px 5px 180px;
	margin: 0px 10px 20px 10px;
	background: #c75b99 url(img/fondomenu.gif) no-repeat center left;
	height:20px;
	border-top: 4px solid #f7aed8;
}

#menu a{
	text-decoration: none;
	color: #FFF;
}

#menu a:hover{
	text-decoration: none;
	color: #6f005d;
}

#menu ul {
	display: inline;
	margin: 0;
	padding:0;
}

#menu li{
	float:left;
	list-style: none;
	padding: 0px 8px 0px 8px;
	height:20px;
	border-right: 1px solid #f7aed8;
}

#menu li.ultimo{
	border:0;
}

/* DESTACADOS ///////////////////////////////////////////////////////////////////////////*/

#destacados {
	min-height: 100px;
	* height: 100px;
	background-color:#F3F3F3;
	line-height: 16px;
	padding:20px;
}

#destacados p {color:#333; margin:5px 0px 0px 0px;}
#destacados h1 {font: 18px Georgia, "Times New Roman", Times, serif; color:#333; margin: 0px 0px -5px 0px;}

#destacado1 {
	float:left;
	width: 298px;
	padding-right: 20px;
}

#destacado2 {
	margin-left:300px;
	width:370px;
}

#destacado2 #imagen {
	float:left;
	height:95px;
	width:95px;
	margin-right:10px;
	border: 3px solid #FFF
}

/* CONTENIDO ///////////////////////////////////////////////////////////////////////////*/

#contenido {
	padding-top: 20px;
}


#search {margin-left:70%;width:25%;padding:5px;background-color:#C3E3EF;}
#search h1 {height: 20px;font: 16px Georgia, "Times New Roman", Times, serif;font-weight: bold;color: #FFF;padding: 2px;margin:0;margin-bottom: 10px;background: #97C4D8;}
#search p {	color:#133141; padding-left:9px; margin:0}
#search fieldset {border-width:0px;}
#search input, #search select {border: 1px solid #88BACC; font: 11px Verdana, Arial, Helvetica, sans-serif; height:16px; width:90%; margin:2px 0px 2px 9px;}
#search input.boton {background-color: #88BACC; color:#FFF; height:20px; width:92%}
#search select {width:92%}


#main {
	float: left;
	width: 65%;
	padding-left: 20px;
}

#main.index { width:100%; padding-left:0}
#main.index h2{ padding: 0;}
#m100 #main { width:95%}

#main h1{
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #BC4E8D;
	height:17px;
	* height:16px;
	border-bottom: 1px dashed #97C4D8;
	margin: 0px 0px 10px 3px;
	text-indent:-10000px;
}
#main h1.tit_agenda {background: url(img/tit_agenda.gif) no-repeat;}
#main h1.tit_institucional {background: url(img/tit_institucional.gif) no-repeat;}
#main h1.tit_noticias {background: url(img/tit_noticias.gif) no-repeat;}
#main h1.tit_galerias {background: url(img/tit_galerias.gif) no-repeat;}
#main h1.tit_articulos {background: url(img/tit_articulos.gif) no-repeat;}
#main h1.tit_requisitos {background: url(img/tit_requisitos.gif) no-repeat;}
#main h1.tit_plan {background: url(img/tit_plan.gif) no-repeat;}
#main h1.tit_autoridades {background: url(img/tit_autoridades.gif) no-repeat;}
#main h1.tit_instalaciones{background: url(img/tit_instalaciones.gif) no-repeat;}
#main h1.tit_contactos {background: url(img/tit_contactos.gif) no-repeat;}

#main h2{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #337290;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 3px 0px;
	line-height:15px;
}

#main h3{
	text-transform:uppercase;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	font-weight:bold;
}

#main h4{
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: 0;
	clear:both;
}

#main h4 span{
	color: #A32D6B;
}

#main #plan h3 {
	margin: 20px 0px 8px 0px;
}

#main #plan h2 {
	margin: 8px 0px 8px 0px;
}

#main #plan p{
	margin: 3px 0px 3px 25px;
}

#main p{
	margin: 0px 0px 25px 0px;
	line-height:15px;
}

#main p.copete{
	margin: 5px 0px 5px 0px;
	color:#666;
}

#main a.descargar {
	color: #A32D6B;
	background: url(img/ampliarrojo.gif) no-repeat left center;
	padding-left: 10px;
	left: 3px;
	text-decoration: none;
}

#main .fotos {
	height: 70px;
	width: 100px;
	border: 3px solid #C3E3EF;
	margin: 5px;
	float:left
}

#main .fotos a{
	display:block;
	height:100%;
}


/* IZQUIERDA ///////////////////////////////////////////////////////////////////////////*/

#izquierda {
	float: left;
	width: 310px;
	padding-left: 10px;
}

#agenda {
	background-color: #C3E3EF;
	padding: 5px;
	margin-bottom: 20px;
}

#agenda h1 {
	height: 20px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	margin:0;
	background: #97C4D8 url(img/agenda.gif) no-repeat left center;
	text-indent:-10000px;
}

#agenda h2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #478CAB;
	margin:10px 0 0 0;
}

#agenda p {
	margin:0;
	color:#333;
}

#agenda #ampliaragenda {
	margin-top:10px;
}

#galerias {
	background-color: #ECE9EF;
	padding: 5px;
	margin-bottom: 10px;
}

#galerias h1 {
	height: 20px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	margin:0;
	background: #B4A6BF url(img/sistema.gif) no-repeat left center;
	text-indent:-10000px;
}

#galerias a{
	display:block;
	text-decoration:none;
	color:#333;
	margin-bottom: 10px;
}

#galerias p {
	margin: 10px 5px 10px 10px;
	color: #333;
}

#galerias #ampliargalerias {
	clear:both;
	margin-top: 10px;
	padding-left:10px;
}

#carreras {
	background-color: #C3E3EF;
	padding: 5px;
	margin-bottom: 20px;
}

#carreras h1 {
	height: 20px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	margin:0;
	background: #97C4D8 url(img/carreras.gif) no-repeat left center;
	text-indent:-10000px;
}

#carreras h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 10px 5px 5px 5px;
	text-transform:uppercase;
}

#carreras p {
	margin:0;
	color:#333;
	margin: 5px 5px 5px 10px;
}

#carreras a {
	margin: 8px 5px 0 10px;
	display: block
}


#tecnicaturas {
	background-color: #ECE9EF;
	padding: 5px;
}

#tecnicaturas h1 {
	height: 20px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	margin:0;
	background: #B4A6BF url(img/tecnicaturas.gif) no-repeat left center;
	text-indent:-10000px;
}

#tecnicaturas h2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 5px 0 5px;
	color: #333;
	font-weight:bold;
	text-transform:uppercase;
}

#tecnicaturas p {
	margin: 5px 5px 5px 10px;
	color: #333;
}

#tecnicaturas a {
	margin: 8px 5px 0 10px;
	display: block
}

#areadeextension { width: 301px; height:88px; background: url(img/areadeextension.jpg) no-repeat; border: 4px solid #b4a6bf; margin: 10px 0px 10px 0px}
#revistadigital{ width: 301px; height:88px; background: url(img/revistadigital.jpg) no-repeat; border: 4px solid #97c4d8; margin: 10px 0px 10px 0px}

#revistadigital a, #areadeextension a { display:block; height:100%; text-decoration:none;}
#revistadigital a span, #areadeextension a span { visibility:hidden}

#servicios {
	background-color: #ECE9EF;
	padding: 5px;
	margin-bottom: 10px;
}

#servicios h1 {
	height: 20px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	margin:0;
	background: #B4A6BF url(img/servicios.gif) no-repeat 11px center;
	text-indent:-10000px;
}

#servicios a{
	display:block;
	text-decoration:none;
	color:#333;
	margin-bottom: 10px;
}

#servicios p {
	margin: 10px 5px 10px 10px;
	color: #333;
}

/* DERECHA ///////////////////////////////////////////////////////////////////////////*/

#derecha{
	margin-left:340px;
	padding-right: 20px;
	width:365px;
}

/* PIE ///////////////////////////////////////////////////////////////////////////*/

#pie {
	margin-top: 25px;
	clear:both;
	background: #337290 url(img/pie_fondo.gif) repeat-x top;
	height: 37px;
	padding: 20px 0px 0px 10px;
	color:#FFF;
}


/* ADMINISTRADOR /////////////////////////////////////////////////////////////////////*/

#admin_menu {
	height: 75px;
	background-color:#F3F3F3;
	line-height: 16px;
	padding:20px;
}

#admin_menu h1{font: 18px Georgia, "Times New Roman", Times, serif; color:#333;}
#admin_menu input, select {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#333;}

/* EXTRAS ///////////////////////////////////////////////////////////////////////////*/

.ampliarrojo {
	color: #A32D6B;
	background: url(img/ampliarrojo.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 3px;
	text-decoration: none;
}

.ampliarnegro {
	color: #000;
	background: url(img/ampliarnegro.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 3px;
	text-decoration: none;
}

.ampliarverde {
	color: #4879A9;
	background: url(img/ampliarverde.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 3px;
	text-decoration: none;
}

.ampliarvioleta {
	color: #6F5A81;
	background: url(img/ampliarvioleta.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 3px;
	text-decoration: none;
}

.ampliargris {
	color: #666;
	background: url(img/ampliargris.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 3px;
	text-decoration: none;
}

.clearing {
	clear:both;
}

.alignright {
	text-align: right;
}

.linkabajo{
	clear:both;
	display:block;
	padding:10px 0 0 15px; 
	margin: 20px 10px 0 10px;
	border-top: 1px dashed #97C4D8;
}

.linkabajo a{
	display:block;
}

#infocontactos { width:250px; float:left}
#infocontactos p {margin-bottom: 8px; color:#333}
#infocontactos h2,#formcontactos h2  { font: 18px Georgia, "Times New Roman", Times, serif; margin-bottom: 0; color: #333}
#formcontactos { width:60%; float:right}
#formcontactos form {
	display:block;
	width: 90%;
	margin:0;
	padding-left: 20px;
	border-left: 1px dashed #88BACC;
	color: #082f4d
}

#formcontactos input,#formcontactos textarea {
	border: 1px solid #88BACC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	display:block;
	width: 90%;
}

#formcontactos input.boton {background-color: #88BACC; color:#FFF; height:20px; width:100px;}

#clubdematematicas { display: block; height:100px; margin: 20px 0; background: #FFF url(img/clubdematematicas.gif) no-repeat center; text-indent:-10000px; text-decoration:none;}