@charset "UTF-8";
/* CSS Document */
body					{ background:#EEEEEE; border:0; margin:0; font-family:Arial, Helvetica, sans-serif;} /* color de fondo rosa*/
#wrapper_all			{ margin:0 auto; position:relative; width: 945px; margin-bottom:30px; overflow:hidden}

#header 				{ height:108px; background: url("../../img/rosa/bg_header.jpg") repeat-x;}
#container				{ width:100%; height:auto;}
#contain_header			{ width:945px; height:100%; margin:0 auto;}
#logotipo				{ float:left; width:208px; margin:23px 0 0 0; }/*margen del logotipo */
#logotipo img			{ border:0;}
#contain_header h1		{ width:400px; text-align:right; float:right; margin:35px 20px; 0 0; font-size:22px; color:#333; font-weight:normal; }

#side-a 				{ float: left;width: 222px;}
#side-b					{ float: right;width: 713px; margin-top:20px; height: 1%; /* Holly hack for Peekaboo Bug */ }
#imagen_home			{ float:left; width:412px; height:339px;}
#texto_home				{ float:right; width:283px; background-color:#ABC0B3; padding:0 0 0 15px; }
#texto_home p			{ color:#333333; font-size:14px; margin: 10px 10px 20px 0;}
.sin-fondo				{ background:none;}
.con-fondo				{ background-color:#AABFB2;}
			

/* MENU SIDE-A*/
#navi 					{ width:215px; border-top:#2C4E39 solid 4px; background:#4E8262; margin:0; padding:20px 0 20px 0;}
#navi ul				{ margin:0; padding:0; width:205px;}											  
#navi li 				{ list-style:square; font-size:18px; color:#DBE7D2; margin:0 0 18px 27px;}
#navi li a 				{ color:#DBE7D2; text-decoration:none;}
#navi li a:hover,  
#navi li:hover 			{ color:#fff;}

/* CLASES ACTIVAS DEL MENU */
#navi.inicio li a.uno, #navi.inicio li.uno, 
#navi.quienes li a.dos, #navi.quienes li.dos,  
#navi.productos li a.tres, #navi.productos li.tres,  
#navi.preguntas li a.cuatro, #navi.preguntas li.cuatro,  
#navi.clientes li a.cinco, #navi.clientes li.cinco,  
#navi.enlaces li a.seis, #navi.enlaces li.seis,  
#navi.contacto li a.siete, #navi.contacto li.siete {color:#DBE7D2;}



/*bloque contacto home */
#container_bottom		{ width:946px; margin:0 auto;  /*overflow:hidden;*/}
#esquina_blanca			{ position:absolute; top:0; left:0; width:46px; height:46px; background:url(../../img/rosa/esquina_blanca.png); }
#faq					{ width:603px;position:relative; padding-left:50px; float:left; background:#ABC0B3; margin-bottom:50px;}
#faq p					{ font-size:14px; color:#333; margin:10px 50px 10px 0px; }
#faq h3					{ font-size:22px; color:#333; margin-top:10px;}
#contact				{ width:279px; float:right; padding-left:14px;}
#contact h1				{ font-size:40px; color:#333; font-weight:bold;}
#contact p				{ font-size:15px; margin:0 0 7px 0; color:#1D3426; font-weight:normal;}

/* FOOTER */
#footer 				{ clear: both;width:100%; background: #2C4E39;  }
#content_footer			{ width:946px; margin:0 auto;}
#logo_footer			{ width:140px; float:right; margin:18px 0 0 0;}

/* MENU FOOTER */
#navi_pie				{ width:770px; float:left; padding:0 0 7px 0;}	
#navi_pie ul			{ margin:0; padding:0; list-style: none; }
#navi_pie li 			{ float:left; margin:15px 54px 0 0;}
#navi_pie li a			{ display:block; color:#fff; text-decoration:none; font-size:12px; }
#navi_pie li a:hover	{ color:#333;}
.link_extracto			{ margin:0 0 10px 0;}
.link_extracto a		{ color:#4D3384; font-size:18px; text-decoration:none;}
.link_extracto a:hover	{ color:#333;}

/*QUIENES SOMOS */
#quienes-imagenes		{ width:300px; float:right; border-top:#91A99A 45px solid;}
#quienes-texto			{ width:375px; float:left; padding:40px 0 0 30px; }
#quienes-texto p		{ color:#333333; font-size:14px; margin: 10px 10px 20px 0;}
#quienes-texto h1		{ font-size:30px; color:#333; font-weight:normal;}
.imagen					{ margin: 20px 0 10px 10px;}

/* PRODUCTOS */
#products-container		{ width:100%; padding:0 0 0 10px;}
#products-container	h1	{ font-size:30px; margin-bottom:20px; color:#333; font-weight:normal;}
.col					{ width:100%; min-height:200px; margin-bottom:20px; overflow:hidden; position:relative;}
.col .cuadro			{ width: 335px; background:#CCD7D0; float:left; padding:5px}
.col .izq				{ margin-right:8px;}
.col .der				{ margin-left:8px;}
.c_side_izq				{ float:left; width:162px; margin:0 2px 0 2px; padding: 5px 0 0 5px;}
.c_side_der				{ float:left; width:150px; margin:0 2px 0 2px; padding: 5px 0 0 2px;}
.c_side_der h5			{ color:#333333; font-size:14px; margin:0 0 10px 0}
.c_side_der	p			{ font-size:12px; color:#333333; margin-bottom:5px;}
.zoom					{ width:auto; font-size:13px; margin:6px 0 0 0;}
.zoom a					{ color:#4D3384; margin-left:5px;}
.zoom a:hover			{ color:#333;}

/* PREGUNTAS FRECUENTES */
#preguntas-container	{ width:712px;}
#preguntas-container h1	{ font-size:30px; margin-bottom:20px; color:#333; font-weight:normal; }
#faqs					{ background:#EDEDED; padding:15px; margin:0 0 30px 0}
#faqs ul 				{ margin:0; padding:0; list-style:decimal outside;}
#faqs li				{ margin:0 0 10px 40px; color:#333;}
#faqs li a				{ font-size:14px; color:#4A9055; text-decoration:none;}
#faqs li a:hover		{ color:#666; text-decoration:underline} 
.container_bottom_preg  { margin:20px 0 0 0;}
.faq_preg				{ background:url(../../img/rosa/esquina_blanca.png) no-repeat #ABC0B3; padding:7px 15px 7px 55px; margin:0 0 5px 0}
.faq_preg_hover 		{ background:url(../../img/rosa/esquina_blanca.png) no-repeat #CED8D2;}
.faq_preg p				{ font-size:14px; color:#333; margin:10px 50px 10px 0px; }
.faq_preg h3			{ font-size:22px; color:#333; margin-top:10px;}
.link_arriba			{ text-align:right; margin:0 0 15px 0; color:#4D3384;}
.link_arriba a			{ font-size:15px; text-decoration:none;}
.link_arriba a:hover	{ color:#73124C; text-decoration:underline}
.link_arriba img 		{ margin:0 5px 0 0}	

/* CLIENTES */
#clientes-container		{ width:712px; padding:20px; background:#FFFFFF}
#clientes-container h1	{ font-size:38px; margin-bottom:20px; color:#991966; font-weight:normal; }
.col_clientes			{ width:706; margin-bottom:20px; overflow:hidden; position:relative;}
.cuadro_clientes_izq	{ margin-right:8px; width: 325px; float:left;}
.cuadro_clientes_der	{ margin-left:8px; width: 325px; float:left;}
.c_side_izq_clientes	{ float:left; margin:0 5px 0 2px; padding: 5px 0 0 5px;}
.c_side_der_clientes	{ float:left; width:150px; margin:0 2px 0 2px; padding: 5px 0 0 2px;}
.c_side_der_clientes h5	{ color:#333333; font-size:14px;}
.c_side_der_clientes p	{ font-size:12px; color:#333333; margin:3px 0 5px;}
.introduccion_clientes	{ font-size:18px; line-height:25px; color:#333333}

/* ENLACES */
.contenedor_enlaces {width:706px;}
.contenedor_enlaces .enlace {margin:0 0 20px 0; background:url(../../img/rosa/esquina_blanca.png) no-repeat #FFA4D2; padding:7px 15px 7px 55px; min-height:20px; overflow:hidden}
.contenedor_enlaces .enlace_hover {background:url(../../img/rosa/esquina_blanca.png) no-repeat #FFB7DB;}
.contenedor_enlaces .enlace a {font-size:22px; text-decoration:none; color:#333333; font-weight:bold; line-height:27px}
.contenedor_enlaces .enlace a:hover {text-decoration:underline;}
.contenedor_enlaces .enlace .contenedor_link {float:left; width:590px; margin:3px 0 0 0}
.contenedor_enlaces .enlace .enlace_img {float:right; margin:0 0 0 10px 0; width:33px;}

/* CONTACTO */
#contacto-container {width:712px;}
#contacto-container h1 {font-size:30px; margin-bottom:20px; color:#333; font-weight:normal;}
.contenedor_datos_contacto {overflow:hidden; background:url(../../img/rosa/bg_contacto.jpg) repeat-y;  background:#ccc;}
.contenedor_datos_contacto .left {width:145px; padding:15px; float:left;}
.contenedor_datos_contacto .left .dato_contacto {color:#5A5A5A; margin:0 0 10px 0; font-size:12px}
.contenedor_datos_contacto .right {width:507px; padding:10px 15px; float:left; background:#FFFFFF;} 
.contenedor_datos_contacto .right .mapa_contacto {margin:0 0 20px 0; width:480px; height:250px;}
.contenedor_datos_contacto .right .contenedor_form {width:480px;}
.form_contacto {margin:0; padding:0;}
.form_contacto .campo {display:block; margin:0 0 15px 0; color:#5B5B5B; overflow:hidden}
.form_contacto .nombre_campo {display:block; margin:0 0 5px 0; font-size:14px;}
.form_contacto .input_text {border:1px solid #BAB7B7; padding:7px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999595; height:16px}
.form_contacto .textarea {border:1px solid #BAB7B7; padding:7px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999595; }
.form_contacto .enviar {border:none; background:url(../../img/rosa/btn/enviar.jpg) no-repeat; width:93px; height:21px; cursor:pointer; margin:0 13px 0 0; display:block; outline:none}
.form_contacto .requeridos {margin:0 0 10px 0; color:#CCCCCC; font-size:12px}
.form_contacto #text_mensaje {display:block;}
.form_contacto #mensaje {display:block; position:absolute; margin:-35px 0 0 0} 
.form_contacto #loading {position:absolute; margin:-35px 0 0 200px}
.form_contacto .form_error {font-size:14px; color:#FF0000;}
.form_contacto .exito {margin-right:5px;}
.form_contacto .success_form_contacto {color:#006600; font-size:14px; margin:0px 0 0 -200px; font-size:14px; height:24px;}
.form_contacto .success_form_contacto img {vertical-align:middle;}

/* sticky footer */
* 						{ margin: 0;}
html, body 				{ height: 100%;}
.wrapper 				{ min-height: 100%;	height: auto !important;height: 100%; 
						  margin: 0 auto -73px; /* the bottom margin is the negative value of the footer's height */ }
.footer, .push 			{ height: 73px; /* .push must be the same height as .footer */}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/