@charset "utf-8";
/* CSS Document */

body{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:5px 0 0 0; padding:0;}
a img{ border:none}
h1,h2,h3,ul,li,p,ol{ margin:0;padding:0;}
li{ list-style-type:none; text-align:left;}

a{ color:#00aeef}
a:hover{ text-decoration:underline}
p{ margin-bottom:10px;}

#divPrincipal{ margin:auto; text-align:left; width:948px; position:relative}
#divCabecera{
	min-height: 200px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 200px;/* this is also the min height for IE */
	text-align:right;
	border-bottom:20px solid #e5f5fa;
}
#divLogo{ float:left; margin-left:75px; margin-top:40px;}
#herramienta{ float:right; margin-left:5px; font-size:9px; }
#menu{ float:right; margin-top:30px;margin-left:12px; display:none  }
.bloque{ width:148px; position:relative}
#herramienta div{ height:28px; line-height:28px; margin-left:20px; text-align:left; float:left}
#herramienta div a{ color:#999999;}

#menub{ float:right; margin-top:30px; display:none }
.bloque{ width:148px; margin-left:12px; position:relative}

/*#divMenu{ float:right; margin-top:30px; display:none }*/
.divbloque{ float:right; width:148px; margin-left:12px;}

#divBuscador{ 
	position:absolute;
	width:150px;
	height:22px;
	z-index:1;
	margin-top:30px;
	background-image:url(../images/bg_buscador.gif);
	background-repeat:no-repeat;
	right:0;
}
#divBuscador input{ border:none; font-size:10px; margin:4px 0 0 8px; }
#divFlash{}

.divLeft{ float:left;}
.divRight{ float:left;}

.divLeft h1{ margin:15px 0; color:#00a0de; font-size:14px;}
.divLeft h2{ margin:5px 0; color:#00a0de; font-size:12px;}

#divCuerpo{ line-height:16px;}

#divCuerpo li{background:url(../images/bullet.gif) left 5px no-repeat; padding:0 0 5px 10px;}
#divCuerpo ol{margin-left:15px; padding:0}
#divCuerpo ol li{background:none; padding:0 0 5px 0; margin:0; list-style-type:decimal; margin:0; padding:0}

#divNoticia td, #divProyectos td{ border-bottom:1px solid #CCCCCC; padding:2px 2px 2px 5px}
#divNoticia h2{ margin:0; padding:0}


#divPie{ padding:60px 0 20px 0; font-size:9px;color:#999999; }
#divPie div{ line-height:14px; text-align:left}
#divPie div a{ color:#999999;}
#divPie span{ padding:0px 2px 0px 2px;}

/**** generales ****/
.classclear{ clear:both}
.divFranja{ background-repeat:repeat-y; line-height:8px; height:8px;}
.cajas{ width:308px; margin-right:12px; float:left; background-color: #00aeef; color:#000;}
.contentcaja{ padding:10px 10px 0 10px; color:#333333}
.contentcaja a{color:#333333;}
.contentcaja h1{ margin-bottom:10px;}
.txtblanco{ color:#FFFFFF;}
.txtNegro{ color:#000;}

.TDListOn td { background-color: #00aeef; color:#333333;  cursor:hand }
.TDListOn td a, .TDListOn td h2,  .TDListOn td .txtColor  { color:#fff; }

.RollOn {	background-color: #00a0df;  cursor:hand;
			filter:alpha(opacity=100);
			-moz-opacity:1;
			opacity:1;
 }
.RollOff { 	background-color: #00a0df;  cursor:hand;  
			filter:alpha(opacity=20);
			-moz-opacity:.20;
			opacity:.20;
 }

.RollOn a { color:#333; }
.RollOn a:hover{ text-decoration:none; }


/*links sin subrayado */
#divPie div a, #herramienta div a{ text-decoration:none;}
#divPie div a:hover, #herramienta div a:hover{ text-decoration:underline}


#divContacto td{ color:#00aeef; padding: 5px 5px 5px 15px;}
#divContacto td td{ padding: 0;}

#divContacto .classTelefono, #divContacto .classInput{
	background:url(../images/bg-input.gif) no-repeat;
	height:40px;
	padding-left:18px;
	vertical-align:middle
}
#divContacto .classTextarea{
	background:url(../images/bg-textarea.gif) no-repeat;
	height:130px;
	padding-left:18px;
	vertical-align:middle
}
#divContacto .classTelefono{
	background:url(../images/bg-telefono.gif) no-repeat;
}

#divContacto .classTelefono input, #divContacto .classInput input, #divContacto .classTextarea textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999999; border:none; }

#divBusqueda select{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999; border:1px solid #CCCCCC; }
#divBusqueda input{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999; border:1px solid #CCCCCC; }

#divRecomienda { padding:10px 0 0 10px;}
#divRecomienda div{ padding:2px 0;}
#divRecomienda div a{ color:#666666}

#divPaginado, #divPaginado a{ color:#999; font-weight:normal; font-size:11px; text-align:right}
#divPaginadoB{ padding:20px 0}
#divPaginadoB, #divPaginadoB a{ color:#00aeef; font-weight:normal; font-size:11px;}

#divMapa div{
	float:left;
	width:380px;
}
#divMapa li{
	color:#00aeef;
}
#divMapa li.classGris{
	background:url(../images/bullet-gris.gif) left 6px no-repeat;
	margin:0;
}
#divMapa, #divMapa li.classGris a{
	color:#999999;
}
#divMapa a{
	text-decoration:none
}
#divMapa a:hover{
	text-decoration:underline;
}
#divMapa li ol{
	border-left:1px solid #00aeef;
	margin:10px 0;
	margin-left:35px;
}
#divMapa li ol li{
	margin-left:25px;
	padding-left:0;
	list-style-type: lower-alpha
}
#divMapa li ol li ol{
	border-left:1px solid #fff;
	margin:5px 0;
	margin-left:0px;
}
#divMapa li ol li ol li{
	background:url(../images/bullet-celeste.gif) left 4px no-repeat;
	list-style-type:none;
	padding-left:15px;
	margin-left:0;
}
#divMapa li ol li a, #divMapa li ol li ol li a{
	color:#000000;
}

/***************** DIV SUBMENU ***************/

#divSubmenu {
	min-height: 312px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 312px;/* this is also the min height for IE */
}
#divSubmenu div{
	padding:5px 7px;
	display:block;
	border-bottom:1px solid #FFFFFF;
	background-color:#00a0df;
}
#divSubmenu a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold
}
#divSubmenu a:hover{
	text-decoration:underline
}

#divSubmenu .nivel02{
	background-color:#b4def6;
}
#divSubmenu .nivel02 a{
	color:#00a0df
}
#divSubmenu .nivel03{
	background-color:#cde9f9;
}
#divSubmenu .nivel03 a{
	padding-left:7px;
	color:#00a0df;
	font-weight:normal
}
#divSubmenu .nivel03 a:hover, #divSubmenu .nivel03 .selecto{
	background:url(../images/bg-submenu.gif) 0 center  no-repeat;
}

.divMemoria 
{
    padding:10px;
}

.divMemoria img
{
    padding-top:5px;
}

/********** acordion **********/
/**********acordion**********************/
h2.acc_trigger {  
     padding: 0; margin: 0;  
     font-weight: normal;  
     float: left;
	 width:100%;
	 font-size:11px;
     background: url(../images/bg-h2.gif) right 15px no-repeat;
	 line-height:30px;
	 height:30px;
	 border-bottom:1px solid #7fcfef;
}  
h2.acc_trigger a {  
	 color:#00a0df;
     text-decoration: none;  
     display: block;  
     padding: 0 0 0 10px;
	 font-size:12PX;
	 outline:none
}  
h2.active { background: url(../images/bg-h2-b.gif) right 15px no-repeat; }  
.acc_container {  
     margin: 0 0 5px; padding: 0;  
     overflow: hidden;  
     clear: both;  
}  
.acc_container .block {  
     padding: 22px;
}



/*********** Bloques ************/

.cajaCeleste{ background-color:#ccecf9; padding:20px; margin-top:20px; color:#333333}
.cajaCeleste a{ color:#333333; text-decoration:none}
.cajaCeleste select{ font-size:11px; border:1px solid #00a0df; color:#00a0df; }
.cajaCeleste a:hover{ text-decoration:underline}
.cajaCeleste h1{ font-size:14px; color: #00a0df; margin:0 0 10px 0; padding:0}

/* Panel Home (bloque celeste) Cufon Gotham */
.panel-tit
{
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    height: 20px;

    background-image:url(../images/bg-bullet.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
}

.panel-subt
{
    font-size:10px;
    font-weight:bold;
    color:#ffffff
}
#divPaginado a
{
    padding: 3px;
}

#divDiscursos{ background:#c0e8f8; padding:5px 10px;}

#divDiscursos li a{ color:#666666; text-decoration:none}
#divDiscursos li a:hover{ text-decoration:underline}
#divDiscursos li{ list-style-type:none; padding-bottom:7px;}
#divDiscursos li img{ float:right; margin:0;}


#divCuerpo ol li ol li { list-style-type: lower-alpha; padding-bottom:5px}
#divCuerpo ol li ol li ol li{ list-style-type: lower-alpha}
#divCuerpo ol li ol li ol li ol li{ list-style-type: decimal}

#divReconocimiento ul li{
	background:url(../images/bullet-celesteb.gif) left 4px no-repeat;
	list-style-type:none;
	padding-left:15px;
	margin-left:15px;
	
}