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

* { margin: 0px; padding: 0px;  text-decoration:none; list-style:none;}
html{font-family: 'PT Sans', sans-serif; font-size: 15px; color: #474849; font-weight:normal;}

img { border:none !important;}

div.contenedor { width: 1100px; margin: 0 auto; position:relative;}
div.reparar_flotado { clear:both;}

div.fondo_general { background: url(../img/inicio/textura_fondo_general.png) repeat;}

h2 { font-size: 30px; color: #3cbfc4; font-weight:700;}
h2 span {  font-size: 25px; color: #474849; font-weight:400;}
.texto_blanco { color: #FFF;}

h3 { font-size: 28px; color: #474849; font-weight:700;}
h3 span { font-size: 24px; font-weight:400;}

h4 { font-size: 25px; color:#474849; font-weight: 700;}
h4 span { font-weight: 400;}

div.fondo_blanquito { background: url(../img/inicio/textura_menu.png) repeat;}

div.banner{ border-bottom: 5px solid #3cbfc4;  padding: 122px 0 105px 108px; position: relative;  z-index:2;}

/*-------------------menu-----------------------*/

.fondo_menu { background: url(../img/inicio/textura_menu.png) repeat; width: 845px; float: right; border-radius: 4px;}
#menu { min-width: 1100px; width: 100%;}
.logotipo { float: left; z-index: 3; position:absolute; top:0; left:0;}

.fondo_menu span { font-size: 11px;}
.fondo_menu li { float: left;}
.fondo_menu a { color: #474849; display: block; padding: 10px 0 10px 60px; width: 109px; background-position: 17px center !important; background-repeat: no-repeat !important; position: relative; z-index: 2;} 

#inicio { background: url(../img/inicio/inicio.png) }
#nosotros{background:url(../img/inicio/nosotros.png)}
#servicios {background: url(../img/inicio/servicios.png)}
#clientes {background: url(../img/inicio/clientes.png)}
#contacto {background: url(../img/inicio/contacto.png)}

#inicio:hover, .inicio_activo { background-image: url(../img/inicio/inicio_encendido.png) !important ; color: #3cbfc4 !important; box-shadow: 0 4px 4px #999; border-bottom: solid 2px #3cbfc4; }
#nosotros:hover, .nosotros_activo {background-image: url(../img/inicio/nosotros_encendido.png) !important ;color: #3cbfc4 !important;  box-shadow: 0 4px 4px #999; border-bottom: solid 2px #3cbfc4;}
#servicios:hover, .servicios_activo {background-image: url(../img/inicio/servicios_encendido.png) !important ; color: #3cbfc4 !important; box-shadow: 0 4px 4px #999; border-bottom: solid 2px #3cbfc4;}
#clientes:hover, .clientes_activo {background-image: url(../img/inicio/clientes_encendido.png) !important ; color: #3cbfc4 !important;  box-shadow: 0 4px 4px #999; border-bottom: solid 2px #3cbfc4;}
#contacto:hover, .contacto_activo {background-image: url(../img/inicio/contacto_encendido.png) !important ; color: #3cbfc4 !important;  box-shadow: 0 4px 4px #999; border-bottom: solid 2px #3cbfc4;}

.margen_arriba_menu { margin-top: 15px;}
div.redes_sociales { float: right;}
.redes_sociales a { padding: 0 0 0 15px; width: 35px;}

#encendido_face:hover { background:url(../img/inicio/red001_encendido.png) no-repeat center;}
#encendido_tw:hover { background:url(../img/inicio/red003_encendido.png) no-repeat center;}
#encendido_pin:hover { background:url(../img/inicio/red004_encendido.png) no-repeat center;}
#encendido_inst:hover { background:url(../img/inicio/red002_encendido.png) no-repeat center;}

/*-------------------termina_menu-----------------------*/


/*-------------------inicia_index-----------------------*/

div.img_276 { width: 276px; text-align: center; float:left; padding: 71px 0 64px 0px;}
div.text_740 { width: 740px; float:left; margin-left: 50px; margin-right: 34px;}
div.servicios_azul { background: #3cbfc4; height: 370px;}
div.servicios_espacio { width: 208px; float:left; text-align: center; color: #FFF;}
.margen_65 { margin-right: 65px;}
#banner_inicio{background:url(../img/banner001.jpg) no-repeat center;}
.img_servicios { padding: 40px 0 15px 0;}
.boton_servicios { background: url(../img/inicio/flecha.png) no-repeat 174px center #FFF; border-radius: 3px; color: #3cbfc4; font-size: 14px; padding: 5px 33px 5px 10px;}
.boton_servicios2 { background: url(../img/inicio/flecha.png) no-repeat 160px center #FFF; border-radius: 3px; color: #3cbfc4; font-size: 14px; padding: 5px 36px 5px 13px;}
.boton_servicios3 { background: url(../img/inicio/flecha.png) no-repeat 181px center #FFF; border-radius: 3px; color: #3cbfc4; font-size: 14px; padding: 5px 25px 5px 9px;}
.boton_servicios4 { background: url(../img/inicio/flecha.png) no-repeat 167px center #FFF; border-radius: 3px; color: #3cbfc4; font-size: 14px; padding: 5px 36px 5px 13px;}

.espacio_general_arriba { padding-top: 45px;}
.espacio_general_abajo { padding-bottom: 45px;}
.margenes34_derecha { margin-right: 34px;}
.margenes34_izquierda { margin-left: 34px;}
.margen_parrafo_ser { margin: 15px 0 25px 0;}

#sombra_1{ background: url(../img/inicio/sombra.png) repeat-y right center;}

/*-------------------termina_index-----------------------*/


/*-------------------inicia_pie-----------------------*/

div.pie_fondo_gris { background: #474849; height: 187px;}
.img_logo_pie { margin: 23px 50px 0 0; float: left;}
.pie_fondo_gris ul { width: 380px; float: left; color:#FFF; margin-top: 63px;}
.linea_pie {border-left: solid 1px #FFF; border-bottom:none; border-right: none; border-top: none; height: 105px; width: 25px; float:left; margin-top: 64px;}
.titulo_pie { font-size: 18px; padding: 4px 0 10px 0;}
.telefonos_pie { background: url(../img/inicio/telefono_pie.png) left top no-repeat; padding: 0 42px;}  
.info_pie { background: url(../img/inicio/contacto_pie.png) left top no-repeat; padding: 0 42px;}

div.datos_diseño_pagina{ width: 255px; float: right; text-align: right; margin-top: 121px; color:#FFF;}
.botones_pie { color:#FFF;}

/*-------------------termina_pie-----------------------*/


/*-------------------inicia_nosotros-----------------------*/

div.info_nosotros { width: 595px; float:left; padding:50px 60px 60px 0px;}
.espacio_texto_general { padding: 25px 0 30px 0;}
div.servicios_lista { width: 337px; float:right; padding: 50px 0px 0px 0px}
.servicios_lista ul { padding: 18px 16px 18px 0; line-height: 36px;}
.servicios_lista a { color: #474849;}
.servicios_lista li { border-bottom: dashed 1px #474849; list-style: disc inside;}
.servicios_lista li:hover, .servicios_lista a:hover { color: #3cbfc4;}
#banner_nosotros { background:url(../img/banner004.jpg) no-repeat center; }

div.mision_vision { width: 485px; float:left;}
.img_mision_vision { padding: 0 38px 30px 0; float:left; color:#FFF;}

div.mision_vision2 { width: 485px; float: right;}
div.nosotros_azul { background: #3cbfc4; height: 245px;}
#sombra_2{ background: url(../img/inicio/sombra.png) repeat-y right center;}

/*-------------------termina_Nosotros-----------------------*/


/*-------------------inicia_servicios----------------------*/

#banner_servicios { background:url(../img/banner003.jpg) no-repeat center; }
div.servicios_info { text-align: center; width: 860px; margin-left: 124px;}

div.servicios_descripcion { width:665px; float: right;}
.servicios_descripcion li { background: url(../img/servicios/palomita.png) left 7px no-repeat; line-height: 25px; padding-left: 33px; }
.espacio_servicios_descrip { padding: 90px 0 0;}
.titulos_servi_descrip { font-weight:700; font-size: 16px; background-image: none !important; padding-left: 0px !important; padding-bottom: 20px; padding-top: 20px;}
div.imagen_serv { width: 20px; float:left;}

div.servicios_espacio2 { width: 208px;  float:left; }
.servicios_espacio2 li { font-size: 25px; text-align:center !important;}
.servicios_espacio2 a { background-position: center top !important; background-repeat: no-repeat !important; color:#666666;   margin: 2px 0 40px 0px; padding: 124px 0 45px;}
.servicios_espacio2 li:hover, .encendido_flecha { background:url(../img/servicios/flecha_2.png) no-repeat center 170px !important;}

#contable { background: url(../img/servicios/servicios_contables_gris.png); display:block;}
#contable:hover, .contable_encendidoo { background: url(../img/servicios/servicios_contables_azul.png) center top no-repeat !important; color:#3cbfc4 !important;}

#fiscal { background: url(../img/servicios/asesoria_fiscal_gris.png); display:block;}
#fiscal:hover, .fiscal_encendidoo { background: url(../img/servicios/asesoria_fiscal_azul.png) center top no-repeat !important; color:#3cbfc4 !important;}

#nomina { background: url(../img/servicios/nomina_gris.png); display:block;}
#nomina:hover, .nomina_encendidoo { background: url(../img/servicios/nomina_azul.png) center top no-repeat !important; color:#3cbfc4 !important;}

#auditoria { background: url(../img/servicios/auditoria_gris.png); display:block;}
#auditoria:hover, .auditoria_encendidoo { background: url(../img/servicios/auditoria_azul.png) center top no-repeat !important; color:#3cbfc4 !important;}

div.imagen_info_ser { width: 300px; float: left;}


/*-------------------termina_servicios-----------------------*/

/*-------------------inicia_Clientes----------------------*/

#banner_clientes { background:url(../img/banner002.jpg) no-repeat center; }
.imagenes_clientes { width: 170px; margin-bottom: 34px; float: left; height:114px;}
.margen_derecha_38 { margin-right: 38px;}
div.clientes_azul { background: #3cbfc4; height: 330px;}
div.texto_clientes_azul { width: 666px; float:right; color: #FFF;}
div.img_tex_clientes_azul { width: 301px; float:left; height: 248px;}

/*-------------------termina_clientes-----------------------*/

/*-------------------inicia_Contacto----------------------*/

#banner_contacto { background: url(../img/contacto/banner005.jpg) no-repeat center; }


input, label, textarea{font-family: "PT Sans"; font-size:14px; display:block; width:87%; padding:4px; border-radius:4px; color: #474849; margin-left: 17px;} 
input, textarea{ border:2px solid #eeeeee; margin-bottom:8px; resize:none; background: #f9f9f9;}
h2.tit_form{ background:url(../img/contacto/tit_formu.png) 28px center no-repeat #3cbfc4; padding:23px 0px 23px 128px; color: #FFF; margin-bottom: 22px;}
button{ cursor:pointer; padding: 5px; margin: 23px 0 5px 17px;}
.error{ background: url(../img/contacto/error.png) 145px center no-repeat #f9f9f9 !important;}
.gracias_contacto{ display:none;}.gracias_contacto h4{ background:url(../img/contacto/gracias.png) center top no-repeat; margin:20px 0 20px !important; padding:224px 0 83px !important; text-align: center !important;}

.formulario{ width: 345px; float: right; border-bottom: 5px solid #3cbfc4; padding: 0 0 30px ; border-left: 1px solid #3cbfc4; border-right: 1px solid #3cbfc4; border-top: 1px solid #3cbfc4;}
.negritas { font-weight:700;}

/*-------------------termina_contacto-----------------------*/