@charset "utf-8";
/* CSS Document */
html, body {
	background-image: url(images/gral/fdo_menu.jpg) , url(images/gral/fdo_gris.png);
	background-position: top center, top center;
	background-repeat: repeat-x, repeat;
	height: 100%;
	width: 100%;
	margin: 0;
	font-family: 'Open Sans', sans-serif, Arial;
	color:#333;
}

*{ margin: 0;
}
#super-contenedora_gral {
margin:0 auto;
}

#slider_reduccion {
height:0px;
}
.muestra_768 {
	display: none;
}
.contenido-max-menu {
margin:0 auto;
max-width:990px;
}
.contenido-max-1000 {
margin:0 auto;
max-width:1050px;
}
.col50 {
width:50%;
float:left;
}
.modulos {
float:left; 
width: 22%; 
padding: 0% 1.5% 5% 1.5%;
}
.modulos_img {
width:100%; 
height:175px;
}
.modulo_50a100 {
width:50%;
}
.modulo_35a100 {
width:35%;
float:left;
}
.modulo_58a100 {
width:58%;
float:left;
padding: 0% 7% 0% 0%;
}
.tamaño_mapa {
width:100%;
height:925px;
}
.producto_nombre {
width:28%; 
float:left;
padding: 1% 1% 1% 1%;
}
.producto_descripcion {
width:68%; 
float:left;
padding: 1% 1% 1% 1%;
}
.producto_detalle {
width:66%; 
float:left;
padding: 2% 2% 2% 2%;
}
.producto_subtitulo {
background-color:#535353; 
color:#FFF; 
font-family: 'Open Sans', sans-serif, Arial; 
font-weight:600; 
font-size:16px; 
padding: 0.5% 2% 0.5% 2%;
}
.nota_imp {
background-color:#808080;
color:#FFF;
font-family: 'Open Sans', sans-serif, Arial;
font-weight:600;
font-size:10px;
padding: 0.2% 1% 0.2% 1%;
}
.txt_imp {
font-family: 'Open Sans', sans-serif, Arial;
font-weight:400;
font-size:13px;
color:#808080;
}
.producto_caract {
width:26%; 
float:left;
padding: 2% 2% 2% 2%;
background-color:#f2f2f2;
}
.muestrario {
padding: 0% 2% 2% 5%;
}
.muestrario_color {
float:left; 
height:25px; 
width:25px; 
border: solid #999 1px;
}
.muestrario_nro {
float:left;
padding: 2% 2% 2% 2%;
}


.pie_direccion {
float:left;
width:50%;
padding: 10px 0px 0px 0px;
}
.pie_logo {
float:left;
width:50%;
text-align:right;
}
.pie_fdo {
background-color:#d7d7d7;
background-image:url(images/gral/fdo_pie.jpg);
background-position: bottom center;
background-repeat:repeat-x;
}
.pie_fdo_verde {
height:160px;
padding: 40px 15px 0px 15px;
}
.top_int {
height:186px;
width:100%;
background-position:center;
}
#top_categoria{
	background: no-repeat fixed top center;
	background-color: #373737;
	height:186px;
	width: 100%; 
	position:relative;
}
.fdo_tit_detalle{
background-color:#2e2e2e;
padding: 1.5% 2% 1.5% 2%;
}
#iso{
	position: absolute;
	right: 0;
   	top: 35px;
}
.iso_pie{
	display:none;
}











.txt_gris {
font-weight:400; 
font-size:13px; 
}
.txt_gris_14 {
font-weight:400; 
font-size:14px; 
color:#333; 
}
.txt_vde_17_bb {
font-weight:800; 
font-size:17px; 
color:#018E1B;
}
.txt_gris_20_b {
font-weight:600; 
font-size:20px; 
color:#333333;
}
.txt_vde_25_i {
font-weight:300; 
font-size:25px;
color:#018E1B;
font-style:italic;
}
.txt_gris_claro {
font-weight:400; 
font-size:13px;
color:#e5e5e5;
}
.txt_bco {
font-weight:400; 
font-size:12px;
color:#fff;
}
.tit_celeste {
font-weight:700; 
font-size:17px; 
color:#0f9bc7; 
}
.tit_gris_claro {
font-weight:700; 
font-size:22px;
color:#e5e5e5;
}
.tit_bco {
font-weight:700; 
font-size:20px;
color:#fff;
}
.tit_bco_40 {
font-weight:300; 
font-size:40px;
color:#fff;
}
.tit_bco_30 {
font-weight:300; 
font-size:30px;
color:#fff;
}



/* ------------------------------------------------------------------------------------------TEXT LINK*/
.txt_12_pie_link:link {
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-decoration: none;
	font-weight:600;
}
.txt_12_pie_link:visited {
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-decoration: none;
	font-weight:600;
}
.txt_12_pie_link:hover {
	font-size:12px;
	color:#008117;
	line-height:20px;
	text-decoration: none;
	font-weight:600;
}
.txt_12_pie_link:active {
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-decoration: none;
	font-weight:600;
}	
.txt_gris_20_b_link:link {
	font-size:20px;
	color:#838383;
	text-decoration: none;
	font-weight:800;
}
.txt_gris_20_b_link:visited {
	font-size:20px;
	color:#838383;
	text-decoration: none;
	font-weight:800;
}
.txt_gris_20_b_link:hover {
	font-size:20px;
	color:#fff;
	text-decoration: none;
	font-weight:800;
}
.txt_gris_20_b_link:active {
	font-size:20px;
	color:#838383;
	text-decoration: none;
	font-weight:800;
}	
.txt_vde_15_b_link {
	font-size:15px;
	color:#008e1a;
	text-decoration: none;
	font-weight:600;
	line-height:15px;
}
.txt_vde_15_b_link:hover {
	font-size:15px;
	color:#0f9bc7;
	text-decoration: none;
	font-weight:600;
	line-height:15px;
}




/* -------------------------------------------------------------------------------------------------- FORMULARIO CONTACTO*/
.campo_form {
font-family: 'Open Sans', sans-serif, Arial;
font-weight:700;
background-color: #fff;
border: 0px; 
font-size:12pt;
color: #666666;
}	
.campo_form_contacto {
font-family: 'Open Sans', sans-serif, Arial;
font-weight:700;
background-color: #fff;
border: 0px; 
font-size:12pt;
color: #666666;
width:255px;
height:210px;
overflow:hidden
}
#nombre {
	width:100%;
	height:45px;
	z-index:1;
}
#empresa {
	width:100%;
	height:45px;
	z-index:1;
}
#mail {
	width:100%;
	height:45px;
	z-index:1;
}
#telefono {
	width:100%;
	height:45px;
	z-index:1;
}
#departamento {
	width:100%;
	height:45px;
	z-index:1;
}
#comentario {
	width:100%;
	height:337px;
	z-index:1;
}
#enviar {
	z-index:1;
	background-color:transparent;
	border: 0px;
	width: 66px;
	height:30px;
}
#gracias_contacto {
	position: absolute;
	left: -1px;
	top: 21px;
	width: 499px;
	height: 694px;
	z-index: 1;
}







/* --------------------------------------------------------------------------------------------------BOTONES */
.boton, .boton:visited {
	font-family: 'Open Sans', sans-serif, Arial;
	background: #222 url(images/gral/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 12px 6px; 
	color: #fff;
	font-weight:700;
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.boton:hover							{ background-color: #111; color: #fff; }
	.boton:active							{ top: 1px; }
	.small.boton, .small.boton:visited 			{ font-size: 12px; padding: 5px 10px 5px 10px  ; }
	.boton, .boton:visited,
	.medium.boton, .medium.boton:visited 		{ font-size: 14px; padding: 10px 15px 10px 15px ; }
	.large.boton, .large.boton:visited 			{ font-size: 25px; padding: 12px 18px 13px; }
	
	.green.boton, .green.boton:visited		{ background-color: #008e1a; }
	.green.boton:hover						{ background-color: #027317; }
	.blue.boton, .blue.boton:visited		{ background-color: #a2c8de; }
	.blue.boton:hover							{ background-color: #62b3e2; }
	.red.boton, .red.boton:visited			{ background-color: #e33100; }
	.red.boton:hover							{ background-color: #872300; }
	.magenta.boton, .magenta.boton:visited		{ background-color: #a9014b; }
	.magenta.boton:hover							{ background-color: #630030; }
	.orange.boton, .orange.boton:visited		{ background-color: #ff5c00; }
	.orange.boton:hover							{ background-color: #d45500; }
	.yellow.boton, .yellow.boton:visited		{ background-color: #ffb515; }
	.yellow.boton:hover							{ background-color: #fc9200; }
	
	
.rollover:link {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.rollover:visited {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.rollover:hover { 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);	
	filter:alpha(opacity=30);
	opacity: 0.30;
	-moz-opacity: 0.30;
}
.rollover:active { 
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
.redondea{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.color1
{
	background: #cacaca;
}
.color1:hover
{
	background:#8f9cab;
}
.color2
{
	background: #dcdcdc;
}
.color2:hover
{
	background:#8f9cab;
}


.whatsapp {
bottom: 50px; 
right:45px; 
width:60px; 
height:60px; 
z-index:99; 
position: fixed;
}


/* --------------------------------------------------------------------------------------------------media 990 */
@media only screen and (max-width:990px){


.contenido-max-1000 {
	padding: 0% 2% 0% 2%;
}
.modulos {
width: 46%; 
padding: 0% 2% 5% 2%
}
.modulo_50a100 {
width:100%;
}
.hiden_900{
	display:none;
}

}

/* --------------------------------------------------------------------------------------------------media 768 */
@media only screen and (max-width:768px){
#menu{
	display:none;
}
#menu_768{
	display: inline-block;
}
.col50 {
width:100%; 
}
.tamaño_mapa {
height:500px;
}
.producto_detalle {
width:96%;
}
.producto_caract {
width:96%;
}




/* -------------------------------------------------------------------------------------------------- FORMULARIO CONTACTO*/

.modulo_35a100 {
width:100%;
float:none;
text-align:center;
}
.modulo_58a100 {
width:100%;
padding: 0% 0% 0% 0%;
float:none;
text-align:center;
}
	
	
	

}	
	

/* --------------------------------------------------------------------------------------------------media 450 */
@media only screen and (max-width:450px){
#slider_reduccion {
	height:87px;
}
.txt_slider {
width:60%; 
font-size:50px;
text-shadow: 0px 0px 10px #fff,  0px 0px 20px #fff,  0px 0px 20px #fff;
}
.tit_bco_40 {
font-weight:300; 
font-size:30px;
color:#fff;
}
.tit_bco_30 {
font-weight:300; 
font-size:20px;
color:#fff;
}
.modulos {
width: 100%; 
padding: 0% 0% 5% 0%
}
.modulos_img {
height:200px;
}
.producto_nombre {
width:98%; 
}
.producto_descripcion {
width:98%; 
}
#iso{
	display: none;
}
.iso_pie{
	display:inline-block;
	width: 100%;
	text-align:center;
	padding: 20px 0px 20px 0px;
}



.pie_direccion {
float: none;
width:100%;
text-align:center; 
padding: 10px 0px 0px 0px;
}
.pie_logo {
float: none;
width:100%;
text-align:center;
padding: 20px 0px 20px 0px;
}
.pie_fdo {
background-color:#000;
background-image:url(images/gral/fdo_pie.jpg);
background-position: bottom center;
background-repeat:repeat;
}
.pie_fdo_verde {
height:270px;
padding: 20px 15px 0px 15px;
}
#top_categoria{
	background: no-repeat top  center;
	height:186px;
	width: 100%;
	background-size: 800px; 
	position:relative;
}

/* --------------------------------------------------------------------------------------------------BOTONES */
.large.boton, .large.boton:visited 			{ font-size: 20px; padding: 6px 6px 7px 9px; }






.whatsapp {
bottom: 15px; 
right:5px; 
width:35px; 
height:35px; 
z-index:99; 
position: fixed;
}

	
	
	
	
	
	





}