@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; color:#333;}
a{ color:#04375c; text-decoration:underline;}

/***** TIPOGRAFIA  ******/
@font-face {
	font-family: 'DejaWeb';
	src: url('DejaWeb.ttf');
	src: local('DejaWeb'), local('DejaWeb'), url('fonts/DejaWeb.woff') format('woff'), url('DejaWeb.ttf') format('truetype'), url('fonts/DejaWeb.svg#DejaWeb') format('svg');
}

@media all and (web-fonts: "truetype") {
  h2 {font-family: "DejaWeb",  Arial;    }
  h1 {font-family: "DejaWeb", Arial; font-size:28px;   }
}

h1{font-size: 28px; color: #04375c;font-family:DejaWeb; font-weight:bold; margin-bottom:1px;}
h2{font-size: 24px; color: #04375c;font-family:DejaWeb; font-weight:bold; margin-bottom: 16px;}
h3{font-size: 18px; color: #04375c;font-family:DejaWeb; font-weight:bold;margin-bottom: 14px;}
h4{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px;}
.leftContent  h4 a{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:none;}
.leftContent  h4 a:hover{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:underline;}
.leftContent  h4 a:visited{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:none;}

/********************** ESTRUCTURA ******************************/

.headerTop{ background:#fff;}
.headerTop img{ margin:0;}
.headerTop .formAcceso{ float:right; border:1px solid #d4d5d5; font-size:12px;  margin-top: 22px; color:#04375c;   width: 595px;}
.headerTop .formAcceso label{ float: left; padding:5px 5px 0 0;}
.headerTop .formAcceso input{ float: left;width:121px; margin:7px 12px 0 0;}
.headerTop .formAcceso p{ float: left; background:#eeefef; border-right:1px solid #d4d5d5; color:#04375c; font-size:12px; font-weight:bold;  margin: 0 13px 0 0;padding: 6px 3px 6px 2px;width: 100px; text-align:center;  }
.headerTop h1{ width:253px; float:left;}
.btnEntrar{ background:url(../img/btnEntrar.gif) no-repeat left top; width:70px; height:24px; float:left; color:#04375c; font-size:12px; text-decoration:none;   margin: 7px 5px 0 0;   text-align: center;}
.btnEntrar:hover{ background:url(../img/btnEntrar.gif) no-repeat left bottom;  }


#supersized {    float: left;    width: 100%;	 position:relative;}
.texto{ background:#04375c; z-index:10000; width:100%; color:#fff; position:relative; float:left;}
.texto p{ font-size: 28px; color: #fff;  font-family:DejaWeb; font-weight:normal; background:#04375c; margin:0 0 0 0; z-index:10000;  width: 100%; color:#fff;float: left; text-align: center; line-height:33px;  padding:20px 5px;}
.texto div{ position:absolute; right:22.15%;}
.hola, .hola li{ height:225px;}
.moodular_itemList{ position:absolute}
.prev{ background:url(../img/prev.png) no-repeat 5px top; width:56px; height:60px; position:absolute; top:87px; float:left; cursor:pointer;}
.next{ background:url(../img/next.png) no-repeat 0 top; width:56px; height:60px; float:right;  position:absolute; top:87px; right:0; cursor:pointer;}
.topDv0{ position:absolute; top:55px; z-index:100001;}
.topDv1{ position:relative;}
.accesoClientes{ display:none;}
#supersized ul{}
#supersized li{}
.botonera{    position: relative;    width: 100%;    z-index: 10000; float:left;}

.topMenu {}
.topMenu ul {  margin: 2px 0 0;}
.topMenu ul li{ float:left; list-style:none;  margin-bottom: 0;padding: 5px 17px 5px 2px;   word-spacing: 1px;}
.topMenu ul li a{ color:#a6c3d8; text-decoration:none; padding:10px 5px; font-size:16px; font-weight:bold; font-family:DejaWeb;}
.topMenu ul li a:hover{ color:#a2d4f9; text-decoration:none; padding:10px 5px; font-size:16px; font-weight:bold; font-family:DejaWeb;}
.topMenu ul li a.On{ color:#fff; text-decoration:none; padding:10px 5px; font-size:16px; font-weight:bold; font-family:DejaWeb;}

.mainContent{ padding:41px 0 0 0;}
.mainContentInt{ padding:35px 0 0 0;}


.backgroundBlue{ background:#04375c;}
.backgroundWhite{ background:#fff;}
p{ font-size:12px;}
a{ font-size:11px; text-decoration:underline; color:#04375c;}
.separador{ border-bottom:1px solid #d4d5d5; width:100%; float:left ;     margin: 10px 0 8px;}
.fecha{ font-size:11px; color:#04375c; background:#d4d5d5; font-weight:bold; padding:2px; margin-right: 9px;}
.leftImg{margin-bottom: 12px;}
.leftContent p{ font-size: 12px;line-height: 18px; margin-bottom: 4px;}
.centralContent p{ font-size: 14px;line-height: 18px; padding: 0 0 0 2px;word-spacing: 1px;  margin-bottom: 7px;}
.centralContent a.leerMas{ padding-bottom:26px;float: left;width: 100%;}
.centralContent h2{padding-left: 3px;    word-spacing: 1px;}
.centralContent .separador{ border-bottom:1px solid #d4d5d5; width:100%; float:left ;     margin: 8px 0 12px;}
.centralContent .separadorLast{ border-bottom:1px solid #d4d5d5; width:100%; float:left ;     margin: 8px 0 19px;}
.centralContent  form{ padding:0 0 0 0; width:100%; float:left;}
.centralContent  form p{ padding:0 0 16px 0;}
.centralContent  form label{ float:left; text-align:right; width:125px; padding-right:10px; clear:both;}
.centralContent  form input, .centralContent  form select, .centralContent  form textarea{ float:left;  width:252px;    margin-bottom: 19px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.centralContent  form .checkBox{   float: left;     width: 25px; margin:5px 0 9px 128px;}
.centralContent  form  .inputSend{ width:86px;  margin:5px 0 25px 128px;}

.clearall{ width:100%; float:left; clear:both;}

.last img{ float:left; margin-right:11px; margin-bottom:0;}
.last p{ line-height: 18px;    padding: 0; margin:0;}
.last h4 {    margin-bottom: 7px;}
.last  .separador {    margin: 6px 0 10px;}
.lnkVerMas{ float:left; }



.footer{ width:100%; float:left; height:48px; border-top:2px solid #04375c; margin-top:5px;}
.footer p{ padding:12px 0 0 0; color:#04375c; font-size:11px; font-weight:bold;}
.footer a{}
.footer a:hover { text-decoration: none; font-weight: bold; color:#04375c;}

.last a { text-decoration: underline; font-weight: bold;}
.last a:hover { text-decoration: none; font-weight: bold; color:#04375c;}
.last a:visited { color: #3476a5; text-decoration: underline; font-weight: bold;}

.leftContent a { text-decoration: underline; font-weight: bold;}
.leftContent a:hover { text-decoration: none; font-weight: bold; color:#04375c;}
.leftContent a:visited { color: #3476a5; text-decoration: underline; font-weight: bold;}

.centralContent a { text-decoration: underline; font-weight: bold;}
.centralContent a:hover { text-decoration: none; font-weight: bold; color:#04375c;}
.centralContent a:visited { color: #3476a5; text-decoration: underline; font-weight: bold;}

.last  h4 a{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:none;}
.last  h4 a:hover{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:underline;}
.last  h4 a:visited{font-size: 13px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:none;}

.articleBox  h3 a{font-size: 18px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:none;}
.articleBox  h3 a:hover{font-size: 18px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:underline;}
.articleBox  h3 a:visited{font-size: 18px; color: #04375c;font-family:Arial; font-weight:bold;margin-bottom: 10px; text-decoration:none;}
.h4Dejaweb{font-size: 14px; color: #04375c;font-family:DejaWeb; font-weight:bold;margin: 14px 0 ;}

/**/

#accordion h3{ width:100%; margin:1px 0 0 0; }
#accordion ul{ padding-left:14px;  margin: 0;}
#accordion h4 {    color: #04375C;    font-family: Arial;    font-size: 16px;    font-weight: bold;    margin-bottom: 10px;}
.firstH3{ background:url(../img/h31.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.secondH3{ background:url(../img/h32.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.thirdH3{ background:url(../img/h33.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.fourthH3{ background:url(../img/h34.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.fifthH3{ background:url(../img/h35.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.sixthH3{ background:url(../img/h36.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.seventhH3{ background:url(../img/h37.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.eighthH3{ background:url(../img/h38.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.ninethH3{ background:url(../img/h39.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.eleventhH3{ background:url(../img/h310.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.twelvethH3{ background:url(../img/h311.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.thirteenthH3{ background:url(../img/h312.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.fourteenthH3{ background:url(../img/h313.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}
.fifteenthH3{ background:url(../img/h314.jpg) no-repeat right top; height:49px;  border: 1px solid #D4D5D5;}

.acoordionContentDV  #accordion div ul li{ background:url(../img/bgLi.gif) no-repeat left 5px; padding:0 0 0 15px; list-style:none; font-size:14px;}
/**/
.tagged{ color:#333;}

/**** CONTACTO *****/

.migaPan{ width:99%; float:left; font-size:12px;}
.migaPan ul{ float:left; margin-bottom:19px}
.migaPan ul li, .migaPan ul li a{ float:left; color:#04375c; font-weight:bold; padding-right:2px; list-style:none; font-size:12px;}

.dvContactoContent{  width:100%; float:left;  padding-top: 8px;}
.dvContactoContent h3{ font-size:18px;   word-spacing: 1px; background:#d7d7d7;   padding: 3px 8px;  margin-bottom: 23px;}
.boxContacto h2 {    color: #04375C;    font-family: DejaWeb;    font-size: 24px;    font-weight: bold;    margin-bottom: 24px;}
.mapaContacto{ float:left;  margin-right: 18px;}
.bidiImg{ float:right;}
.boxContacto{ float:left; width:100%;}
.dvContactoContent address{font-size: 14px;    line-height: 17px; font-style:normal;  float:left;}
.dvContactoContent iframe{float:left;  margin-right: 18px;}
.dvUneteContent p{ margin-bottom:0; line-height:14px; word-spacing:0;    padding: 0 0 4px;}
.dvUneteContent .h4 {    color: #04375C;    font-family: DejaWeb;    font-size: 14px;    font-weight: bold;    padding-bottom: 23px;    padding-top: 12px;    word-spacing: 0;}
.formUnete{ float:left;  font-size: 12px;    padding: 3px 0 55px 3px;}

.formUnete label{ float:left; width:100%;  padding-bottom: 3px;}
.formUnete input{ float:left; width:100%;    margin-bottom: 10px;}
.formUnete textarea{ float:left; width:100%;    margin-bottom: 10px; height:75px;}
.formUnete .inputSend{ width:86px; }
/**/

.dvCasoExitoContent{  width:100%; float:left;  padding-top: 8px;   padding-bottom: 21px; margin-bottom: 8px;}
.dvCasoExitoContent h3{ font-size:18px;   word-spacing: 1px; background:#d7d7d7;   padding: 3px 8px;  margin-bottom: 16px;}
.dvCasoExitoContent img{ float:left; margin:7px 15px 2px 4px;}
.dvCasoExitoContent p{ padding-top: 12px;}

.formBusquedaCaso{ padding:2px 0 14px 0;}
.formBusquedaCaso label{ width: 95%; margin: 0 }
.formBusquedaCaso input { width: 95%; margin: 4px 0 12px 0; }
.formBusquedaCaso .inputSend { width: 86px;margin:8px 0 0 0;}
.sp20{ width:100%; padding:10px 0; float:left;}

/*************** UNETE  **************/

.dvUneteContent{ background:url(../img/bgUnete.gif) no-repeat left bottom; width:100%; float:left;     padding-bottom: 199px;}
.dvUneteContent h3{ font-size:16px;   word-spacing: 1px; margin-bottom:18px;}
.dvUneteContent p{ margin-bottom:0; line-height:14px; word-spacing:0;    padding: 0 0 4px;}
.dvUneteContent .h4 {    color: #04375C;    font-family: DejaWeb;    font-size: 14px;    font-weight: bold;    padding-bottom: 23px;    padding-top: 12px;    word-spacing: 0;}
.formUnete{ float:left;  font-size: 12px;    padding: 3px 0 55px 3px;}

.formUnete label{ float:left; width:100%;  padding-bottom: 3px;}
.formUnete input{ float:left; width:100%;    margin-bottom: 10px; font-size:12px;}
.formUnete textarea{ float:left; width:100%;    margin-bottom: 10px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.formUnete .inputSend{ width:86px; }


/* Articulos */
.mainContentInt h2{ padding-left: 0;}
.dvBtnVolver { width: 100%; float: left;   line-height: 20px; font-size:12px;   padding-bottom: 20px;}
.dvBtnVolver a { padding: 0 6px;   line-height: 20px;  border: 1px solid #d4d5d5; font-size:12px; color:#04375c; float:right;}

.paginador { width: 100%; float: left;   line-height: 20px; font-size:12px;    padding-bottom: 13px;}
.paginador ul { padding: 0 3px 0 59px;  }
.paginador li {  display: inline; float: left; width: auto; padding: 0 0; margin: 0 2px 0 0; font-weight: bold; text-align: center; line-height: 20px; }
.paginador a { padding: 0 6px;   line-height: 20px;  border: 1px solid #d4d5d5; font-size:12px; color:#04375c;}
.paginador a:hover { padding: 0 6px;   line-height: 20px;  border: 1px solid #d4d5d5; font-size:12px; color:#04375c; background:#d4d5d5; text-decoration:underline;}
.paginador span { padding: 0 6px;   line-height: 20px;  color:#04375c;  font-size:12px;}
.paginadorLeft { float: left;width: 22.15%; }
.paginadoCenter{ float: left;width: 56.75%;}
.paginadorLeft a , .paginadoCenter a{ float: left; }
.paginadorRight { float: right; width: 13.5%;}
.paginadorRight a{ float: right;}
.separadorNoBorder{ border:none; width:100%; float:left ;     margin: 10px 0 8px;}

.articleBox{ width:99%; margin:1px 0 0 0; border-bottom: 1px solid #d4d5d5; float: left; padding: 16px 0 ; float: left;}
.articleBox img { float:left; margin: 4px 19px 24px 0;}
.articleBox h3 { font-family: Arial; margin-bottom: 6px; }
.articleBox p { margin-bottom: 0px; line-height: 20px; font-size:14px;}
.articleBox a { text-decoration: underline; font-weight: normal;}
.articleBox a:hover { text-decoration: none; font-weight: normal; color:#04375c;}
.articleBox a:visited { color: #3476a5; text-decoration: underline; font-weight: normal;}


.formBusqueda label{ width: 95%; margin: 0 }
.formBusqueda input { width: 95%; margin: 3px 0 5px 0; }
.formBusqueda .inputSend { width: 86px;margin:8px 0 0 0;}
/**/

.center{  height:229px;}
.texto p { display:table-cell; vertical-align:middle; float:none; background:none;}
.texto p span{background:#04375c; padding:20px 5px; float:left;}
.rightWho p{ font-size:18px; color:#04375c; font-family: "DejaWeb",  Arial; line-height:24px; padding-bottom:12px; font-style:italic;}
.dvContactoContent ul li{ background:url(../img/bgLi.gif) no-repeat left 8px; padding:0 0 0 15px; list-style:none; font-size:14px;}

.acoordionContentDV{ float:left; width:100%; padding-bottom:20px;}

/**************  QUIENES    ***************/
.contentDirectorio{ width:100%; float:left; background:url(../img/bgquienes.gif) no-repeat left top; padding-top:147px;}
.encabezadoQuienes{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#04375c; width:99%; float:left;}
.last .encabezadoQuienes{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#04375c; width:99%; float:left; margin:0 0 30px 0;}
.boxQuienes img{ float:left;}

.nombrePerfil{ float:left; padding:7px 0 0 12px;}
.last .nombrePerfil{ float:left; padding:7px 0 0 12px;}
.btnVerDetalle{    background: #D4D5D5;    color: #04375C;    font-weight: bold;    margin-right: 9px;    padding: 2px;  float:left;  margin:7px 0 0 12px;}
.btn2{    background: #D4D5D5;    color: #04375C;    font-weight: bold;    margin-right: 9px;    padding: 2px;  float:left;  margin:7px 0 0 12px;}
.none{ display:none;}

/****** BANNNER HOME  *********/
.bannerHome{ padding-bottom:20px; float:left; width:100%;}

.h3Morado{ color:#773d8d;     margin-bottom: 20px; }
.mainContent .h3Morado{ color:#773d8d;     margin-bottom:12px; }
.h2Morado{ color:#773d8d;}
.h4Morado{ color:#773d8d; margin-bottom:0; line-height:18px; font-size:14px;}
.formEvento label{ width:100%; float:left; font-size:12px; padding-bottom:7px;}
.formEvento input	{ width:100%; float:left; font-size:12px; margin-bottom:10px;}
.formEvento textarea	{ width:100%; float:left; font-size:12px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
.contentBoxesEv{ background:#f5f1f7 url(../img/pix.gif) repeat-y center top; width:100%; float:left;  margin-top: 9px;     min-height: 87px;    margin-bottom: 12px;}
.boxEvento{  width:50%; float:left;   }
 .centralContent .boxEvento  .morado12{ color:#773d8d;  font-size:12px; font-weight:bold;   padding: 5px 12px; margin:0;}
 .centralContent .boxEvento p{ font-size:11px;  padding:0 20px 10px 20px; margin:0;}
  .ulMorado{  padding: 0 0 0 8px;   margin-bottom: 4px;  font-size:14px;}
 .ulMorado li{ list-style:none; background:url(../img/bgLimorado.gif) no-repeat left center; padding: 0 0 0 15px; margin-bottom:0;}
 .formEvento .inputSend {
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    width: auto;
}
 
 
 /****************** ERROR *****************/
 .ulError{ width:90%; float:left; padding:0 5% 20px 5%;}
 .ulError li { width:50%; float:left; list-style:none;}
  .ulError li a:hover{ text-decoration:none;}