/* ELEMENTOS PRINCIPALES */

body {
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(../images/indx/index/backgrounds/background.jpg);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}



/*****************************************
ESTILOS PRINCIPALES **********************
*****************************************/

p{
	padding:10px 0px 0px 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

a{
	color:#3D3D3D;
	text-decoration: underline;
	}
	
a:link, a:visited{
	color:#3D3D3D;
	text-decoration:underline;
	}

a:hover 		{
	color:#3D3D3D;
	text-decoration: none;
	}
	
em{
	font-style: italic;
}

b{
	color:#ca0000;
	}

strong{
	color:#ca0000;
	}

img{
	border: 0;
}
	
.clarito{
	color:#CCCCCC;
	}

.azul{
	color:#6794BF;
	}

.azul a{
	color:#6794BF;
	float: right;
	text-decoration: none;
	
	}

/*ENCABEZADOS ***************************/


h1				{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#9D9D9D;
	padding:0;
	margin:0;
	text-align:left;

	}

h2				{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#6794BF;
	padding:5px 0px 0px 0px ;
	margin:0px;
	}
	
h3				{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#6794BF;
	padding:0px;
	margin:0px;
	}


h4				{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9F9FA2;
	padding:0px;
	margin:0px;
	}
	
h5				{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6794BF;
	padding:0px;
	margin:0px;
	}

/*****************************************
CAJAS PRINCIPALES ************************
*****************************************/

#container_logo{
	width: 100%;
	float: left;
	background: url(../images/indx/index/backgrounds/bg-lat.jpg) repeat-y 777px 0px;

}


#container{
	width: 770px;
	height:auto;
	float:left;
	height:auto;
	padding: 0px 7px 0px 0px;
	margin:0;
	background-repeat: repeat-y;
	background-color: #fff;

}

#content{
	width:750px;
	height: auto;
	float:left;
	padding: 5px 5px 5px 15px;
	text-align:left;
	
}

#pie{
	width: 745px;
	float:left;
	background-color:#9D9D9D;
	margin: 10px 2px 0px 0px;
	padding: 10px 0px 0px 0px;
	color:#fff;
	text-align: center;

}

#pie a{
	color:#fff;
	text-align: center;
	text-decoration: none;
}

#pie_sgae{
	width:743;
	height:57px;
	background:#fff;
	padding:5px 0 0 0;
	border-top:5px solid #9D9D9D;
	color:#9D9D9D;
	text-align:left;
}

#pie_sgae img{
	float:left;
	margin:0 5px 0 0;
}

#pie_sgae span{
	margin:25px 0 0 0;
	float:left;
}


/*CABECERA ***************************/


#cabecera{
	width: 770px;
	background-color:#fff;
	float:left;
	text-align:left;
	height: 85px;
}


#cab_logo{
	width:251px;
	height:85px;
	border:none;
	float:left;
}

#cab_player{
	width:160px;
	height:15px;
	float:left;
	background-image: url(../images/indx/index/backgrounds/bg-menu.jpg);
	text-align: center;
	padding-top: 50px;
	background-repeat: repeat-x;
	}


/*****************************************
MENÚS ************************************
*****************************************/

/*MENÚ PRINCIPAL *********************************/

#menu-p{
	width: 350px;
	height:43px;
	float:left;
	background-image: url(../images/indx/index/backgrounds/bg-menu.jpg);
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 42px 0px 0px 2px;
}

#menu-p ul, #menu-p li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	background-color: #FFFFFF;
	float:left;
}

#menu-p a:link, #menu-p a:visited
{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 9px 4px 9px;
	text-decoration: none;
	color: #999999;
}

#menu-p a:link#current, #menu-p a:visited#current, #menu-p a:hover
{
	border-bottom: 4px solid #000;
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#menu-p a:hover { color: #666666; }


/*****************************************
COMPLEMENTOS COMUNES *********************
*****************************************/

/*PIJADAS VARIAS *********************************/

.img_clear{
	boder:none;
	}
	
#btn_proyector{
	width:150px;
	height:30px;
	padding: 4px 0px 0px 28px;
	float:left;
	border-bottom: 1px dotted #ffffff;
	background: url(../images/icons/proyetor.jpg) no-repeat;
}

#btn_proyector a{ color: #666666; text-decoration:none;}
#btn_proyector a:hover{	color:#666;	border-bottom: 1px dotted #666;}


/*PAGINADO *********************************/



#paginado ul
{
	padding: 6px 0px 0px 0px;
	margin: 0;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

#paginado ul li { display: inline; }

#paginado ul li a{
	color: #666666;
	text-decoration: none;
	float: left;
	padding: 2px 6px 2px 6px;
}

#paginado ul li a:hover{
	color: #D14D3B;
}

#paginado li a#current{
	color: #D14D3B;
}


/*PAGINADO *********************************/



#paginado2 ul{
	width: 200px;
	height: 20px;
	float:left;
	padding: 10px 0px 0px 0px;
	margin: 0;
	color: #fff;
/*	background:#fabada;*/
	font: 10px arial, helvetica, sans-serif;
}

#paginado2 ul li { display: inline; }

#paginado2 ul li a{
	color: #666666;
	text-decoration: none;
	float: left;
	padding: 2px 6px 2px 6px;
}

#paginado2 ul li a:hover{
	color: #D14D3B;
}

#paginado2 li a#current{
	color: #D14D3B;
}



/* FOTOS*/


#foto-grande{
	width:365px;
	height: 251px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#foto-grande-leyenda{
	width:365px;
	height: 15px;
	float: left;
	background-color:#666666;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align:left;
	font-style: italic;
}

#foto-grande-leyenda-tit{
	width: 80px;
	height:15px;
	float:left;
	background-color:#000;
	color:#fff;
	padding: 0px 2px 0px 3px;
	margin: 0px 5px 0px 0px;
	font-style:normal;
}

#box_100{
	width: 94%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
/*LISTADO *********************************/

#listado{
	float:left;
	width: 300px;
	display:block;
}

#listado ul{ margin:0; padding:0; list-style-type:none;}

#listado li
{
	list-style: none;
	margin: auto;
	padding: 0em;
	border-top: 1px solid gray;
	text-align: left;
}

#listado li a { text-decoration: none; }

#listado li#link a{
background-color:#fabada;
}



/* MENU CRONOLÓGICO *******************************/

#listado1 { 
	width: 198px; }

#listado1 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#listado1 li {
	display: block;
	background: url(../images/icons/bulet1.jpg) no-repeat 2px 4px;
}

#listado1 li a{
	display: block;
	color:#666666;
	padding: 4px 0px 3px 19px;
	width: 180px;
	border: 1px solid #ffffff;
}

#listado1 a:link, #listado1 a:visited{
	text-decoration: none;
}

#listado1 a:hover{
	border: 1px solid  #6794BF;
}

/*****************************************
CAJAS INICIO *****************************
*****************************************/
#inicio-left{
	width:360px;
	height:auto;
	float:left;
	text-align:right;
	padding: 0px 10px 0px 0px;
	background-color:#fff;
	background-image: url(../images/indx/index/backgrounds/guioncito.jpg);
	background-repeat: no-repeat;
	background-position: right 24px;
	margin: 0px 10px 0px 0px;
}
#inicio-right{
	width:365px;
	height:auto;
	float:left;
	text-align:right;
	padding: 18px 0 0 0;
	background-repeat: no-repeat;
	margin: 0px;
	overflow:hidden;
}

#inicio-thrumb{
	width:86px;
	height: 86px;
	float:left;
	margin: 5px 5px 0px 0px;
	padding: 0;
	border: none;
}

.inicio-thrumb{
	width:86px;
	height:86px;
	float:left;
	border:0;
}

#inicio_auxiliar{
	width:370px;
	height:auto;
	float:left;
	padding:10px 0 0 0;
	background:#fff;
}

/* LISTADO VIDA *******************************/


#inicio_vida{
	width:370px;
	float:left;
	padding:17px 0 0 0;
	background: url(../images/timeline/cronograma.gif) no-repeat;
}


#inicio_vida ul{
	list-style:none;
	margin:0;
	padding:0;
}

#inicio_vida li{
	display:block;
	float:left;
}

#inicio_vida li a{
	width:23px;
	height:20px;
	display:block;
	text-decoration:none;
	text-transform: uppercase;
	padding:1px 0px 1px 0px;
	margin:0 1px 0 0;
	background:#D7D7D7;
	color:#fff;
	font: small-caps 20px/14px "trebuchet MS", verdana, arial, Helvetica, sans-serif;
}

#inicio_vida li a:hover{
	background:#333;
}

/* LISTADO BLOGS  *******************************/

#inicio_blogs{
	width:370px;
	height:150px;
	float:left;
	margin:0 0 1px 0;
}

#inicio_blogs ul{
	list-style:none;
	margin:0;
	padding:0;
}


#inicio_blogs li{
	display:block;
	float:left;
}

#inicio_blogs li a{
	display:block;
	text-decoration:none;
	text-transform: uppercase;
	padding:3px 0px 3px 18px;
	text-align:left;
	width:350px;
	background:#fff url(../images/icons/blogs.gif) no-repeat 2px 6px;
}


#inicio_blogs li a:hover{
	background-color:#F3F3F3;
}

.inicio_blogs_autor {
	color:#ca0000;
	text-transform: none;
}


/*****************************************
CAJAS VIDA *******************************
*****************************************/

#vida-left{
	width:542px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 0px;
	background:#fff url(../images/indx/index/backgrounds/guioncito.jpg) no-repeat right 24px;
	margin: 0px 4px 0px 0px;
}

#vida-left-intro{
	width:542px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}



#vida-right{
	width:195px;
	height:auto;
	float:left;
	margin:22px 0px 0px 0px;
}

#vida-right1{
	width:365px;
	height:auto;
	float:left;
	text-align:right;
}

#vida-right-foto{
	width:365px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
}

#vida-right-comentario{
	width:350px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;
	display:block;
	background-image: url(../images/icons/flecha-leyenda.jpg);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding: 1px 15px 0px 0px;
	font-style: italic;
	text-align: right;
}

.vida-list{
	width:200px;
	height:18px;
	color: #006600;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px 0px;
	text-transform: uppercase;
}

/*****************************************
CAJAS TIMELINE ***************************
*****************************************/

#timeline{
	width:544px;
	height:68px;
	float:left;
	background:#fff url(../images/timeline/background.jpg) no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#timeline ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#timeline li{
	width: 33px;
	height:50px;
	float:left;
	display:block;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#flag a img{
	border: 1px solid #000000;


	-moz-opacity:0.8;
	filter: alpha(opacity=80);
	opacity: .8;
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#logout {
	float: left;
	text-decoration: none;
	color: #E8AB00;
}

#logout a{
	float: left;
	text-decoration: none;
	color: #E8AB00;
}

#flag a:hover img{
	-moz-opacity:1.0;
	filter: alpha(opacity=100);
	opacity: 1;
}

#timeline li a{
	-moz-opacity:0.4;
	filter: alpha(opacity=40);
	opacity: .4;
	background:#ccc;
}

#timeline li a:hover{
	-moz-opacity:1.0;
	filter: alpha(opacity=100);
	opacity: .9;
}
/*****************************************
CAJAS ARTE *******************************
*****************************************/

#arte-left{
	width:370px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0px;
	background-color:#fff;
	background-image: url(../images/indx/index/backgrounds/guioncito.jpg);
	background-repeat: no-repeat;
	background-position: right 24px;
	margin: 0px 10px 0px 0px;
}

#arte-left-galeria{
	width:350px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0px;
	background-color:#fff;
	background-image: url(../images/indx/index/backgrounds/guioncito.jpg);
	background-repeat: no-repeat;
	background-position: right 24px;
	margin: 0px 10px 0px 0px;
}


#arte-right{
	width:370px;
	height:auto;
	float:left;
	background-color:#fff;

}
#arte-right-galeria{
	width:350px;
	height:auto;
	float:left;
	background-color:#fff;
	padding: 22px 0px 0px 8px;
}

#arte-galbox{
	width:364px;
	float:left;
	margin: 5px 0px 0px 0px;
	height: auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/eltos/separador-h-1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#arte-galbox-thrumb{
	width:80px;
	height: 80px;
	float:left;
	margin: 0px 6px 6px 0px;
	padding: 0;
	border: none;

}

#arte-galbox-thrumb a{
	-moz-opacity:0.4;
	filter: alpha(opacity=40);
	opacity: .4;
	border: none;
}

#arte-galbox-thrumb a:hover{
	-moz-opacity:0.9;
	filter: alpha(opacity=90);
	opacity: .9;
}



#arte-galbox-contenido{
	width:278px;
	height: auto;
	float:left;
	margin: 0px;
	padding: 0;
}

.arte-nombre{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#8F8F8F;
	font-weight: bold;
}

.arte-ano{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#C1C1C1;
}

.arte-numero{
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#E8AB00;
}

#arte-entrar {
	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#E8AB00;
	background-image: url(../images/icons/lupa-amarilla.gif);
	padding: 7px 0px 0px 12px;
	background-repeat: no-repeat;
	background-position: 182px 11px;
	text-decoration:none;
	text-align: right;
}

#arte-entrar a{
	color:#E8AB00;
	text-decoration:none;
}

#arte-marco{
	width:325px;
	height: 250px;
	float: left;
	background-repeat: no-repeat;
	padding: 47px 0px 0px 45px;
}

#arte-marco2{
	width:334px;
	height: auto;
	float: left;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.arte-cuadro{
	max-width:457px;
	max-height: 600px;
	float: left;
	padding: 14px 0px 0px 0px;
}

#arte-comentarios{
	width:350px;
	height:auto;
	float:left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

/*****************************************
CAJAS LECTURAS ***************************
*****************************************/


#biblio-left{
	width:489px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0px 10px 0px 0px;
	background-color:#fff;
	overflow:hidden;
	background: url(../images/indx/index/backgrounds/guioncito.jpg): no-repeat right 24px;
	margin: 0px 10px 0px 0px;
}

#biblio-right{
	width: 235px !important;
	width:232px;
	height:452px;
	float:left;
	overflow:hidden;
	margin:0px 5px 0px 0px;
	background: url(../images/lecturas/presentacion.jpg) no-repeat right bottom;
}

#biblio-right-detalles{
	width: 233px !important;
	width:232px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:0px 0px 0px 0px;
}

#biblio_list{
	width:500px;
	height:auto;
	float:left;
	margin: 20px 0px 0px 9px;
}

#biblio_list ul {
	width:230px;
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	background: url(../images/eltos/separador-h-1.jpg) repeat-x top;
}

#biblio_list li{
	padding: 0px;
	background:  #ffffff url(../images/eltos/separador-h-1.jpg) repeat-x bottom;
	float: left;
	width: 230px;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#biblio_list li a{
	height: 14px;
	display:block;
	text-decoration:none;
	margin: 0px 0px;
	padding: 3px 0px;
}

#biblio_list li a:hover{
	background-color: #D7E2EE;
	display:block;
}
	
#biblio_list li#web a{
	height: auto;
	display:block;
	text-decoration:none;
	margin: 0px 0px;
	padding: 3px 0px 0px 18px;
	background-image: url(../images/icons/url1.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
}

#biblio_list li#book a{
	height: auto;
	display:block;
	text-decoration:none;
	margin: 0px 0px;
	padding: 3px 0px 0px 18px;
	background-image: url(../images/icons/book1.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
}

.biblio_list_detail{
	color:#999999;
	}
	
#biblio_list_det{
	width:500px;
	height:auto;
	float:left;
	margin: 20px 0px 0px 9px;
}

#biblio_list_det ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	background: url(../images/eltos/separador-h-1.jpg) repeat-x top;
}

#biblio_list_det li{
	padding: 0px;
	background:  #ffffff url(../images/eltos/separador-h-1.jpg) repeat-x bottom;
	float: none;
	width: 230px;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#biblio_list_det li a{
	height: 14px;
	display:block;
	text-decoration:none;
	margin: 0px 0px;
	padding: 3px 0px;
}

#biblio_list_det li a:hover{
	background-color: #D7E2EE;
	display:block;
}
	
#biblio_list_det li#web a{
	width:200px;
	float:none;
	height: auto;
	display:block;
	text-decoration:none;
	margin: 0px 0px;
	padding: 3px 0px 0px 18px;
	background-image: url(../images/icons/url1.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
}

#biblio_list_det li#book a{
	height: auto;
	display:block;
	text-decoration:none;
	margin: 0px 0px;
	padding: 3px 0px 0px 18px;
	background-image: url(../images/icons/book1.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
}

/*****************************************
CAJAS CONTACTO ***************************
*****************************************/

#contacto-left{
	width:522px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 0px;
	background:#fff url(../images/indx/index/backgrounds/guioncito.jpg) no-repeat right 24px;
	margin: 0px 4px 0px 0px;
	}
	
#contacto-right{
	width:215px;
	height:325px;
	float:left;
	background:#fff url(../images/contacto/contacto.jpg) no-repeat 1px 4px;
	padding:0;
	margin:0;
}

.contacto-table{
	margin: 10px 0px 0px 30px;
}

.contacto-col1{
	width: 100px;
	height:30px;
	text-transform: uppercase;
	text-align:right;
}

.contacto-col2{
	width: 300px;
	height:30px;
/*	background:#ff00ff;*/
}

.contacto-form1{
	width: 300px;
	height:12px;
	border:none;
	color:#6794BF;
	background:#fff;
	border-bottom:1px solid #ccc;
	margin:0px 0px 0px 10px;
	font:10px Arial, Helvetica, sans-serif;
}

.contacto-form2{
	width: 300px;
	height:130px;
	border:none;
	color:#6794BF;
	background:#fff;
	border:1px solid #ccc;
	margin:0px 0px 0px 10px;
	font:10px Arial, Helvetica, sans-serif;
}

.contacto-button{
	color:#6794BF;
	font:10px Arial, Helvetica, sans-serif;
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	
}
.imgIlustration {
	max-width:300px;  !important;
	max-height:300px; !important;
	margin: 10px;
}

#blog_author {
	color: #000000;
	font-size: 12px;
}
.contacto-form3 {
	height:12px;
	border:none;
	color:#6794BF;
	background:#fff;
	border-bottom:1px solid #ccc;
	margin:0px 0px 0px 10px;
	font:10px Arial, Helvetica, sans-serif;
}
.contacto-button2 {

	padding: 2px 5px;
	color:#6794BF;
	font:10px Arial, Helvetica, sans-serif;
}
.tableBorde {
	border: 1px solid #6794BF;
}
.contacto-form4 {

	width: 500px;
	height:130px;
	border:1px solid #ccc;
	color:#6794BF;
	background:#fff;
	border:1px solid #ccc;
	margin:0px 0px 0px 10px;
	font:10px Arial, Helvetica, sans-serif;
}
.commentblock {
	border: 1px solid #6794BF;
	padding: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.mensaje {

	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#E8AB00;
}
.mensaje p{

	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#E8AB00;
}

.mensaje a{

	font-family:"trebuchet MS", verdana, arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#E8AB00;
}