/* 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}
html{
font-size: 100%;
}
/*body {background-color:#f2f2f2; margin:0 auto;	text-align:center; width: 980px; color:#333333}*/

body {
	font-size:0.85em;
	font-family: Arial, Helvetica, sans-serif;
	background:#f2f2f2;
	margin: 0;
	padding: 0;
	color: #333333;
	text-align:center;
}
	
p { /*line-height:1.3em*/}
hr {color:1px solid #787E9C;}
/*contenedor general body*/
#mainconten {width: 980px; height:100%; text-align:left;	margin:0 auto; 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}
.image-bordes {padding:7px; border:#333 solid 1px}
.clear {clear:both}
blockquote {margin:15px;} 
#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;}
	

/*----------------------------------------------------------------------------------------------*/
#usuarios {float:left; margin:0; padding:0;	width:23%;	height:65px; color:#FFF; text-align:center; font-weight:bold;
	background:#0066CC url(../images/fon_bot5.jpg)}
#usuarios p {margin-top:10px}	
#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:20%; height:30px; margin-top:0.5em}
.flag p{color : #ffffff;	font-family : Tahoma,Verdana,Arial; font-size:0.7em}
.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:55%; padding-top:8px; text-align:center }
.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:250px; background-image: url(../images/texturagris.jpg); 							
	background-repeat: repeat;}
	
/*.caja_izq {padding:0;	margin:0; border-bottom: 1px solid #787E9C;}*/
.caja_activi {border-top: 1px solid #787E9C; border-bottom: 1px solid #787E9C;}
/*.activi_01 {padding:0; margin:0; border:none}*/
/*.caja_activi p {padding:0 5px 0 5px;}*/
/*.caja_activi h4{padding:0 5px 0 5px; color:#005BAB}*/


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

/*----------------------- Columna derecha---------------*/
#columna_derecha { float: right; width:255px; border-top: 1px solid #9EBCF2; z-index:1}
#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;}

.anuncios {border-bottom: 1px solid #9EBCF2; text-align:left; z-index:999}
.anuncios p {color:#333333; padding: 0 10px 5px 10px}
.anuncios .icon p {color:#333333; padding: 0 10px 10px 35px; z-index:999}
.anuncios h4 {/*font-size:1.2em;*/ color:#002B55; text-align:left; padding-left:1.2em}

/*================ul li===================*/
.lista01 li {list-style: none;
	background: url(../images/estrella.gif) left top no-repeat;
	padding-left: 25px;
	margin:10px;
}

/*======================fin===============*/
.anuncios_01 {text-align:center;}

.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 {border-top: 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-900 {float:left; width:900px; border: 1px solid #336633;	padding-left: 10px; display:block }
.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 a:link { display:block; color: #006699; text-decoration: underline; background:url(../images/e01.gif) no-repeat right; padding-right:1.2em; text-align:right}
.decolink a:hover {COLOR: #cf5900; TEXT-DECORATION: none;}
.decolink a:active {COLOR: #620000; TEXT-DECORATION: none}
.decolink a:visited { color:#78677E; display:block; text-decoration: none; padding-right:1.2em; text-align:right}

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

/*--------------ESTILOS LETRAS - TITULOS------------------------*/
.shadow-150 {font-size:150%; text-shadow:#666666 3px 3px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
}
.shadow-125 { font-size:125%; text-shadow:#666666 3px 3px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
}

.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*/}
.small {font-size:0.85em; color: #666}
/*-------------------------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 }