@charset "utf-8";
/* CSS Document */
/* MAQUETACION DE LA PAGINA */
/* Verde: #349200 */
/* Verde Suave: #cfffb4 */
/* Rojo: #be0000 */
/* Gris ++Oscuro: #1D1D1D */
/* Gris Oscuro: #2D2D2D */
/* Gris ++++Claro: #efeeea */

#wrap {
height:auto;
min-height:100%;
}
@media (min-width: 1024px) {
	#main {
	padding-bottom:141px; /* Debe ser del mismo alto que la suma de footers */
	}
}
@media (max-width: 1023px) {
	#main {
	padding-bottom:151px; /* Debe ser del mismo alto que la suma de footers */
	}
}

@media (min-width: 1024px) {
	header {
	position:fixed;
	width:100%;
	text-align:center;
	border-top:#be0000 3px solid;
	margin:0 auto;
	clear:both;
	z-index:999;
	}
}
@media (max-width: 1023px) {
	header {
	}
}

@media (min-width: 1024px) {
	#header_1, #header_2 {
	display:inline-block;
	vertical-align:top;
	}
		#header_1 {
		width:43%;
		text-align:right;
		margin:15px 0 0 0;
		}
		#header_2 {
		width:57%;
		text-align:left;
		margin:10px 0 0 0;
		}
		#header_3 {
		width:100%;
		text-align:center;
		margin:10px 0 0 0;
		}
}
@media (max-width:1023px) {
	#header_1 {
	margin:10px 20px 0 20px;
	}
	#header_2 {
	}
	#header_3 {
	}
}

@media (min-width: 1024px) {
	#logo {
	margin-right:80px;
	}
	#logo_admin {
	}
}
@media (max-width:1023px) {
	#logo, logo_admin {
	width:100%;
	text-align:center;
	}
}

@media (min-width: 1024px) {
	.logo {
	width:auto;
    max-height:50px;
	}
}
@media (max-width: 1023px) {	
	.logo {
	max-width:250px;
	height:auto;
	}
}

@media (min-width: 1024px) {
	#blanco {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background:rgba(255,255,255,0.85); /* rgbA */
	border-bottom:#349200 1px solid;
	margin:0 auto;
	clear:both;
	z-index:998;
	}
}
@media (max-width: 1023px) {
	#blanco {
	}
}

.slide {
height:auto;
width:100%;
position:fixed;
top:0;
left:0;
z-index:0;
}

@media (min-width: 1024px) {
	#centrado {
	width:100%;
	text-align:center;
	}
}
@media (max-width: 1023px) {	
	#centrado {
	width:100%;
	text-align:center;
	}
}

@media (min-width: 1024px) {
	#contenedor {
	margin:0 30px 0 30px;
	}
}
@media (max-width: 1023px) {	
	#contenedor {
	margin:0 20px 0 20px;
	}
}

@media (min-width: 1024px) {
	#izquierda, #derecha, #detalle_izquierda, #detalle_derecha {
	display:inline-block;
	margin:30px 0 30px 0;
	vertical-align:top;
	}
		#izquierda {
		width:18%;
		text-align:left;
		}
		#derecha {
		width:82%;
		text-align:center;
		}
		#detalle_izquierda {
		width:50%;
		text-align:center;
		}
		#detalle_derecha {
		width:40%;
		text-align:left;
		}
}
@media (max-width: 1023px) {	
	#izquierda, #derecha, #detalle_izquierda, #detalle_derecha {
	display:inline-block;
	text-align:center;
	margin:30px 0 30px 0;
	vertical-align:top;
	}
		#izquierda {
		width:100%;
		text-align:center;
		}
		#derecha {
		width:100%;
		text-align:center;
		}
		#detalle_izquierda {
		width:100%;
		text-align:center;
		}
		#detalle_derecha {
		width:100%;
		text-align:center;
		}
}

@media (min-width: 1024px) {
	#productos {
	display:inline-block;
	width:30%;
	text-align:center;
	border:#CCCCCC 1px solid;
	border-radius:15px;
	margin:0 10px 20px 10px;
	vertical-align:top;
	}
		#productos:hover {
		border:#349200 1px solid;
		}
}
@media (max-width: 1023px) {	
	#productos {
	display:inline-block;
	width:100%;
	text-align:center;
	border:#CCCCCC 1px solid;
	border-radius:15px;
	margin:0 0 20px 0;
	vertical-align:top;
	}
		#productos:hover {
		border:#349200 1px solid;
		}
}

@media (min-width: 1024px) {
	.imagen_productos {
	max-width:95%;
	height:auto;
	padding:10px 0 0 0;
	}
	.imagen_admin {
	max-width:95%;
	height:auto;
	}
}
@media (max-width: 1023px) {	
	.imagen_productos {
	max-width:95%;
	height:auto;
	padding:10px 0 0 0;
	}
	.imagen_admin {
	max-width:95%;
	height:auto;
	}
}

@media (min-width: 1024px) {
	#informacion {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
	vertical-align:top;
	}
		.titulo {
		display:inline-block;
		width:90%;
		font-family:'Roboto', sans-serif;
		font-size:16px;
		color:#FFFFFF;
		letter-spacing:0.02em;
		text-align:center;
		padding:10px 0 10px 0;
		background:#349200;
		margin:0 0 20px 0;
		clear:both;
		}
		.descripcion {
		display:inline-block;
		width:90%;
		text-align:left;
		padding:0 0 20px 0;
		}
			.descripcion_a {
			display:inline-block;
			color:#999999;
			width:40%;
			text-align:left;
			padding:0 0 0 15px;
			}
			.descripcion_b {
			display:inline-block;
			color:#1D1D1D;
			width:50%;
			text-align:right;
			padding:0 15px 0 0;
			}
}
@media (max-width: 1023px) {	
	#informacion {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
	vertical-align:top;
	}
		.titulo {
		display:inline-block;
		width:90%;
		font-family:'Roboto', sans-serif;
		font-size:16px;
		color:#FFFFFF;
		letter-spacing:0.02em;
		text-align:center;
		padding:10px 0 10px 0;
		background:#349200;
		margin:0 0 20px 0;
		clear:both;
		}
		.descripcion {
		display:inline-block;
		width:90%;
		text-align:left;
		padding:0 0 20px 0;
		}
			.descripcion_a {
			display:inline-block;
			color:#999999;
			width:40%;
			text-align:left;
			padding:0 0 0 15px;
			}
			.descripcion_b {
			display:inline-block;
			color:#1D1D1D;
			width:50%;
			text-align:right;
			padding:0 15px 0 0;
			}
}

#titulo_detalle {
display:inline-block;
color:#FFFFFF;
padding:10px 15px 10px 15px;
border:#349200 1px solid;
background:#349200;
}

#texto_detalle {
display:inline-block;
color:#349200;
padding:10px 15px 10px 15px;
border:#349200 1px solid;
}

table {
width:100%;
align:center;
border-collapse:collapse;
}
td {
border-collapse:collapse;
border:1px solid #349200;
}
.padding {
padding:0 10px 0 10px;
height:35px;
line-height:35px;
}
.padding_admin {
padding:0 10px 0 10px;
height:25px;
line-height:25px;
}

@media (min-width: 1024px) {
	#contenedor_marcas {
	margin:20px 30px;
	}
}
@media (max-width: 1023px) {	
	#contenedor_marcas {
	margin:20px;
	}
}

@media (min-width: 1024px) {
	.variable_marcas {
	display:inline-block;
	height:100px;
	border-radius:15px;
	text-align:center;
	vertical-align:top;
	margin:0 10px 20px 10px;
	}
}
@media (max-width: 1023px) {	
	.variable_marcas {
	display:inline-block;
	max-width:200px;
	border-radius:15px;
	text-align:center;
	vertical-align:top;
	margin:0 0 20px 0;
	}
}

#contenedor_mapa {
width:100%;
text-align:center;
padding:30px 0 20px 0;
background:#be0000;
}

@media (min-width: 960px) {
	#variable_mapa {
	display:inline-block;
	width:65%;
	margin:0 auto;
	clear:both;
	}
}
@media (max-width: 959px) {
	#variable_mapa {
	width:100%;
	margin-bottom:20px;
	clear:both;
	}
}

@media (min-width: 960px) {
	#variable_datos {
	display:inline-block;
	width:35%;
	vertical-align:top;
	margin:0 auto;
	clear:both;
	}
}
@media (max-width: 959px) {
	#variable_datos {
	width:100%;
	clear:both;
	}
}

@media (min-width: 1024px) {
	#variable_iconos {
	display:inline-block;
	width:130px;
	text-align:center;
	vertical-align:top;
	margin:0 10px 20px 10px;
	}
}
@media (max-width: 1023px) {	
	#variable_iconos{
	display:inline-block;
	width:90%;
	text-align:center;
	vertical-align:top;
	}
}

@media (min-width: 1024px) {
	#destacados {
	display:inline-block;
	width:22%;
	margin:0 10px 20px 10px;
	vertical-align:top;
	}
}
@media (max-width: 1023px) {	
	#destacados {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0 0 20px 0;
	vertical-align:top;
	}
}

@media (min-width: 1024px) {
	.imagen_destacados {
	max-width:100%;
	height:auto;
	}
}
@media (max-width: 1023px) {	
	.imagen_destacados {
	max-width:100%;
	height:auto;
	}
}

/* Ver Más */
@media (min-width: 1024px) {
	.boton_ampliar {
	display:inline-block;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	color:#1D1D1D;
	letter-spacing:0.02em;
	width:80%;
	border-bottom:#CCCCCC 1px solid;
	padding:20px 0 20px 21px;
	cursor:pointer;
	}
		.boton_ampliar:hover {
		background:#efeeea;
		}
}
@media (max-width: 1023px) {
	.boton_ampliar {
	display:inline-block;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	color:#1D1D1D;
	letter-spacing:0.02em;
	width:80%;
	border-bottom:#CCCCCC 1px solid;
	padding:20px 0 20px 0;
	cursor:pointer;
	}
		.boton_ampliar:hover {
		background:#efeeea;
		}
}

@media (min-width: 1024px) {
	.ampliar {
	display:none;
	text-align:left;
	line-height:1.3;
	margin:10px 0 10px 0;
	}
}
@media (max-width: 1023px) {
	.ampliar {
	display:none;
	text-align:center;
	line-height:1.3;
	margin:10px 0 10px 0;
	}
}
/* Ver Más */

.subboton {
display:inline-block;
font-family:'Roboto', sans-serif;
font-size:15px;
letter-spacing:0.02em;
border:#CCCCCC 1px solid;
padding:10px 20px;
margin-bottom:10px;
cursor:pointer;
}
	.subboton:hover {
	color:#2D2D2D;
	background:#cfffb4;
	border:#349200 1px solid;
	}

.subboton_activo {
display:inline-block;
font-family:'Roboto', sans-serif;
font-size:15px;
letter-spacing:0.02em;
color:#2D2D2D;
background:#cfffb4;
border:#349200 1px solid;
padding:10px 20px;
margin-bottom:10px;
cursor:pointer;
}

.resultado {
display:inline-block;
font-family:'Roboto', sans-serif;
font-size:16px;
letter-spacing:0.02em;
color:#349200;
background:#cfffb4;
border:#349200 1px solid;
border-radius:10px;
padding:10px 20px;
margin-bottom:10px;
cursor:pointer;
}

@media (min-width: 1024px) {
	.semaforo_verde, .semaforo_amarillo {
	display:inline-block;
	width:75%;
	height:auto;
	text-align:center;
	border-radius:10px;
	padding:15px 10px 15px 10px;
	}
}
@media (max-width: 1023px) {
	.semaforo_verde, .semaforo_amarillo {
	display:inline-block;
	width:90%;
	height:auto;
	text-align:center;
	border-radius:10px;
	padding:15px;
	}
}

.semaforo_verde {
border:#c3e6cb 1px solid;
background:#d4edda;
color:#155724;
}

.semaforo_amarillo {
border:#aa8000 1px solid;
background:#fff2c7;
color:#aa8000;
}

.imgExtendida {
background-attachment:fixed;
background-position:top center;
height:550px !important;
display:block !important;
width:100% !important;
background-repeat:no-repeat;
background-size:cover;
}

#comprar {
display:inline-block;
font-family:'Roboto', sans-serif;
font-size:22px;
letter-spacing:0.02em;
color:#FFFFFF;
text-align:center;
background:#4dc247;
border-radius:10px;
padding:10px 20px;
cursor:pointer;
}
	#comprar:hover {
	background:#2D2D2D;
	}

/* Responsive para el Footer */
@media (min-width: 1024px) {
	#footer {
	width:100%;
	margin-top:-141px; /* Valor negativo del alto del footer */
	height:141px;
	text-align:center;
	background:#3F4953;
	border-top:#FFFFFF 1px solid;
	clear:both;
	}
}
@media (max-width: 1023px) {
	#footer {
	width:100%;
	margin-top:-151px; /* Valor negativo del alto del footer */
	height:151px;
	text-align:center;
	background:#3F4953;
	border-top:#FFFFFF 1px solid;
	clear:both;
	}
}

#variable_footer {
display:inline-block;
width:100%;
margin:30px 0 0 0;
}
/* Responsive para el Footer */

#linea {
position:relative;
width:90%;
border-bottom:#CCCCCC 1px solid;
margin:0 auto;
clear:both;
}

#linea_blanca {
position:relative;
width:90%;
border-bottom:#FFFFFF 1px solid;
margin:0 auto;
clear:both;
}

#linea_negra {
position:relative;
width:90%;
border-bottom:#757575 1px solid;
margin:0 auto;
clear:both;
}

#linea_100 {
position:relative;
width:100%;
border-bottom:#CCCCCC 1px solid;
margin:0 auto;
clear:both;
}

#relleno      {clear:both; padding-top:0;}
#relleno_5px  {clear:both; padding-top:5px;}
#relleno_8px  {clear:both; padding-top:8px;}
#relleno_10px {clear:both; padding-top:10px;}
#relleno_15px {clear:both; padding-top:15px;}
#relleno_20px {clear:both; padding-top:20px;}
#relleno_30px {clear:both; padding-top:30px;}
@media (min-width: 1024px) {
	#relleno_header {
	clear:both;
	padding-top:90px;
	}
}
@media (max-width: 1023px) {
	#relleno_header {
	display:none;
	}
}

@media (min-width: 1024px) {
	.monitor {
	}
}
@media (max-width: 1023px) {	
	.monitor {
	display:none;
	}
}

@media (min-width: 1024px) {
	.mobile {
	display:none;
	}
}
@media (max-width: 1023px) {	
	.mobile {
	}
}

#whatsapp {
width:70px;
height:70px;
position:fixed;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
right:35px;
bottom:32px;
background:#4dc247;
border:#FFFFFF 3px solid;
border-radius:100%;
z-index:1000;
cursor:pointer;
}

@media (min-width: 1024px) {
	#input {
	width:90%;
	display:inline-block;
	text-align:center;
	clear:both;
	}
	#input_precio {
	width:70%;
	display:inline-block;
	text-align:center;
	}
}
@media (max-width: 1023px) {
	#input {
	width:90%;
	display:inline-block;
	clear:both;
	}
	#input_precio {
	width:70%;
	display:inline-block;
	}
}

@media (min-width: 1024px) {
	.input_precio {
	display:inline-block;
	width:70%;
	font-family:'Comfortaa', cursive;
	font-size:15px;
	color:#349200;
	letter-spacing:0.02em;
	text-align:center;
	border:none;
	vertical-align:middle;
	}
}
@media (max-width: 1023px) {
	.input_precio {
	display:inline-block;
	width:70%;
	font-family:'Comfortaa', cursive;
	font-size:15px;
	color:#349200;
	letter-spacing:0.02em;
	text-align:center;
	border:none;
	vertical-align:middle;
	}
}

@media (min-width: 1024px) {
	.input {
	display:inline-block;
	width:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-align:center;
	border-top:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#CCCCCC 1px solid;
	vertical-align:middle;
	padding:15px 10px 15px 10px;
	}
}
@media (max-width: 1023px) {
	.input {
	display:inline-block;
	width:90%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-align:center;
	border-top:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#CCCCCC 1px solid;
	vertical-align:middle;
	padding:15px 10px 15px 10px;
	}
}

@media (min-width: 1024px) {
	.input_txt {
	min-height:100px;
	max-height:100px;
	min-width:90%;
	max-width:90%;
	padding:15px 10px 15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	border-top:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#CCCCCC 1px solid;
	}
}
@media (max-width: 1023px) {
	.input_txt {
	min-height:100px;
	max-height:100px;
	min-width:80%;
	max-width:80%;
	padding:15px 10px 15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	border-top:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#CCCCCC 1px solid;
	}
}

@media (min-width: 1024px) {
	.boton {
	display:inline-block;
	height:50px;
	line-height:50px;
	background:#349200;
	text-align:center;
	font-family:'Comfortaa', cursive;
	font-size:18px;
	letter-spacing:0.02em;
	color:#FFFFFF;
	border:none;
	padding:0 20px 0 20px;
	cursor:pointer;
	}
	.boton:hover {
	color:#349200;
	background:#cfffb4;
	}
}
@media (max-width: 1023px) {
	.boton {
	display:inline-block;
	width:90%;
	height:50px;
	line-height:50px;
	background:#349200;
	text-align:center;
	font-family:'Comfortaa', cursive;
	font-size:18px;
	letter-spacing:0.02em;
	color:#FFFFFF;
	border:none;
	cursor:pointer;
	}
	.boton:hover {
	color:#349200;
	background:#cfffb4;
	}
}

@media (min-width: 1024px) {
	.boton_ok {
	display:inline-block;
    height:30px;
    line-height:30px;
    background:#349200;
    text-align:center;
    font-family:'Comfortaa', cursive;
    font-size:14px;
    letter-spacing:0.02em;
    color:#FFFFFF;
    border:none;
    padding:1px 12px 0 12px;
    margin-bottom:2px;
    cursor:pointer;
	}
	.boton_ok:hover {
	color:#349200;
	background:#cfffb4;
	}
}
@media (max-width: 1023px) {
	.boton_ok {
	display:inline-block;
    height:30px;
    line-height:30px;
    background:#349200;
    text-align:center;
    font-family:'Comfortaa', cursive;
    font-size:14px;
    letter-spacing:0.02em;
    color:#FFFFFF;
    border:none;
    padding:1px 12px 0 12px;
    margin-bottom:2px;
    cursor:pointer;
	}
	.boton_ok:hover {
	color:#349200;
	background:#cfffb4;
	}
}

.texto_whatsapp {
font-size:45px;
color:#FFFFFF;
padding:3px 0 0 0;
}

.texto_roboto_blanco {
font-family:'Roboto', sans-serif;
font-size:16px;
color:#FFFFFF;
letter-spacing:0.02em;
}

.texto_roboto_negro {
font-family:'Roboto', sans-serif;
font-size:16px;
color:#1D1D1D;
letter-spacing:0.02em;
}

.texto_roboto_gris {
font-family:'Roboto', sans-serif;
font-size:16px;
color:#666666;
letter-spacing:0.02em;
}

.texto_titulos {
font-family:'Roboto', sans-serif;
font-size:22px;
color:#999999;
letter-spacing:0.02em;
}

.texto_titulos_blanco {
font-family:'Roboto', sans-serif;
font-size:22px;
color:#FFFFFF;
letter-spacing:0.02em;
}

.texto_titulos_detalle {
font-family:'Roboto', sans-serif;
font-size:22px;
color:#be0000;
letter-spacing:0.02em;
}

.texto_medidas {
font-family:'Comfortaa', cursive;
font-size:15px;
color:#349200;
letter-spacing:0.02em;
}

.texto_awesome {
font-size:35px;
color:#FFFFFF;
}

.texto_botones {
font-family:'Quicksand', sans-serif;
font-size:20px;
color:#349200;
letter-spacing:-0.01em;
}
	.texto_botones:hover {
	color:#349200;
	}

.texto_botones_blanco {
font-family:'Quicksand', sans-serif;
font-size:20px;
color:#FFFFFF;
letter-spacing:-0.01em;
}

/* Menú Exclusivos Monitores NO Responsive */
#menu_monitor {
margin:auto;
}

ul {
list-style:none;
}

@media (min-width: 1024px) {
	.botonera, .botonera_activa, .botonera_iconos, .botonera_iconos_activa {
	display:inline-block;
	border-bottom:#349200 3px solid;
	padding:5px 0;
	margin:0 3px;
	cursor:pointer;
	}
		.botonera {
		width:150px;
		}
		.botonera_iconos {
		width:70px;
		}
		.botonera_activa {
		width:150px;
		background:#cfffb4;
		}
		.botonera_iconos_activa {
		width:70px;
		background:#cfffb4;
		}
			.botonera:hover, .botonera_iconos:hover {
			color:#349200;
			background:#cfffb4;
			}
}
@media (max-width: 1023px) {	
	.botonera, .botonera_activa, .botonera_iconos, .botonera_iconos_activa {
	display:inline-block;
	padding:8px;
	cursor:pointer;
	}
		.botonera {
		}
		.botonera_iconos {
		}
		.botonera_activa {
		background:#cfffb4;
		}
		.botonera_iconos_activa {
		background:#cfffb4;
		}
			.botonera:hover, .botonera_iconos:hover {
			color:#349200;
			background:#cfffb4;
			}
}

.nav li a {
display:block;
text-decoration:none;
padding:5px 20px;
font-family:'Roboto', sans-serif;
font-size:16px;
letter-spacing:0.02em;
text-align:center;
color:rgba(255,255,255,1); /* rgbA */
}

.nav li a:hover {
color:#cfffb4;
}

.nav > li {
float:left;
}

.nav li ul {
display:none;
width:150px;
position:absolute;
background-color:rgba(0,0,0,0.75); /* rgbA */
padding:15px 0;
margin:7px 0 0 0;
}

.nav li:hover > ul {
display:block;
text-align:left;
}