@charset "utf-8";
html { background-image: url('/img/layout/fondo3.jpg'); background-repeat: repeat-y; background-attachment: fixed; background-position: center top; background-color: #B7AE9D; width: 100%; overflow-x: hidden; }
body { /*background-image: url('../img/layout/fondo.png');*/  /*font-family: Calibri, "Trebuchet MS", Tahoma, Arial;*/ /*font-size: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;*/ font-size:  'Trebuchet MS', Tahoma, Arial; }

.alin_izq{ text-align: left;}
.alin_cen{ text-align: center;}
.alin_der{ text-align: right;}
.alin_jus{ text-align: justify;}
.borde{ border: solid 1px red;}
.espacio{ height: 10px;}
.limpiar { clear: both; }
.status{ font-size: 0.7em; color: #333333; }
.ui-contenido { padding: 10px !important; }
.ui-contenedor { min-height: 200px; }

.div_menu_sup { height: 20px; margin-top: 20px; margin-bottom: 10px; }
.div_menu_sup li { float:left; list-style-type: none; }
.div_menu_sup li a,.div_menu_sup a{ color: #525252; text-decoration: none;}
.div_menu_sup li a:hover,.div_menu_sup a:hover{ text-decoration: underline;}

.jfontsize-button { font: bold 12px arial; padding: 3px; /*border: solid 1px #ccc;*/ width: 30px; }
.jfontsize-button div { width: 20px; float: left; }
.jfontsize-button:hover { text-decoration: none; background: #4987C0; color: #fff; border: solid 1px #4987C0; }
.jfontsize-disabled, .jfontsize-disabled:hover { color: #aaa; border: solid 1px #eee; background: #eee; }

.div_menu { background-color: #4987C0; height: 55px; margin-top: 5px; }
.div_menu ul { }
.div_menu li { float:left; list-style-type: none; }
.div_menu .mnu_item { color: #ffffff; display:block; font-weight: bold; font-size: 0.99em; }
.div_menu .mnu_desc { color: #fff; display:block; font-size: 0.65em; }
div.submenu { min-width: 200px; padding-top: 200px; /*border: solid 3px red;*/ font-size: 1.1em; background-color: #6EA7D1 !important; z-index: 1000; }
div.submenu a { text-decoration: none; color: #000000; }
div.submenu a:hover { /*text-decoration: underline;*/ }

div.submenu ul,div.submenu ul li { display: block; float: none; padding: 2px 4px;}
ul.nivel1 li { border-bottom: dashed 1px #85B5D9;}
div.submenu ul li { height: 25px; padding-top: 5px; }
div.submenu ul li:hover { background-color: #4987C0; }
div.submenu ul li:hover a { color: #fff; }
div.submenu ul,div.submenu ul li ul { margin-left: 0px; }
div.submenu ul.nivel1 { margin-top: 10px; }
/*********************************************************************/

.div_banner
{
    background-color: #fff;
    height: 107px;
    border-top: solid 3px #224E75;
    border-bottom: solid 3px #5E5E5C;    
}


.div_banner .titulo { float: left; }
.div_banner h2
{
    
    margin-left: 10px;
    line-height: 1em;
    margin-top: 5px;
    font-family: "Trebuchet MS", Tahoma, Arial;
    font-style: italic;
    color: #224E75;
}

.div_banner h3
{
    margin-left: 10px;
    font-size: 1.4em;
    font-family: "Trebuchet MS", Tahoma, Arial;
    margin-top: -20px;
    color: #5B5B5B;
}

.logo{ height: 100px; width: 100%;}
.taishin{ background: url('/img/logo/normas.png') no-repeat; z-index: 1001 !important  ; position: absolute; margin-top: -10px; }
.jica{ background: url('/img/logo/jica.jpg') no-repeat 460px 10px; }
.japon{ background: url('/img/logo/japon.jpg') no-repeat 400px 10px; }
.esa{ background: url('/img/logo/vivienda.png') no-repeat right top; }
.esa:hover{ cursor: pointer;}

/*********************************************************************/

.div_carrusel
{
    height: 280px;
    margin-top: 10px;
    
    /*background: #5E5E5E url('../img/layout/carrusel.png') no-repeat 0 0;*/
    /*background-color: #5E5E5E;    */
}

/*********************************************************************/

.div_contenido
{
    background-color: transparent;
    
    min-height: 30px;
}

/*********************************************************************/

.tit_contenido
{
    color: #971038;
    color: #971038;
    font-weight: normal;
    font-size: 1.1em;
    
}

/*********************************************************************/

div.div_pie
{    
    color: #ffffff;
    line-height: 1.3em;
    font-size: 0.8em;
    padding: 10px 0 30px;
    width: 938px;
    background: #356AA0 url('../img/logo/elsalvador.png') no-repeat left center; 
}

div.div_pie a { text-decoration: none; color: #ffffff;}
div.div_pie a:hover { text-decoration: underline; }

/*********************************************************************/

.item
{
    margin-top: 0px;
    padding: 10px 10px 10px 0px;
    border-top: dashed 1px #356AA0;
    height: 80px;
}

.item_img
{
    float:left;
    margin-right: 10px;
}

.item_img img 
{
    height: auto;
    width: 100px;
    margin-left: 10px;
}
.item_fec
{
    color: #990000;
    font-size: 0.8em;
    height: 20px;
}
.item_fec_fec {}
.item_fec_vis { color: #5B5B5B;}
.item_tit
{
    color: #356AA0;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
}

.item_txt
{
    color: #232323;
    font-size: 0.9em;
    height: 34px;
    overflow: hidden;
    text-align: justify;
}

.item_lee 
{    
    text-align: right;
    
    color: #990000;
    font-size: 0.8em;
    font-weight: bold;
}

.aitem{ text-decoration: none; }
.item_lee a
{	
    font-size: 0.8em;
	text-decoration: none;
	color: #971038;
    font-weight: bold;
}

.item_fin
{
    border-top: dashed 1px #356AA0;
    height: 20px;
}

.item_historial a
{
    font-size: 0.9em;
	text-decoration: none;
	color: #971038;
    font-weight: bold;
}

.item_historial a:hover
{
    text-decoration: underline;
}
.area
{
    min-height: 350px;
}

.multimedia
{
    min-height: 400px;
}
/*********************************************************************/
div.login { font-size: 0.9em; }
div.login input[type=text], div.login input[type=password] { font-size: 0.8em;  }
div.login a { text-decoration: none; color: #535353; }
div.login a:hover{ text-decoration: underline; }
/*********************************************************************/
div.galeria { text-align: center;}
div.galeria img
{
    width: 100px;
    height: 65px;
    padding: 4px;
    background-color: #cccccc;
    margin-bottom: 2px;
}
div.galeria img:hover { cursor: pointer; }

/*********************************************************************/

div.div_materiales ul li { line-height: 2.0em; color: #535353; }

/*********************************************************************/
div.div_instituciones div { height: 50px; border-bottom: none;padding-top: 10px; }
div.div_instituciones img { height: 50px; width: auto; margin-right: 15px; }
div.div_instituciones span { font-size: 0.9em; vertical-align: middle;   }



/*********************************************************************/
/*Doña Norma*/
div.norma{}

div.buscar{ color: #ffffff; }
input.buscar{ width: 70px; background: url('/img/menu/buscar.png') #ffffff no-repeat center right; padding-right: 20px; }
img.buscar{ margin-left: -20px; }

/*****************************************************************/

.div_izq_1
{
    margin-left: 0px;
    margin-right: 10px;
}

.div_izq_2
{
    margin-left: 10px;
    margin-right: 0px;
}

/*************************************************/
.lista_icono li{ background: url('/img/layout/item.gif') no-repeat 0px 10px; border-bottom: dotted 1px #535353; background-color: #ffffff;	list-style: none outside none; height: 40px; margin: 0px;}
.lista_icono a:hover li{ background: url('/img/layout/item2.gif') no-repeat 0px 10px #FFCE34;}
.lista_icono a{	color: #515151;	font-size: 0.9em; text-decoration: none;}
/*.lista_icono a:hover li{ background: #FFCE34; cursor: pointer;}*/
.lista_icono img{ position: relative; top: 0px; left: 10px; height: 40px;}
.lista_icono span{ position: relative; left: 10px; top: 4px;}


.lista li{ background: url('/img/layout/item.gif') no-repeat 0px 10px; border-bottom: dotted 1px #535353; background-color: #ffffff;	list-style: none outside none; min-height: 20px; margin: 0px; padding: 1px 5px 8px 1px; line-height: 1em;}
.lista li:hover{ background: url('/img/layout/item2.gif') no-repeat 0px 10px #FFCE34;}
.lista li.activo { background: url('/img/layout/item2.gif') no-repeat 0px 10px #FFCE34; }
.lista li.activo a { font-weight: bold; }
.lista a{	color: #515151;	font-size: 0.9em; text-decoration: none;}
.lista_icono a:hover li{ background: #FFCE34; cursor: pointer;}
.lista img{ position: relative; top: 0px; left: 10px; height: 40px;}
.lista span{ position: relative; left: 10px; top: 4px;}
.lista span.descargas{ font-size: 0.8em; color: #B75D03; text-align: right; font-weight: bold; }

.modalBackground {	background-color: Black; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:#fff; border: solid 2px #0059A5; padding:10px; z-index: 1001; }
.modalTitle { cursor: move; background-color: #0059A5; color: White; text-align:center; /*border:solid 1px yellow;*/ color: White; font-weight:bold; margin-bottom: 10px; padding: 10px 0px; }
.modalPopup2 { border: solid 2px #F18103; }
.modalTitle2 { background-color: #F18103; }
.modalPopup3 { border: solid 2px #009933 !important; }
.modalTitle3 { background-color: #009933 !important; }


.editoriales
{
    height: 246px;
    overflow: hidden;
    margin-top: -10px;
}
.editorial_a { margin-top: -15px;}
.editorial_a a { font-size: 0.8em; font-weight: bold; text-decoration: none; }
.editorial_a a:hover { text-decoration: underline !important; } 
.editoriales ul li { height: 36px; overflow: hidden; }
.editoriales ul li .img{ float: left; width: 30px; height: 30px; margin-right: 4px;}
.editoriales ul li .txt{ float: left; width: 140px; height: 30px; margin-left: 10px;}
.lof-slidecontent .slider-description h4
{
    font-size: 1.0em !important;
}

#div_slide { height: 260px !important; 
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -khtml-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
} 

.lof-slidecontent .navigator-content {
    bottom: 0px !important;
    right: 0px !important;
    height: 36px !important;
}

.lof-slidecontent .slider-description h4 {
    font-size: 1.0em !important;
    margin: 4px 0 !important;
}

.lof-slidecontent ul.navigator-wrap-inner li img 
{
    margin: 0px 1px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img 
{
    border: #FFE708 solid 3px !important;
}