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

@font-face {
    font-family: 'aller_displayregular';
    src: url('fonts/allerdisplay-webfont.eot');
    src: url('fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/allerdisplay-webfont.woff') format('woff'),
         url('fonts/allerdisplay-webfont.ttf') format('truetype'),
         url('fonts/allerdisplay-webfont.svg#aller_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{
	margin:0;
	padding:0;
}

/* open CONTAINER */
.container {
	width:1000px;
	height:771px;
	position:absolute;
	margin-left:-500px;
	left:50%;
	top:0px;
	
}

.container2 {
	width:1000px;
	height:887px;
	position:absolute;
	margin-left:-500px;
	left:50%;
	top:0px;
	
}

.container_info {
	width:693px;
	position:absolute;
	left:307px;
	background:url(images/bg_sombra.png) repeat-y top left;
}

.container_texto{
	height:70px;
	width:590px;
	position:absolute;
	left: 51px;
	top: 123px;
}

.container_thick{
	width:712px;
	height: 380px;
	position:absolute;
	left: 50%;
	margin-left:-352px;
	background:url(images/bg_thick.jpg) no-repeat;
}

.footer{
	width:100%;
	height: 270px;
	position:absolute;
	top:771px;
	left:50%;
	margin-left:-50%;
	background:url(images/bg_footer.jpg);
}

.footer2{
	width:100%;
	height: 270px;
	position:absolute;
	top:887px;
	left:50%;
	margin-left:-50%;
	background:url(images/bg_footer.jpg);
}

/* end CONTAINER */

.menu {
	width: 307px;
	height:771px;
	position:absolute;
	background:url(images/background_menu2.jpg) no-repeat;
}

.menu_extendido {
	width: 307px;
	height:887px;
	position:absolute;
	background:url(images/background_menu2.jpg) no-repeat;
}


.menu_contenido{
	width:162px;
	height:311px;
	position:absolute;
	left: 72px;
	top: 134px;
}

.menu_list {
	list-style:none;
	padding:0px;
	position:absolute;
	width: 162px;
	top:40px;
	left: 0px;
}

.menu_list li {
	height:28px;
	background: url(images/linea.png) repeat-x bottom;
	display:block;
	width:162px;
	position:absolute;
}

.menu_list li:hover{
	background-image:url(images/bg_hover.png);
	cursor:pointer;
}

.banner{
	width:692px;
	height:308px;
	position:absolute;
	left: 307px;
	top: 0px;
}

.banner2{
	width:692px;
	height:308px;
	position:absolute;
	left: 0px;
	top: 0px;
}

.franjaverde{
	height:11px;
	width:692px;
	background: url(images/franjaverde.png) repeat-x;
	position:absolute;
	left: 307px;
	top: 308px;
	z-index:1;
}

.franjaverde2{
	height:11px;
	width:692px;
	background: url(images/franjaverde.png) repeat-x;
	position:absolute;
	left: 0px;
	top: 308px;
	z-index:1;
}

.container_productos {
	width: 692px;
	height: 600px;
	position:absolute;
	top:226px;
	left: 0px;
}

.container_promo {
	width: 692px;
	height: 710px;
	position: absolute;
	top: 130px;
	left: 0px;
}

.container_promo_top {
	width: 692px;
	height: 40px;
	position: absolute;
	top:0px;
	left: 0px;
}

.productos_drop {
	width: 325px;
	height:50px;
	position:absolute;
	top:168px;
	left:15px;
	background:url(images/linea2.png) repeat-x bottom;
}

.productos_drop2 {
	width: 320px;
	height:50px;
	position:absolute;
	top:168px;
	left:340px;
	background:url(images/linea2.png) repeat-x bottom;
}

.p1 {
	width:132px;
	height:175px;
	float:left;
}

.foto_producto {
	width:131px;
	height:104px;
	background:url(images/bg_productos.png) no-repeat;
	float:left;
}

.producto {
	width: 121px;
	height:95px;
	float:left;
	margin: 5px;
}

.p_caracteristicas {
	width:131px;
	height:60px;
	float:left;
	margin-top: 10px;
}

.contenido_nosotros {
	width: 625px;
	height:227px;
	position:absolute;
	top:380px;
	left: 20px;
}

.menu_contextual {
	width:1000px;
	position:absolute;
	margin-left:-500px;
	left:50%;
	height:270px;
}

.contacto{
	width: 870px;
	height:30px;
	float:left;
	margin: 25px 0px 22px 20px;
	color:#666666;
}

.contacto li{
	text-decoration:none;
	float:left;
	list-style:none;
	display:block;
	font-family: 'Cabin', sans-serif;
	font-weight:500;
	font-size:14px;
	padding: 0px;
}

.contacto li a{
	text-decoration:none;
	list-style:none;
	font-family: 'Cabin', sans-serif;
	font-weight:500;
	font-size:14px;
	color:#666666;
}

.contacto li a:hover {
	color: #999;
	cursor:pointer;
}

.mapa_sitio{
	width:1000px;
	height:148px;
	background:url(images/lineas.png) no-repeat;
	background-repeat: no-repeat;
	float:left;
}

.mapa_sitio_texto a{
	font-family: 'Cabin', sans-serif;
	font-size:12px;
	color: #999;
	text-decoration:none;
}

.mapa_sitio_texto a:hover {
	color:#333;
	cursor:pointer;
}

.container_botones{
	height:37px;
	position:absolute;
}

.boton_acceso {
	width: 180px;
	height: 155px;
	position: absolute;
 }

.boton_img {
	width:180px;
	height:115px;
	float:left;
}

.boton_texto {
	width:180px;
	height: 30px;
	float:left;
}

.mapa_sucursales {
	width:360px;
	height: 401px;
	position: absolute;
	top: 198px;
	left: 286px;
}

.cont_producto {
	width:650px;
	height:325px;
	float:left;
	margin-left:30px;
	margin-top:28px;
}

.top_productos {
	width:100%;
	height:30px;
	float:left;
}

.vistazo_productos {
	width:330px;
	height:295px;
	float:left;
}

.descripcion_productos {
	width:295px;
	height:295px;
	float:left;
	margin-left:25px;
}

.f_producto {
	width:329px;
	height: 244px;
	float:left;
}

.t1 {
	float:left;
	width: 53px;
	height:39px;
	margin-right:13px;
	margin-top:12px;
}

.t1:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	cursor:pointer;
}

.descripcion_texto {
	float:left;
	height:150px;
	width:295px;
	margin-top:10px;
}

#BTN_MATRIZ{
	background: url(images/sprite_promo.png) no-repeat;
	background-position: 0px 0px;
	position: absolute;
	width: 157px;
	height: 32px;
	left: 27px;
	top: 5px;
}

#BTN_TUXPAM{
	background: url(images/sprite_promo2.png) no-repeat;
	background-position: 0px -32px;
	position: absolute;
	width: 168px;
	height: 32px;
	left: 215px;
	top: 5px;
	cursor:pointer;
}
#BTN1_TUXPAM{
	background: url(images/btn1_tuxpam.png) no-repeat;
	background-position: 0px -32px;
	position: absolute;
	width: 25px;
	height: 32px;
	left: 400px;
	top: 6px;
	cursor:pointer;
	display:none;
	
}
#BTN2_TUXPAM{
	background: url(images/btn2_tuxpam.png) no-repeat;
	background-position: 0px -32px;
	position: absolute;
	width: 25px;
	height: 32px;
	left: 430px;
	top: 6px;
	cursor:pointer;
	display:none;
	
}

#container_matriz{
	position: absolute;
	top: 50px;
	left: 22px;
	width: 650px;
	height: 651px;
	display: block;
}

#container_tuxpam{
	position:absolute;
	top:50px;
	left:22px;
	width:650px;
	height:651px;
	display:none;
}
#container_tuxpam1{
	position:absolute;
	top:50px;
	left:22px;
	width:650px;
	height:651px;
	display:none;
}

.cont_promo1{
	position:absolute;
	width:150px;
	height:206px;
	border:#219868 2px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.promo_foto{
	position: absolute;
	left:30px;
	top: 5px;
	height:95px;
	width:90px;
}

.texto_promo{
	position: absolute;
	width: 140px;
	height:30px;
	left:6px;
	top:110px;
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	color:#FFF;
	text-align:left;
	font-style:italic;
	font-size:11px;
}
.texto_promo2{
	position: absolute;
	height:30px;
	left:20px;
	top:725px;
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	color:#FFF;
	text-align:left;
	font-style:italic;
	font-size:9px;
}

.promo_precio{
	background:url(images/bg_precio.png) no-repeat;
	position:absolute;
	width:104px;
	height:54px;
	top:145px;
	left:23px;
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	color:#FFF;
	text-align:center;
}

.precio{
	position:absolute;
	width:90px;
	height:20px;
	top:12px;
	left:5px;
    font-family: 'aller_displayregular';
	font-weight:500;
	color:#FFF;
	text-align:center;
}

.ahorro{
	position:absolute;
	width:90px;
	height:15px;
	top:36px;
	left:5px;
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:400;
	text-align:center;
	color:#FFF;
	font-size:11px;
}

.titulos {
	width:630px;
	height: 50px;
	position: absolute;
	left:20px;
	top:80px;
	background: url(images/linea2.png) repeat-x bottom;
}

.titulo_catalogo {
	width: 445px;
	height: 45px;
	position: absolute;
	left: 20px;
	top: 62px;
}

.titulos {
	width: 445px;
	height: 45px;
	position: absolute;
	left: 20px;
	top: 62px;
	background: url(images/linea2.png) repeat-x bottom;
}

.titulo_producto{
	font-family: 'Cabin', sans-serif;
	font-size:18px;
	color: #126445;
}

.tipo_producto {
	font-family: 'Cabin', sans-serif;
	font-size:13px;
	color: #59B120;
}

.titulo_001{
	font-family: 'Cabin', sans-serif;
	font-size:30px;
	color:#FFF;
	font-style:italic;
}

.titulo_002{
	font-family: 'Cabin', sans-serif;
	font-size:16px;
	color:#5BB123;
	line-height:17px;
}

.titulo_003{
	font-family: 'Cabin', sans-serif;
	font-size:14px;
	color:#5BB123;
	line-height:15px;
}

.titulo_004{
	font-family: 'Cabin', sans-serif;
	font-size:16px;
	color: #999;
	line-height:15px;
	font-weight:500;
}

.titulo_005{
	font-family: 'Cabin', sans-serif;
	font-size:14px;
	color:#666;
	line-height:15px;
	font-weight:500;
}

.texto_001 {
	font-family: 'Cabin', sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:15px;
}

.texto_002 {
	font-family: 'Cabin', sans-serif;
	font-size:13px;
	color:#FFF;
	line-height:14px;
}

.texto_003 {
	font-family: 'Cabin', sans-serif;
	font-size:11px;
	font-size: 12px;
	color:#FFF;
	font-weight:100;
	text-decoration:none;!important
}

.texto_003 a:hover {
	font-family: 'Cabin', sans-serif;
	font-size:11px;
	color:#5BB123;
	font-weight:100;
	text-decoration:underline;
}

.texto_004 {
	font-family: 'Cabin', sans-serif;
	font-size:11px;
	color:#5BB123;
	font-weight:100;
	text-decoration:underline;
}

.texto_005 {
	font-family: 'Cabin', sans-serif;
	font-size:11px;
	color: #666;
	font-weight:100;
	text-decoration:none;
}

.imgopacity:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	cursor:pointer;
}

.img_opacity {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

			div.selectBox   {
				position:relative;
				left: 70px;
				width:231px;
				height:35px;
				display:inline-block;
				cursor:default;
				text-align:left;
				line-height:30px;
				clear:both;
				color:#11734F;
				z-index:10;
				cursor:pointer;
			}
			span.selected
			{
				width:196px;
				font-family: 'Cabin', sans-serif;
				font-size:11px;
				color:#11734F;
				text-indent:20px;
				border-right:none;
				background: url(images/bg_select_1.png) no-repeat;
				overflow:hidden;
			}
			span.selectArrow
			{
				width:35px;
				text-align:center;
				font-size:20px;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background: url(images/bg_select_2.png) no-repeat;
			}
			
			span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:35px;
				z-index:1;
			}
			
			div.selectOptions
			{
				position:absolute;
				top:28px;
				left:0;
				background: url(images/bg_select_hover.png) repeat-y;
				width:231px;
				overflow:hidden;
				padding-top:2px;
				display:none;
				font-family: 'Cabin', sans-serif;
				font-size:11px;
				color:#11734F;

			}
				
			span.selectOption
			{
				display:block;
				width:80%;
				line-height:20px;
				padding:5px 10%;
				background:url(images/select_linea.png) no-repeat bottom center;
			}
			
			span.selectOption:hover
			{
				color:#5AB122;
				cursor:pointer;
			}			


			div.selectBox2   {
				position:relative;
				left: 90px;
				width:235px;
				height:35px;
				display:inline-block;
				cursor:default;
				text-align:left;
				line-height:30px;
				clear:both;
				color: #999;
				z-index:10;
				cursor:pointer;
			}
			span.selected2
			{
				width:196px;
				font-family: 'Cabin', sans-serif;
				font-size:11px;
				color: #999;
				text-indent:20px;
				border-right:none;
				background: url(images/bg_select_3.png) no-repeat;
				overflow:hidden;
			}
			span.selectArrow2
			{
				width:35px;
				text-align:center;
				font-size:20px;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background: url(images/bg_select_4.png) no-repeat;
			}
			
			span.selectArrow2,span.selected2
			{
				position:relative;
				float:left;
				height:35px;
				z-index:1;
			}
			
			div.selectOptions2
			{
				position:absolute;
				top:28px;
				left:0;
				background: url(images/bg_select_hover.png) repeat-y;
				width:234px;
				overflow:hidden;
				padding-top:2px;
				display:none;
				font-family: 'Cabin', sans-serif;
				font-size:11px;
				color:#999;

			}
				
			span.selectOption2
			{
				display:block;
				width:80%;
				line-height:20px;
				padding:5px 10%;
				background:url(images/select_linea.png) no-repeat bottom center;
			}
			
			span.selectOption2:hover
			{
				color: #CCC;
				cursor:pointer;
			}	
			.BORDE_FOTO {
				border:#999999 solid 1px;
			}
		
/**COTIZACION**/
.form_cotizacion{
    position:absolute;
    width:550px;
    height:200px;
    top:240px;
    left:40px;
}

.input{
    position:absolute;
    background-color:#006248;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    box-shadow: 2px 3px 8px 2px #333;
    -webkit-box-shadow: 2px 3px 8px 2px #333;
    -moz-box-shadow: 2px 3px 8px 2px #333;
}

.input_inside{
    font-family: 'Cabin', sans-serif;
	font-size:12px;
    color:#666666;
    position:absolute;
    padding:5px;
    outline:none;
    background:#FFF;
    border-style:none;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}