/* Documento CSS - mis templates - Dos columnas con cajas interiores*/
/*hack para IE: Esto es para darle un acho al identificador sin sumar padding ni margin.
La idea es un cuerpo de 10em de width, sin que se sumen el padding ni el margin:
#header {padding: 2em; border: 0.5em; width: 15em; voice-family: "\"}\""; voice-family:inherit; width: 10em}
*/
*{margin:0; padding:0}
body {font-family:Arial, Helvetica, sans-serif;	font-size: 0.8em;	background-color:#f2f2f2; margin:0 auto;	text-align:center; width: 980px; color:#333333}
	
/*p { font-size:1.1em}*/

/*contenedor general body*/
#mainconten {width: 980px;	height:100%; text-align:left;	margin:0 auto; padding:0; border: 1px solid #787E9C;}
	
/* generales del sitio*/
a img{border:0;	}
img {margin:0; padding:0}
.image_izq {float:left; padding:0 5px 0 5px}
.image_izq_10 {float:left; margin:10px}
.image_der {float:right; padding:0 5px 0 5px}
.image-top {padding:10px 0 10px 0}
.clear {clear:both}
#topnav {height:30px; background-color: #9966CC;}
/*h1 {font-size:1.4em}
h2 {font-size:1.3em}
h3 {font-size:1.2em}
h4 {font-size:1.1em}*/
/*------------------Encabezado------------------------*/
#header { width:980px; height:200px; text-align:center;}

.logo {	float:left;	width:200px; height:200px; background:#104469 url(../images/fdo_logo.jpg) no-repeat right; display:block}
.logo_int {float:right;	width:115px; margin-top:40px; text-align:left; height:160px;}

.banner_c { float:left; width:510px; /*44%;*/ height:200px; background: #E0E4EF url(../images/header01.jpg) no-repeat center;}
.banner_d {float:right;	width:270px; height:188px; background:#E0E4EF url(../images/cuadro.gif) no-repeat center;	padding-top:10px}
	
.bg-lideres {width:210px; height:180px; background:url(../images/cuadro2.gif) no-repeat center;}
	
/*-----------------------CENTENEDOR BARRA MEDIA------------------*/
.conten_med {clear:both; height:65px;	background:#1C8FE0 url(../images/fon_bot5.jpg) 0 -34px;
	border-bottom:#000000 solid 1px;}
/*------------------------------- CSS Barra de Navegacion -----------------------------*/
.barnav {height:28px; background-image: url(../images/rellenoplata2.gif); float:right;	width:76%;
	text-align:center;}
.divlink a {display: block; width: 7.5em; padding:0; margin-top:3px}
.divlink a:hover {/*nada*/}
ul {list-style: none; padding: 0; margin: 0;}
#nav a {font-family:Arial, Helvetica, sans-serif; /*font-size:1.1em;*/ color: #666699;
	font-weight:bold; line-height:20px;	text-decoration: none;}
#nav li li a {margin:0; padding:0; width:7.5em}
#nav li li a:hover {width:7.5em; color:#CC0000;	display:block;}
#nav li a:hover {width: 7.5em; color:#CC0000;}
li {float: right;	position: relative;	width: 7.5em;	text-align: center;	cursor: default;}
li#first { margin:0; padding:0}
li#last { margin:0; padding:0}
li ul {	display: none;	position: absolute;	left: 0;}
li>ul {	top: auto;	left: auto;}
li li {	display: block;	float: none;}
li:hover ul, li.over ul {display: block; margin:0; padding:0;}
#nav li li a{ border-color: #993333; border-style:solid; border-width:0 0 1px 0; display:block;	color:#000000; font-weight: bold; background:url(../images/nav.png) 0px 0px repeat scroll; line-height:18px; margin:0; padding:0;}
#nav li li a:hover{color:#000000;background:url(../images/navhover.png) 0px 0px repeat scroll; /*font-size:1.1em;*/}
ul#nav li{ z-index:1000;}

/*----------------------------------------------------------------------------------------------*/
#usuarios {float:left; margin:0; padding:0;	width:23%;	height:65px;
	background:#0066CC url(../images/fon_bot5.jpg)}
#usuarios form {margin:0; padding:0; text-align: center;}
input.login { border:1px solid #000; background-color:#E6F8FF; margin:5px 0 0 0; padding:0;} 
input.boton {border:1px solid #000; background-color:#E6F8FF; cursor: pointer; margin:0;padding:0} 
.user{padding:0; margin:0;}
.user{font-family:"Times New Roman", Times, serif;color:#FFFFFF; /*font-size:1em;*/}
.pass{margin:0;	padding:0}
.pass{font-family:"Times New Roman", Times, serif; color:#FFFFFF; /*font-size:1em;*/}

.flag { float:left; width:19%; height:30px; margin-top:0.5em}
.flag p{color : #ffffff;	font-family : Tahoma,Verdana,Arial; /*font-size:1em*/}
.flag a {	color : #ffffff;	text-decoration: none;}
.flag a:hover {	color : #00ffff;	text-decoration: underline;}
.flag img {margin:0 5px 0 5px; padding:0; float:left}
.fecha{float:right; width:20%; padding-top:8px; text-align:center; /*font-size:1.3em*/}

.bienvenida {float:left; width:29%; padding-top:8px; }
.bienvenida p{/*font-size:1.4em;*/ font-weight:bold; color:#FFF}


/*----------------------CONTENIDO - DESPUES DEL HEADER HACIA ABAJO-------------------------------*/
#contenido{background-image: url(../images/bgprof.gif)}


/*---------------Columna izquierda-------------------------------------*/
#columna_izq {float:left;	width:260px; background-image: url(../images/texturagris.jpg); 							
	background-repeat: repeat; border-right: 1px solid #787E9C;}
	
.caja_izq {padding:0;	margin:0; border-bottom: 1px solid #787E9C;}
.caja_activi {border-top: 1px solid #787E9C; border-bottom: 1px solid #787E9C; /*background-image: url(../images/texturagris.jpg); 							
	background-repeat: repeat;*/}
.activi_01 {padding:0; margin:0; border:none}
.caja_activi p {/*font-size:1.2em; font-family : Tahoma,Verdana,Arial;*/	padding:0 5px 0 5px; /*color:#005BAB*/}
.caja_activi h4{/*font-size:1.2em;*/ padding:0 5px 0 5px; color:#005BAB}


/*----------------------- Columna central---------------*/
#columna_central {/*float:right;*/ width:480px; margin:0 230px 0 270px; background-image: url(../images/bgprof.gif);}
#derecha_izq {/*float:left; width:487px;*/ border: 1px solid #9EBCF2;}
#derecha_izq  p {text-indent:0}

/*----------------------- Columna derecha---------------*/
#columna_derecha { float: right; width:220px; border-top: 1px solid #9EBCF2;}
#columna_derecha p{/*text-align: justify*/}
#columna_derecha h3 {background:url(../images/fdobar4.jpg) no-repeat center;	color: #FFF;	padding: .25em;	font: bold 1em Tahoma, Arial, Sans-Serif;	margin: 0px;	height:35px;	text-align:center;}

/*.caja_anuncios {float:left;	width:60%; padding:0; margin:0;	text-align:center}*/
.anuncios {border-bottom: 1px solid #9EBCF2; /*background-image: url(../images/bgprof.gif);*/ text-align:left;
	/*width:100%;*/	/*float:left;*/	z-index:0}
.anuncios_01 {text-align:center;}
.anuncios p {/*font-size:1.2em;*/ color:#333333; text-indent:1.2em;	padding:5px}
.anuncios h4 {/*font-size:1.2em;*/ color:#002B55; text-align:left; padding-left:1.2em}

.centrado {text-align:center; padding:5px}
.centrado h4 {/*font-size:1.2em;*/ color:#336633; text-align:center}
.caja_der02 {float: right; width:30%; text-align:center}

/*.derecha_izq { float: right; width:38%;	text-align:center}*/

.caja_01 {padding:0; margin:0; border:none}
.caja_02 {text-align:center;}

.center_full {margin:0 auto; text-align:center;}
.center_full p{text-align:center;}
.center_full h4{text-align:center; /*font-size:1.4em;*/ color:#666699}

.float_right { width:98%; float:right; height:60px;}
.float_right P{text-align:center; /*font-size:1.2em;*/ font-family: Tahoma}

#pergamino {background-image: url(../images/perga_izq.gif);	background-repeat: no-repeat;
	height:227px; padding:0 1em 0 2em; margin:0; float:right; width:85%; /*font-size:1.2em;*/}
#pergamino p{color:navy}
#perga_conte {float: right;	width:90%; height:225px; margin:5px; background:	
	url(../images/perga_der.gif) no-repeat right; text-align:center}
	
.boletin {width:96%; text-align:center;}

.apuntes {/*float:left; width:100%;*/ border-bottom: 1px solid #9EBCF2; padding-left: 1px; padding-bottom: 1px;
	background-image: url(../images/bgprof.gif);}
.apuntes p {text-align:left; padding: 0 0.5em 0 0.5em; /*font-size:1.2em;*/ text-indent:1em}
.float_left {/* float:left; width:485px;*/ border: 1px solid #336633;	padding-left: 1px; 
	padding-bottom: 1px;}
	

/*--------------------------divs interiores----------------------------------*/
.interior-700 {float:left; width:700px; border: 1px solid #336633;	padding-left: 10px; display:block }
.interior-260 { float:right; width:260px; border: 1px solid #336633;	padding-left: 0px; }
.lideres {width:700px; padding:5px 0 5px 0px; background:url(../images/fdoazul1.png) repeat-y left}
h1.lideres  { font-size:1.1em; background: url(../images/subrayado01.png) bottom left no-repeat; font-family: georgia, "times new roman", times, serif; font-weight: lighter; line-height:1.8em; margin:5px 0 5px 120px;}
h3.lideres { font-size:1.3em; color: #317EC2;	padding: .5em;	font-family: Tahoma, Arial, Sans-Serif;	margin: .5em 0 .5em 120px;	border-bottom-style:double; background: url()}
.lideres p {font-family: "trebuchet ms", verdana, sans-serif; font-size: 1.2em; margin-left:120px}


/*-----------------------DECORACION DE LINKS-------------------------------*/
.decolink {color:#006699;	/*font-family:tahoma, Arial, Helvetica, sans-serif;*/		
	/*font-size: 1.1em;*/ TEXT-DECORATION: none; background:url(../images/e01.gif) no-repeat right; padding-right:1em; /*font-weight:bold;*/ margin-left:1em}
.decolink:link {COLOR: #006699; TEXT-DECORATION: none; font-weight:bold; background:url(../images/e01.gif) no-repeat right;}
.decolink:hover {COLOR: #00FF00; TEXT-DECORATION: none; background-color:#150185}
.decolink:active {COLOR: #620000; TEXT-DECORATION: none}
.decolink:visited {}

.decolink2 {color:#006699;	font-family:tahoma, Arial, Helvetica, sans-serif;		
	/*font-size: 1em;*/ TEXT-DECORATION: underline; margin-left:1em; text-align:right}
.decolink2:link {COLOR: #006699; TEXT-DECORATION: underline; }
.decolink2:hover {COLOR: #00FF00; TEXT-DECORATION: none; background-color:#150185}
.decolink2:active {COLOR: #620000; TEXT-DECORATION: none}
.decolink2:visited {}

/*--------------ESTILOS LETRAS - TITULOS------------------------*/
/*titulo subrayado*/
.underline { /*padding-left:10px*/}
h1.underline  { font-size:1.2em; background: url(../images/subrayado01.png) bottom left no-repeat; font-family: georgia, "times new roman", times, serif; font-weight: lighter; line-height:1.8em; margin:5px 0 5px 5px; /*text-align:left*/}
.underline p {font-family: "trebuchet ms", verdana, sans-serif; font-size: 0.9em; margin-left:5px}
/*fin subrayado*/

.capital { float: left; font-size: 250%; font-family: monospace; color: red; margin:-10px 0}
.st_apuntes {padding-left:70px; text-align:left;	color:#333333;	/*font-size:1.2em*/}
.st_gris13 {color:#333333; /*font-size:1.3em;*/ font-family:Verdana, Arial, Helvetica, sans-serif}
.st_gre12 {color:#336633; /*font-size:1.2em*/}
.st_sil12 {color:silver; /*font-size:1.2em*/}
.st_nav12 {color:#333399; /*font-size:1.2em*/}
.st_oli12 {color:#666600; /*font-size:1.2em;*/}
.st_pur12 {color:#663366; /*font-size:1.2em*/}
.st_bro12 {color:#993333; /*font-size:1.2em*/}
.st_tea12 {color:#006666; /*font-size:1.2em*/}
.st_gra12 {color:gray; /*font-size:1.2em*/}
.st_13 {color:#cc0000; /*font-size:1.3em;*/ font-family:Verdana, Arial, Helvetica, sans-serif}
.st_center{text-align:center}
.st_17 {color:#cc0000; /*font-size:1.7em;*/ font-family:Verdana, Arial, Helvetica, sans-serif}
.st_nav15 {color:#333399; /*font-size:1.5em*/}

/*-------------------------RELLENOS - BACKGROUND---------------------------------*/
.celda17 {background-image: url(../images/t_fon_left.gif); } 
.celda18{background-image: url(../images/t_13.gif);} 
.celda19 {	background-image: url(../images/t_fon_right.gif);}
.celda20 {	background-image: url(../images/t_fon_bot.gif)}

/*-------------------------FLOATS-----------------------------*/
.float_izq20 {float:left; width:20%; margin-top:10px}
.float_izq20 p{text-align:center;}
.float_izqfull {float:left;	width:79%; border: 1px solid #787E9C;	background-image:url(../images/bgprof.gif);
	background-repeat:repeat; }
.float_izqfull p{text-align:left; /*font-size:1.2em;*/ line-height:1.4em; text-indent:1em; padding:0 1em 0 1em}
.float_der25 {float: right;	width:25%;}
.float_derfull{float: right; border: 1px solid #787E9C; background-image:url(../images/bgprof.gif);
	background-repeat:repeat;}
.float_derfull p{ text-align:left; text-indent:1em}
.float_der79 {float:right; width:79%;}
.float_der79 p{ text-align:left; text-indent:1em}
.float_izq74 {float:left; width:74%; margin-top:10px;}
.float_izq74  p {text-indent:1em;}
.navidad {margin:20px; padding:20px; background-image:url(../images/christmas.jpg); 
	border-right:1px solid #006600;	border-left:1px solid #006600;}
.navidad p{ text-align:left; text-indent:2em}
.tablemap{margin:0 auto; text-align:center;}
.foro {float: right; height:130px; position:relative}

.interior_7 {margin:7%; padding:20px; /*background-image:url(../images/christmas.jpg);*/ 
	border:1px solid #006600;}
.interior_7 p{ text-align:left; text-indent:2em}
.interior_8 {margin:7%; padding:20px; /*background-image:url(../images/jesucristo.jpg)*/;
	border:1px solid #006600;}
.interior_8 p{ text-align:left; text-indent:2em; /*font-size:1.4em*/}

/*-------------------------FOOTER---------------------------*/
#pie {clear:both; height:50px; border: 1px solid #787E9C; background-image: 
	url(../images/texturagris.jpg); background-position: top right;	background-repeat: repeat;
	text-align:center}
#pie_box01 {float:left;	width:47%; text-align:center; padding:10px 0 5px 0;	/*line-height:1.8em;*/}
#pie_box02 {float:left;	width:20%;	text-align:center}
/*#pie_box03 {float: right; width:30%;}*/

/*-------------------------BANSUD Y W3C---------------------------*/
/*.right_sud {float: right; width: 110px;	margin-right:10px; height:35px;	text-align:center;}
.left_3wc {float: left;	width: 90px; margin-right:0px;}*/
.right_sud {float: right; width: 28%; margin-right:0px; height:36px; text-align:center; padding-top:5px }