@charset "utf-8";
/* CSS Document 
Client: Adobe
URL: http://
Version: 1.0
Last Modification: 28/01/10
*/

/* ----------------------- General ----------------------- */
body{padding: 0; margin: 0; background: #fff url(../images/fnd.gif) no-repeat top center;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 16px;}
.claseh1
{
    font-size:32px;
    margin-bottom:20px;
    color:Purple;
    
}

.claseh3
{
    font-size:16px;
    margin-bottom:10px;
}


.claseh2
{
    font-size:24px;
    margin-bottom:15px;
}
#content{width: 941px; margin: 0 auto 30px; padding: 0 0 30px; position: relative;}

/* ----------------------- Top ----------------------- */
#top{width: 941px; margin: 0 0 4px; padding: 0; float: left; height: 183px; background: #FFF url(../images/separador-menu.jpg) no-repeat bottom;}

/* Menu */
#menu{float: left; background: url(../images/bg-menu.gif) no-repeat top left; height: 21px; width: 818px; padding: 7px 0 0 123px;}
#menu ul li{float: left; border-right: 1px solid #fff; padding: 0 12px; line-height: 13px;}
#menu ul li a{ text-decoration: none; display: inline-block; color:#FFF; line-height: 13px;}
#menu ul li a:hover{color: #ccc;}

#logo{width: 385px; height: 44px; float: left; margin: 31px 0 15px 0;}
#logo40{float:left; margin: 15px 0 0px 35px;}
#queres{float: right; width: 217px;}
#queres a{display: block; float: right; width: 217px; height: 60px; background: url(../images/btn-queres.gif) no-repeat 0 0;}
#queres a:hover{ background-position: 0 -60px;}
#queres a span{display: none;}
#logo40min {position:relative;width:1px;height:1px;top:-40px;left:-70px;}

/* Menu Izquierda */
/*.dvMenuIzqTop{width: 160px;height:12px; float:left;background:url("../images/bg-solucionesIzqTop.gif") no-repeat scroll left top transparent}
.dvMenuIzqDown{width: 160px;height:11px; float:left;background:url("../images/bg-solucionesIzqDown.gif") no-repeat scroll left top transparent}
.dvMenuIzqMiddle{width: 160px; float:left;background:url("../images/bg-solucionesIzqMiddle.gif") repeat-y scroll left top transparent;padding:5px 0 5px 15px;}*/
.dvMenuIzq{width: 160px;margin: 0 0 0 -180px; float:left; text-align:right}
.dvMenuIzq a{Color:#661c78; text-decoration:none; font-weight:bold}
.dvMenuIzq a:hover{text-decoration:underline;cursor:pointer}
/*.dvMenuIzq ul li{width:100px;float:left;}*/
.dvMenuIzq ul li{ font-size:13px;padding:0.19em 0 0.25em 0.31em;}
.dvMenuIzq ul li ul li{ font-size:11px; list-style:inside;list-style-type:none}
.dvMenuIzq ul li ul li a{ color:Gray; list-style:inside;list-style-type:none}
.dvMenuIzq ul li ul li a:hover{color: Gray;text-decoration:underline;cursor:pointer}
#desplegable1{display:none}
#desplegable2{display:none}
#desplegable3{display:none}
#desplegable4{display:none}
#desplegable5{display:none}

/* Menu Abajo */
#menu2{float: right; height: 64px; width: 803px; padding: 0 0 1px;}
#menu2 ul li{float: left; height: 64px;}
#menu2 ul li a{ display: block; float: left; height: 64px; background-repeat: no-repeat; background-position: 0 0;}
#menu2 ul li a span{ display: none;}
#menu2 ul li a.btn-sobre{ background-image: url(../images/btn-sobre.gif); width: 270px;}
#menu2 ul li a.btn-sobreSel{ background-image: url(../images/btn-sobreSel.gif); width: 267px;}
#menu2 ul li a.btn-soluciones{ background-image: url(../images/btn-soluciones.gif); width: 263px;}
#menu2 ul li a.btn-solucionesSel{ background-image: url(../images/btn-solucionesSel.gif); width: 263px;}
#menu2 ul li a.btn-servicios{ background-image: url(../images/btn-servicios.gif); width: 270px;}
#menu2 ul li a.btn-serviciosSel{ background-image: url(../images/btn-serviciosSel.gif); width: 270px;}

/* ----------------------- Content ----------------------- */
#info{width: 796px; margin: 0; padding: 0 0 0 0; float: right;}
#solucion{width: 760px; margin: 0; padding: 0 22px 0 0; float: right;}
#info #bloque{width: 796px; margin: 0; float: left;}
#info #bloque .middle{ background: url(../images/bg-content-middle.gif) repeat-y top left; width: 793px; float: left;}
#info #bloque .middle .top{ background: url(../images/bg-content-top2.gif) no-repeat top left; width: 793px; float: left; padding: 0;}
#info #bloque .middle .top .down{ background: url(../images/bg-content-down.gif) no-repeat bottom left; width: 786px; float: left; padding: 12px 4px 4px 3px;}

/* Banner */
#banner{width: 269px;  float: left; height: 94px;  text-align: right; margin: 0 0 44px;}
#banner2{width: 784px; float: left; height: 134px; padding: 0 0 0 3px; margin: 0 0 4px;}

/* --- Homepage --- */
/* 1er Bloque */
.bloque1{float: left; width: 786px;}
.bloque1 .texto{float: left; width: 333px; background: url(../images/mujer.jpg) no-repeat top left; min-height: 250px; padding: 30px 0 0 207px;}
.bloque1 .texto .title{width: 333px; margin: 0 0 23px 0;}

.bloque1 .submenu{float: right; width: 167px; background: url(../images/bg-division.gif) no-repeat top left; margin: 5px 0 0 0; padding: 32px 26px 0 46px; min-height: 237px;}
.bloque1 .submenu ul{float: left; width: 167px; height: 133px;}
.bloque1 .submenu ul li{float: left; width: 167px; margin: 0 0 3px;}
.bloque1 .submenu ul li a{ display: block; float: right; background-repeat: no-repeat; background-position: 0 0; height: 14px;}
.bloque1 .submenu ul li a:hover{ background-position: 0 -14px;}
.bloque1 .submenu ul li a span{ display: none;}
.bloque1 .submenu ul li a.btn-fiscal{ background-image: url(../images/btn-fiscal.png); width: 61px; cursor:default;}
.bloque1 .submenu ul li a.btn-financiera{ background-image: url(../images/btn-financiera.png); width: 94px; cursor:default;}
.bloque1 .submenu ul li a.btn-contable{ background-image: url(../images/btn-contable.png); width: 85px; cursor:default;}
.bloque1 .submenu ul li a.btn-laboral{ background-image: url(../images/btn-laboral.png); width: 73px; cursor:default;}
.bloque1 .submenu ul li a.btn-gestion{ background-image: url(../images/btn-gestion.png); width: 130px; cursor:default;}
.bloque1 .submenu .division{float: left; width: 120px;}

/* 3er Bloque */
.bloque2 .descargas{width: 750px;min-height:90px;background: url(../images/bg-zonadescargas.jpg) no-repeat top left;}
.bloque2 .descargas .title{float: left; padding: 0 0 0 15px; margin: 15px 0 0 0; width: 730px; height: 33px;}
.bloque2 .descargas a.pdf{display: block; float: left; margin: 0 0 0 17px; padding: 0 0 0 47px; width: 105px; background: url(../images/icon-pdf.gif) no-repeat 0 3px; font-size: 9px; line-height: 13px;}
.bloque2 .descargas a.zip{display: block; float: left; margin: 0 0 0 17px; padding: 0 0 0 47px; width: 105px; background: url(../images/icon-zip.gif) no-repeat 0 3px; font-size: 9px; line-height: 13px;}
.bloque2 .descargas a.zip:hover, .bloque2 .descargas a.pdf:hover{color: #999;}
.bloque2 .descargas a.pdf strong, .bloque2 .descargas a.zip strong{font-size: 11px; font-weight: normal; display: block; margin-bottom: 3px; line-height: 16px;}

/* --- Call Me Back --- */
body.bg-call{padding: 0; margin: 0; background: #CDDFB3 url(../images/fnd2.gif) no-repeat top center;}
#content-call{width: 793px; margin: 115px auto 0; padding: 0 0 30px;}
#content-call .top{float: left; width: 793px; background: url(../images/bg-content-top2.png) no-repeat top left; height: 67px;}

#content-call .middle{float: left; width: 693px; background: url(../images/bg-content-middle2.png) repeat-y top left; padding: 0 40px 0 60px;}
#content-call .middle .left{float: left; width: 225px; margin: 0 0 40px;}
#content-call .middle .left .logo{width: 225px; margin: 0 0 22px;}
#content-call .middle .left .llamamos{width: 225px; margin: 0 0 34px; background: url(../images/separador-right.gif) no-repeat bottom left; padding: 0 0 35px 0;}
#content-call .middle .left .llamamos .title{width: 225px; height: 43px;}
#content-call .middle .left .phone{margin: 15px 0;}
#content-call .middle .right{float: right; width: 453px; margin: 0 0 40px;}
#content-call .middle .right .volver{display: block; text-align: right; color: #007E66; width: 453px; margin: 20px 0 29px;}
#content-call .middle .right .form{float: right; width: 369px; background: url(../images/bg-form-call.gif) no-repeat top left; padding: 22px 42px 0;}
#content-call .middle .right .form .row{float: left; width: 369px; margin: 0 0 5px 0;}
#content-call .middle .right .form .row .input{ padding: 2px; border: 1px solid #007E66; width: 363px; line-height: 13px;}
#content-call .middle .right .form .row textarea{ padding: 2px; border: 1px solid #007E66; width: 363px; line-height: 13px; height: 54px;}
#content-call .middle .right .form .row .btn{float: right; margin: 10px 0 0; background: url(../images/btn-enviar.gif) no-repeat 0 0; width: 176px; text-align: center; height: 35px; color: #FFF; cursor: pointer; border: none; outline: none; line-height: 13px;}
#content-call .middle .right .form .row .btn:hover{ background-position: 0 -35px;}
#content-call .middle .right .form .row .row2{float: left; width: 117px; margin: 0;}
#content-call .middle .right .form .row .row2 .input{ padding: 2px; border: 1px solid #007E66; width: 108px; line-height: 13px;}
#content-call .middle .right .form .row .row3{float: right; width: 250px; margin: 0;}
#content-call .middle .right .form .row .row3 .input{ padding: 2px; border: 1px solid #007E66; width: 244px; line-height: 13px;}
#content-call .middle .text{ background: url(../images/separador-content.gif) no-repeat top center; width: 693px; float: left; padding: 40px 0 0 0;}
#content-call .middle .text a{color: #007E66; font-size: 11px;}
#content-call .middle .text p{font-size: 10px; color: #999;}
#content-call .middle .text .check{width: 693px; margin: 0 0 13px;}
#content-call .middle .text .check .txt{float: left; font-size: 10px; color: #999;}
#content-call .middle .text .check input{float: left;}
.text ul{margin:0 0 0 10px;}

#content-call .down{float: left; width: 793px; background: url(../images/bg-content-down2.png) no-repeat bottom left; height: 50px; padding: 40px 0 0;}

.text p{text-align:justify}

/* --- Contact --- */
.contact-page{width: 786px; float: left;}
.contact-page .image{float: left; width: 271px;}
.contact-page .right{float: right; width: 510px;}
.contact-page .right .contacto{float: left; width: 473px; padding: 0 0 0 37px; margin: 23px 0 20px;}
.contact-page .right .contacto .title{ width: 473px; height: 40px;}
.contact-page .right .contacto span{font-size: 14px; color: #5C2D8F;}
.contact-page .right .contacto a{ color: #5C2D8F;}
.contact-page .right .contacto a:hover{ color: #5C2D8F; text-decoration: underline;}

/* Bloque Oficinas */
.contact-page .right .oficinas{float: left; width: 473px; padding: 18px 0 0 33px; margin: 0; background: url(../images/bg-oficinas.gif) no-repeat top left;}
.contact-page .right .oficinas .title{float: left; width: 473px; height: 43px}
.contact-page .right .oficinas .ofi-left{width: 190px; float: left; padding: 0 25px 0 0;}
.contact-page .right .oficinas .ofi-left .row{width: 190px; float: left; margin: 0 0 14px;}
.contact-page .right .oficinas .ofi-left .row a{color: #5C2D8F;}

/* --- Plan Evolution --- */
.plan-page{width: 786px; float: left; padding: 0 0 20px;}
.plan-page .image{float: left; padding: 0 0 0 10px; width: 317px;}
.plan-page .right{width: 450px; float: right; padding: 25px 0 0;}
.plan-page .right .plan{padding: 0 0 5px 25px; float: left; width: 365px;}
.plan-page .right .plan .title{padding: 0; width: 365px; height: 40px;}

.plan-page .right .solicita{padding: 18px 0 5px 25px; float: left; width: 385px; background: url(../images/bg-plan.gif) no-repeat top left; min-height: 200px;}
.plan-page .right .solicita .title{float: left; width: 385px; height: 65px;}
.plan-page .right .solicita .text{float: left; width: 235px;}
.plan-page .right .solicita .data{float: right; width: 145px;}

/* --- Servicio --- */
.servicio-page{width: 786px; float: left; padding: 0 0 20px;}
.servicio-page .image{float: left; padding: 0; width: 342px;}
.servicio-page .right{width: 365px; float: right; padding: 25px 58px 0 0;}
.servicio-page .right .title{width: 365px; height: 40px;}
.servicio-page .servicios{width: 750px; float: left; padding: 0 0 20px 36px;}
.servicio-page .servicios .hot{float: left; margin: 0 0 50px; background: url(../images/bg-hot.jpg) no-repeat top left; width: 481px; padding: 23px 170px 0 34px; min-height: 122px;}
.servicio-page .servicios .atencion{float: left; margin: 0 0 50px; background: url(../images/bg-atencion.jpg) no-repeat top left; width: 481px; padding: 23px 170px 0 34px; min-height: 125px;}
.servicio-page .servicios .formacion{float: left; margin: 0 0 50px; background: url(../images/bg-formacion.jpg) no-repeat top left; width: 695px; padding: 23px 0 0 34px; min-height: 254px;}
.servicio-page .servicios .hot .title, .servicio-page .servicios .atencion .title, .servicio-page .servicios .formacion .title{height: 33px; width: 100%;}
.servicio-page .servicios .formacion .text{width: 470px; float: left;}
.servicio-page .servicios .formacion .btn{float: right; width: 150px; margin: 85px 0 0 0;}

/* --- Sobre Nosotros --- */
.sobre-page{width: 786px; float: left; padding: 0 0 20px;}
.sobre-page .image{float: right; padding: 0; width: 382px;}
.sobre-page .left{width: 335px; float: left; padding: 25px 0 0 55px;}
.sobre-page .left .names{padding: 0 0 5px; float: left; width: 335px; text-align: right;}
.sobre-page .left .title{padding: 0; width: 335px; height: 45px;}

/* --- Soluciones --- */
.soluciones-page{width: 703px; float: left; padding: 25px 0 0 55px;}
.soluciones-page .text{width: 693px; float: left; padding: 0 0 0 10px; margin: 0 0 25px;}
.soluciones-page .title{padding: 0 0 0 10px; width: 693px; height: 45px; float: left; cursor:pointer}
.soluciones-page .title-select{padding: 0 0 0 10px; width: 693px; height: 45px; float: left; cursor:pointer}
.soluciones-page .row{width: 703px; float: left; padding: 0; margin: 0 0 35px;}
.soluciones-page .row .box{width: 179px; float: left; padding: 17px 15px 0 20px; margin: 0; background: url(../images/bg-soluciones.jpg) no-repeat top left;}
.soluciones-page .row .box-middle{width: 179px; float: left; padding: 17px 15px 0 20px; margin: 0 30px; background: url(../images/bg-soluciones.jpg) no-repeat top left;}
.soluciones-page .row .box .tit, .soluciones-page .row .box-middle .tit{width: 179px; height: 25px;}
.soluciones-page .row .box ul, .soluciones-page .row .box-middle ul{ margin-bottom: 10px;}
.soluciones-page .row2{width: 703px; float: left; padding: 0; margin: 0 0 15px;}


/* --- Casos de Exito --- */
.casosExito {  min-height:700px; padding: 20px;}
.exitosLeft {width:360px; margin: 20px 0px 20px 0px; float:left;}
.exitosRight { height:430px; width:360px; margin: 20px 0px 20px 20px; float:left;}
.textoExistos {margin: 15px; text-align:center}
.exitosRight .textoExistos {margin: 15px; display:none; height:400px; width:330px;}
.nombreExito p {height:15px; width:200px; margin-bottom:2px;color:#c7aadf; font-size:12px; font-weight:bold; padding:1px 0 0 2px;}
.imgExito {height:59px; width:120px; float:left; margin:1px 0px 1px 1px;}
.descriptExito {float:left; width:200px; margin:5px 0px 0px 9px;height:59px;}
.contenedorExito{height:63px; width:330px; cursor:pointer;}
.contenedorExito .textoDescript {padding: 1px 3px 1px 3px;}
.dvSep { background: url(../images/separador.gif) no-repeat top left; margin: 0px 0px 0px 20px}
.descargaPDF { float:right; margin:30px 0; padding: 5px 5px 5px 0px;color:#661C78; font-size:12px; font-weight:bold; text-align:right;width:100%}
.descargaPDF img {width:22px; height:25px;}
.firmaDescrip { color:#661c78;  font-weight:bold}
.textoIntroDescrip { color:gray; text-align:right;}
#divA { display:block;}
#Exito1 {color:#661c78;}
/* ----------------------- Text ----------------------- */
p{margin: 0 0 13px 0; padding :0; text-align: left;}
a{text-decoration: underline; font-size: inherit;}
a:hover{text-decoration: none;}
strong{font-size: inherit;}
.letrasMoradas {font-weight:bold;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 0 0 15px 45px; width: 741px; margin: 10px 0 0;color: #333; float: left;}
#footer a, #footer strong{color: #333; padding: 0 10px; font-weight: normal;}
#footer a:hover{text-decoration: underline;}

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */



/* 2do Bloque */
.bloque2{float: left; width: 750px; padding: 0 0 0 15px; margin: 0 0 5px;}
.bloque2 .left{width: 235px; float: left; padding: 15px 15px 0 0px; min-height: 185px;}
.bloque2 .left .title, .bloque2 .center .title{width: 100%; margin: 0 0 10px;}
.bloque2 .center{width: 235px; float: left; padding: 15px 15px 0 5px;min-height: 185px;}
.bloque2 .right{float: left; width: 235px;min-height: 185px;padding-left:10px; padding-top:15px;}

h2
{
    height:30px;

}

h3
{
    height:30px;

}



h4
{
    height:20px;
    
}

#mapa
{
    padding-left:15px; 
   
}

h2 {font-size:14pt;color:#C4A6DE; letter-spacing:-1px;font-weight:normal;margin:0 0 15px 0}

/* Revistas */
.imgRevista{margin:15px auto;height:200px;width:150px;border:1px solid #c7abdf}

.spanRevista{color:#c7aadf; font-size:12px; font-weight:bold;float:right}
h5{color:#007e66;font-weight:bold;font-size:12px;margin-bottom:7px}
.row2 .title{cursor:pointer;float:left;height:35px;padding:0 0 0 10px;width:693px;}
.dvLi li{margin-bottom:5px}
.dvLi ul{width:350px}