html,body { margin: 0 auto 0 auto; text-align:left; font:15px "Cabin Condensed",Arial,Helvetica,sans-serif; color:#000;width:100%; background-image:url(../imagenes/fondo_gris.jpg); background-repeat:repeat-x;}
#principal_uno{  margin: 0 auto 0 auto; width:100%;	height:100%;}
#cabecera{ width:100%; height:546px; background-image:url(../imagenes/fondo_azul.jpg); background-repeat:repeat-x; }
#cabecera_dos{ width:100%; height:190px; background-image:url(../imagenes/fondo_azul.jpg); background-repeat:repeat-x; }
#cabecera_contenedor{ margin: 0 auto 0 auto; width:1070px;}

#destellos { margin: 0 auto 0 auto; height:784px;background-image:url(../imagenes/destellos.png); background-repeat:no-repeat; width:1680px; position:absolute; margin-left:-300px;}
#destellos_segmento { margin: 0 auto 0 auto; height:190px;background-image:url(../imagenes/destellos.png); background-repeat:no-repeat; width:1680px; position:absolute; margin-left:-300px;}
#menu {  margin-left:330px; margin-top:120px; position:absolute; z-index:2000; width:780px; }
#carrusel {width:100%; margin: 0 auto 0 auto; }

#centro { margin: 0 auto 0 auto; background-color:#ECECEC; width:100%;  margin-top:30px; position:absolute; }
#centro #ver_columnas{margin: 0 auto 0 auto;width:1070px;}
#abajo { margin: 0 auto 0 auto; width:100%; float:left; background-color:#FFF; height:90px;}
#abajo #ver_abajo{margin: 0 auto 0 auto;width:1070px; margin-top:30px;}
#carrusel_imagenes { margin: 0 auto 0 auto; height:737px;background-image:url(../imagenes/carrusel.png); background-repeat:no-repeat; width:1231px; position:absolute; margin-left:-70px; }
#carrusel_imagenes_dos { margin: 0 auto 0 auto; height:207px;background-image:url(../imagenes/menu_dos.png); background-repeat:no-repeat; width:1179px; position:absolute; margin-left:-44px; margin-top:34px; }
#slider {position:absolute; float:left;}

#carrusel #navegacion_rapida{ position:absolute; color:#4d85a9; margin-left:720px; margin-top:70px; z-index:7000; width:380px; } 
#carrusel #navegacion_rapida li{ float: left; list-style:none; display:block; margin-left:10px; margin-right:10px;}
#carrusel #navegacion_rapida li a{color:#4d85a9; text-decoration:none; cursor:pointer;}
#carrusel #navegacion_rapida li a:hover{color:#FFF; text-decoration:none;}
#carrusel #navegacion_rapida li#seleccionado a{ color:#FFF;}
/** Menu **/

ul#links_navegacion li { float: left; list-style:none; display:block;}
ul#links_navegacion li a{ background: url(../imagenes/menu.png); height:38px;display: block; text-indent: -9999px;width: auto;outline: none;position: relative;}
 
ul#links_navegacion .inicio { background-position: 0px 0px; width:79px;  } 
ul#links_navegacion .empresa  { background-position: -79px 0px; width:113px; }
ul#links_navegacion .servicios  { background-position: -191px 0px; width:121px;}
ul#links_navegacion .cerradoras  { background-position: -313px 0px; width:151px;}
ul#links_navegacion .clientes  { background-position: -464px 0px; width:110px;}
ul#links_navegacion .contacto  { background-position: -574px 0px; width:115px;}
 
ul#links_navegacion a .hover { background: transparent url(../imagenes/menu.png) no-repeat; display: block;  opacity: 0;  position: relative;  top: -18px;  left: 0;  height: 100%;  width: 100%; }
ul#links_navegacion .inicio .hover { background-position: 0px -34px; width:79px;  } 
ul#links_navegacion .empresa .hover { background-position: -79px -34px; width:113px; }
ul#links_navegacion .servicios .hover { background-position: -191px -34px; width:121px;}
ul#links_navegacion .cerradoras .hover { background-position: -313px -34px; width:151px;}
ul#links_navegacion .clientes .hover { background-position: -464px -34px; width:110px;}
ul#links_navegacion .contacto .hover { background-position: -574px -34px; width:115px;}

/** Principal **/
h2 { font-size:16px; color:#4d85a9; line-height:20px; text-align:justify;}
h3 {font-size:35px; line-height:5px; font-family:"Cabin Condensed",sans-serif;}
h1 { font-size:12px; color:#4d85a9;}
h4 {font-size:45px; color:#FFF; line-height:44px; font-family:"Cabin Condensed",sans-serif;}

p { color:#706f6f; text-align:justify;}
#principal{margin: 0 auto 0 auto; width:1070px; margin-top:100px; }
#principal #columna_uno{ float:left; width:36%;}
#principal #columna_servicios{ float:left; width:63%;}
#principal #columna_servicios ul{ width:520px; margin-left:-25px;}
#principal #columna_servicios li{ font-size:15px; line-height:30px; list-style-image:url(../imagenes/vineta.jpg); margin-left:11px;margin-bottom:11px;}
#principal #columna_servicios #bienvenidos img#uno{ float:left; margin-right:15px;border:8px solid #c8c8c8; }
#principal #columna_servicios #bienvenidos #imagenes #imagen img#dos{ float:left; margin-right:28px;border:8px solid #c8c8c8; margin-top:15px; margin-bottom:11px;  }
#principal #columna_servicios #bienvenidos #imagenes #imagen:hover img#dos:hover{ float:left; margin-right:28px;border:8px solid #041927; margin-top:15px; margin-bottom:11px; }
#principal #columna_servicios p{ width:80%; line-height:24px;}
#principal #columna_servicios p#detalles{ width:93%; line-height:24px;}
#principal #ver_testimonios{ background-color:#041927; width:90%; height:350px; margin-top:20px;}
#principal #ver_testimonios #texto_clientes{ width:85%; margin-left:25px;  width:290px; margin-top:-40px; position:absolute;}
#principal #ver_testimonios #texto_clientes p{ color:#FFF; font-size:28px; font-weight:100; margin-top:-40px; font-style:italic;}
#principal #ver_testimonios #texto_clientes p span{ font-style:normal; color:#4d85a9; }
#principal #ver_testimonios #texto_clientes p #ciudad{ font-style:normal; color:#FFF; }
#principal #cerradoras{ background-color:#041927; width:90%; height:500px; margin-top:20px;}
#principal #cerradoras #texto{ width:85%; margin-left:26px; margin-top:20px; position:absolute; width:290px;}

#principal #cerradoras #mas_cerradoras{ background-image:url(../imagenes/mas_cerradoras.jpg); width:83px; height:34px; float:left; margin-top:10px; color:#000;}
#principal #cerradoras #mas_cerradoras span{ float:left;margin-left:10px; margin-top:8px; font-weight:bold; font-size:17px;}
#principal #cerradoras #video{ margin-left:-8px;}
#principal #cerradoras h4{ margin-top:10px;}
#principal #cerradoras #texto p{ color:#FFF; font-size:28px; font-weight:100; margin-top:-40px;}
#principal #cerradoras #texto_clientes p{ color:#FFF; font-size:28px; font-weight:100; margin-top:-40px; font-style:italic;}
#principal #columna_dos{ float:left; width:28%;}
#principal #columna_dos_empresa{ float:left; width:64%;}
#principal #columna_dos_empresa p{ width:93%; line-height:24px;}
#principal #columna_dos_empresa li{ font-size:18px; line-height:34px; list-style-image:url(../imagenes/vineta.jpg); }
#principal #columna_dos_empresa li a{ color:#000;text-decoration:underline;}
#principal #columna_dos_empresa li a:hover{ color:#4d85a9; text-decoration:underline;}
#principal #columna_dos_empresa img{ float:left; margin-right:25px; border:8px solid #c8c8c8;}
#principal #columna_dos_empresa p span{ font-weight:bold; font-style:italic;}
#principal #columna_dos_empresa #divisor { width:634px; height:2px; background-image:url(../imagenes/divisor.jpg); margin-top:5px; margin-bottom:55px;}

#principal #columna_contacto{ float:left; width:28%;}
#principal #columna_contacto p { width:78%;}
#principal #columna_contacto a{ color:#4d85a9;}
#principal #columna_dos #bienvenidos{ width:90%;}
#principal #columna_dos_contacto{ width:44%; float:left;}
#principal #columna_dos #bienvenidos #mas_bienvenidos{background-image:url(../imagenes/mas_bienvenidos.jpg); width:52px; float:left;height:33px;  margin-top:10px; color:#FFF;}
#principal #columna_dos #bienvenidos #mas_bienvenidos span{ float:left;margin-left:10px; margin-top:5px;  font-size:17px;}
#principal #columna_tres{ float:left; width:36%;}
#principal #columna_tres_contacto{float:left; width:28%; margin-top:28px;  }
#principal #columna_tres #mapa{ float:left; margin-right:10px;}
#principal #columna_tres #servicio{ background-color:#ececec; margin-top:35px;  width:380px; color:#ececec;}



#principal #columna_tres #testimonios #texto{ width:70%; margin-left:50px; margin-top:20px; float:left; font-size:19px; font-style:italic; font-weight:bold;}
#principal #columna_tres #direccion_dos p{ line-height:27px;}
#principal #columna_tres #direccion_dos a{color:#4d85a9;}
#principal #columna_tres #servicio:hover{ background-color:#041927;}
#principal #columna_tres #servicio #imagen{ margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px; float:left;}
#principal #columna_tres #servicio #imagen img{ position:relative;}
#principal #columna_tres #servicio #texto{ width:93%; padding-top:10px;}
#principal #columna_tres #servicio #texto a#link{ color:#4d85a9; font-weight:700;}
#principal #columna_tres #servicio:hover #texto p{ color:#FFF;}

#principal #columna_tres #servicio_dos{ background-color:#041927; margin-top:35px;  width:380px; color:#FFF;}

#principal #columna_tres #servicio_dos #imagen{ margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px; float:left;}
#principal #columna_tres #servicio_dos #imagen img{ position:relative;}
#principal #columna_tres #servicio_dos #texto{ width:93%; padding-top:10px;}
#principal #columna_tres #servicio_dos #texto a#link{ color:#4d85a9; font-weight:700;}
#principal #columna_tres #servicio_dos #texto a#link:hover{ color:#FFF; font-weight:700;}


#divisor_min { width:347px; height:2px; background-image:url(../imagenes/divisor_min.jpg); margin-top:15px; margin-bottom:20px; }

#centro p{color:#4F4F4F;}
#centro a{color:#4d85a9; font-weight:300;}
#centro #columna_uno{ float:left; width:36%;}
#centro #columna_uno #direccion p{ line-height:38px;}
#centro #columna_dos{ float:left; width:28%;}
#centro #columna_tres{ float:left; width:36%;}
#abajo_dos { margin: 0 auto 0 auto; width:100%; float:left; background-color:#FFF; height:90px;background-image:url(../imagenes/fondo_azul.jpg); background-repeat:repeat-x;}
#abajo_dos #ver_abajo{margin: 0 auto 0 auto;width:1070px; margin-top:30px; color:#FFF;text-shadow:1px 1px #000000;zoom:1;filter: progid:progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000);}
#abajo_dos #ver_abajo span{ text-decoration:underline;color:#4d85a9; }

/**Formulario**/
#contact-form {position:relative;vertical-align:top;z-index:1;margin:8px 0 0 0}
#contact-form fieldset {border:none;padding:0; width:100%; overflow:hidden;}
#contact-form label {display:block; min-height:51px; position:relative;overflow:hidden}
#contact-form .message{min-height:290px;}
#contact-form input, #contact-form textarea {padding: 5px 8px 10px;margin:0;background:none;outline:none;border:1px solid #8c8c8c;width:243px;box-shadow:none;float:left;font:15px "Cabin Condensed",Arial,Helvetica,sans-serif;}
#contact-form input{height:17px;}
#contact-form .area .error {float:none;}
#contact-form textarea {width:400px;height:228px;resize:none;overflow:auto;}
#contact-form .success {display:none; margin-bottom:20px;color:#000}
#contact-form .error,
#contact-form .empty {color:#4d85a9;font-size:12px;line-height:1.27em;display:none;padding:18px 9px 10px;overflow:hidden;float:left;}
.buttons-wrapper{ position:absolute;bottom:0;right:50px}
.buttons-wrapper a {cursor:pointer;margin-left:20px; color:#4d85a9; font-weight:700;}
@media only screen and (max-width: 995px) {
	#contact-form textarea{width:355px;}
}
@media only screen and (max-width: 479px){
	#contact-form input, #contact-form textarea{width:280px !important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
 #contact-form textarea{width:400px !important;}
}