/*colors: marron  813923 -> 7B9314 60730D
gris fondo F1ECE9, D5D4D3*/

/*BASICS Y ARREGLILLOS*/
html, body, a, id, div, p, h1, h2, h3, h4, h5, h6, sup, form, ul, ol, li, dl, dt
{margin:0; padding:0; font-family: Arial, Verdana, tahoma, sans-serif; font-size:12px;
line-height:140%; color:#333; text-align:left; text-decoration:none; }

input, select, textarea {font: 12px Arial, Verdana, tahoma, sans-serif; ;color:#333; }

p{text-align: justify;}

table{
width:100%;
margin: 0 0 1em;
border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/
}

caption{margin: 0 0 0.5em;font-weight:bold;color:#666;}

th{
background: url(../imagenes/th-back.gif) top left no-repeat;
background-color:#BDF;
padding:0.2em 1em;
border-spacing:0;
vertical-align:top;
white-space:nowrap;
line-height:normal;
color:#333;
text-align:left;
}

tr{
margin:0;
padding:0;
border-spacing:0;
}

td{
margin:0 1em;/*?*/
padding:0.2em 1em;
border-spacing:0;
vertical-align:top;
}

img {border:0;}

body {
	text-align: center;
	background: url(../imagenes/pattern5.gif) ;
	}

br.clear{clear:both;}
br.clearside1{clear:left;}
div.clear{clear:left;
height:1px;}

p,.texto {margin-bottom:1em; text-align:justify;}
p.margin0 {margin-bottom:0;}

/*a {text-decoration:underline;}
a:visited {color:#666;}

a:hover{color:#C17633;text-decoration:none;}
*/

a {text-decoration:none; color:#813923;font-weight:bold;}/*C17633, A0520D 884F1D  86491B   1px dotted #C17633*/
a:visited {color:#813923;font-weight:bold;}
a:hover{color:#ED410C;text-decoration:none;background-color:#D5D4D3;}/*C17633  #B2753E AF8966 C5BBB1 D5CFC9*/

a:hover.img{background:transparent;}

ul{list-style:none;margin-bottom:1em;}
ol{margin-bottom:1em;margin-left:2.5em;}

ul li {
	background:url(../imagenes/item_bullit.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	margin-bottom: 0.6em;
	text-align:justify;
}

dl {}

dt {
	background:url(../imagenes/item_bullit.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	margin-bottom: 0.6em;
	text-align: justify;
}

dt a{/*el justify tiene que estar en DT y en A para que funcione*/
	text-align: justify;
}

blockquote p{padding:1em;background-color: #fff;font-style: italic;}

input, textarea {border: 1px solid #813923;}
input.radio{border: none;}
input.boton{background-color: #813923; color:#FFF;}

.margin0 {margin-bottom:0}

/*a.block {
display:block;
background:url(../imagenes/item_bullit.gif) no-repeat 0 4px;
	padding: 0 0 0 12px;
	overflow:hidden;

}*/

.linea {background:url(../imagenes/rayita2-4.gif) repeat-x -4px 0;height:14px;margin-bottom:0.5em;}

.ucase{text-transform: uppercase;}
.tleft{text-align: left !important;}
/*END BASICS*/


/*LAYOUT*/
#container{
width:770px;
margin: 0px auto;
background-color: #F1ECE9;
text-align:left;
}

#header{
/*background: url(../imagenes/baner3.jpg);*/
height:160px;
}

#header a{
border:none;
background-color: transparent;
}

#header_print{display:none;}

#nav{
background: url(../imagenes/fondomenu.jpg);
height:55px;
padding-left: 30px;
}

#content-outer {width:100%}/*??*/


#sidebar {
width: 250px;
background: url(../imagenes/fondo_sidebar.jpg) no-repeat right;
float:right;

	min-height:396px;
	height:auto !important ;
	height:396px;/*ie*/
}


#content {
margin-right: 250px;
background:  url(../imagenes/fondocontenido.jpg) no-repeat;
padding: 20px 10px 20px 30px;

	min-height:300px;
	height:auto !important ;
	height:300px;/*ie*/

}

/*#footer {
clear:both;
height: 54px;
background:  url(../imagenes/pie2.gif) no-repeat;
}*/

#footer {
position:relative;
height:60px;
clear:both;
}


/*END LAYOUT*/


/*NAV*/

/*.navs{
float: left;
width:190px;
margin-left: 30px;
margin-top:4px;
padding:0;
color:#FFF;
line-height:15px;
display: inline; /*hack para arreglar el bug del doble margen en IE*/

.navs{
float: left;
width:150px;
margin-right: 15px;
margin-top:3px;
padding:0;
color:#FFF;
line-height:15px;
display: inline; /*hack para arreglar el bug del doble margen izquierdo en IE*/
}

.navs2{
float: left;
margin-top:3px; /*igual que .navs*/
padding-top:15px; /*15 (line-height de .navs)*/
padding-left:5px;
color:#FFF;
line-height:15px;
padding-right:5px;
}

#nav ul{list-style-type: none;margin-bottom:0;}

/*antes de poner flechita_menu2 en #nav a:hover
#nav li{color:#fff;
background:url(../imagenes/flechita_menu2.gif) no-repeat;
background-position: 0px;
padding-left:10px;
line-height:100%;
margin-bottom: 0;

}

#nav a {
color:#fff;
font-weight: bold;
font-size:11px;
text-decoration:none;
background-color: transparent;

}

#nav a:hover {
text-decoration:underline;
}
*/

#nav li{color:#fff;
line-height:100%;
margin-bottom: 0;
padding-left:0;
background:none;
text-align:left;
}

#nav a {
color:#fff;
font-weight: bold;
font-size:11px;
text-decoration:none;
background: url(../imagenes/flechita_menu.gif) no-repeat;
background-position: 0;
padding-left:10px;


}

#nav a:hover {
text-decoration:underline;
background: url(../imagenes/flechita_menu2.gif) no-repeat;
background-position: 0;

}


/*END NAV*/


/*CONTENT*/
#content h1{
font-size: 16px;
color:#813923;/*9F6028, B26C36 A55B29 rayita2-3 A3602C*/
background:url(../imagenes/rayita2-4.gif) repeat-x;
background-position: -5px 100%;
padding:0 0 15px;
margin:0 0 15px;
}

#content h1.in{
height:35px;
margin-top:1em;
}


#content h2{
font-size: 14px;
color:#4e4e4e;
margin-bottom:0.5em;
}

#content h2.tipo2{
color:#813923;
text-transform:uppercase;
}

#content h2.tipo3{
text-transform:uppercase;
}

	#content h2.tipo3 a{
	color:#4e4e4e;
	font-size: 14px;
	border:0px;
	background: transparent;

	}

	#content h2.tipo3 a:hover{
	color: #813923;
	background-color:#D5D4D3;
	}

/*=h2.tipo3*/
#content .tit{
background-color:#DBD6D0;
border-top: 1px solid #999;
}

	/*=h2.tipo3*/
	#content .tit a{
	color:#813923;
	font-size: 14px;
	border:0px;
	background: transparent;


	}

	/*=h2.tipo3*/
	#content .tit a:hover{
	color: #813923;
	background-color:#D5D4D3;
	}


#content h3{
font-size: 12px;
color:#666;
margin-bottom:0.5em;
}


	#content h3, #content h3 a {/*el justify tiene que estar en h3 y en a para que funcione*/
	text-align: justify;
	font-weight:100;
	font-weight:bold;
	}

#content h3.margin0{
margin-bottom:0;
}

#content h3.noticias{
margin-bottom:0.2em
}

#content h3.tipo2,
#content h3.adorno{
border-bottom:1px solid #aaa;
padding-bottom:0px;
color:#813923;
padding-left:16px;
background: url(../imagenes/item_bullit7.gif) no-repeat 0 3px;
}


/*
#content h3.tipo2{
height:30px;
background:url(../imagenes/rayita3.gif) repeat-x;
background-position: -5px 20px;
}*/

#content li{
/*margin-bottom:0.2em;*/
}



	/*BLOQUES PARA PROFESORES*/


	td.td1 {vertical-align: top;width:80%;}
	td.td2 {padding-left:20px;text-align:right;}

	td.td1 p {margin-bottom:0.8em;}

	.content-content {margin-left:140px;margin-bottom:2em;}
	/* Hides from IE-mac \*/
	* html .content-content {height: 1%;} /*Esto permite arreglar un extraño bug en IE */
	/* End hide from IE-mac */

	.content-sidebar {float:left;width:140px; border:0}


	#content .content-content p {margin-bottom:0.8em;}
	/*FIN BLOQUES PARA PROFESORES*/


	/*INICIO TABLA personal/departamento.asp*/

	table.departamento
	{	width:97%;
		border-left:1px solid #999;
		border-top:1px solid #999;
		border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/
	}

	table.departamento th
	{
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		background: url(../imagenes/th-back.gif) top left no-repeat;
		background-color:#BDF;
		padding:0.2em 1em;
		border-spacing:0;
		vertical-align:top;
		white-space:nowrap;
		line-height:normal;
		color:#333;
		text-align:left;
	}

	table.departamento tr
	{
		margin:0;
		padding:0;
		border-spacing:0;
	}

	table.departamento td
	{
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		margin:0 1em;/*?*/
		padding:0.2em 1em;
		border-spacing:0;
		vertical-align:top;
	}
	/*FIN TABLA personal/departamento.asp*/

	table.tutorias p {text-align:left;}



.fotoportadaG {float:right;margin-left:22px;border: 1px solid #813923;  }

.foto {float:left; margin-right:4px; margin-bottom:2px; 
border: 1px solid #813923; background-color: #D5D4D3; padding:8px;}
/*.foto {float:left; margin-right:8px; margin-bottom:2px; border: 8px solid #D5D4D3; background-color:#C17633;
padding:1px;}*/

/*.fotop {float:left; margin-right:6px; margin-bottom:2px; border: 3px solid #D5D4D3; }*/
.fotop {float:left; margin-right:8px; margin-bottom:2px; border: 1px solid #813923; background-color: #D5D4D3; padding:2px; }

a:hover.thumb img.fotop {border: 2px solid #813923; background-color: #D5D4D3; padding:1px;} /*efecto SÓLO para las fotos pequeñas que abren nicepopups*/

.fotopserie {margin:0; border: 1px solid #813923; background-color: #D5D4D3; padding:2px;  }

a:hover.thumb img.fotopserie {background-color:transparent;text-decoration:none} /*efecto SÓLO para las fotos pequeñas que abren nicepopups*/


/*img.border {border: 2px solid #C17633;}*/

/*Paginación*/
table.pag {margin:0 auto;border:none;width:auto;}
table.pag tr {}
table.pag th {border:none;}
table.pag td {border:none;margin:0.1em;padding:0.1em;}

td.pagresalt{color:#FFF;background-color:#813923;}
a.pag {text-decoration:none;color:#813923;}
a:visited.pag {color:#813923;text-decoration:none;}
a:hover.pag{color:#333;text-decoration:underline;background-color:transparent;}

/*END CONTENT*/


/*SIDEBAR*/

#sidebar_in{
margin:45px 20px 20px;
}

#rrss {
text-align:right;
margin-top:15px;
margin-right:30px;
}



/*FIN SIDEBAR*/


/*FOOTER*/

#prefooter
{position:absolute;
left:295px;
top:20px;
text-align:center;
}

#autor {
float:right;
text-align:right;
margin-right:30px;
margin-top:20px;
}


#footer_container{
min-height: 64px;
background:  #E1DFDC url(../imagenes/pie3.gif) no-repeat;
}

#footer1
{
float: left;
width: 240px;
padding: 18px 10px 0px 10px;
font-size:11px;
}

#footer2
{
margin: 0 240px;
padding: 10px;
padding: 18px 10px 0px 10px;
text-align:center;
font-size:11px;
}

#footer3
{
float: right;
width: 240px;
padding: 18px 10px 0px 10px;
text-align:right;
font-size:11px;
}

/*END FOOTER*/


/*HACKS*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*END HACKS*/



/*HOME-------------------------------------------------*/

.caja1 {margin-top:1em;
}


.caja1 ul {
  float:left;
  margin-bottom:0;
background: url(../imagenes/separador_vert5.gif) repeat-y;

}

.caja1 ul li {
width:325px;
  display:inline;
  float:left;
margin-right:50px;
background: transparent;
padding:0 0 0 1px;

}

.caja1 ul li.last {
margin-right:0px;
}


/*END HOME-------------------------------------------------*/


/*estilos específicos de formateo manejados por el cliente. se repiten en cssadmin*/
span.sang {display:block;padding-left:30px;}