@charset "utf-8";
/* CSS Document */

*{
	padding:0px;
	margin:0px;
}

html { 
	
}

body{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;	
	color:#ccc;
	/*background-image:url(../images/bg_sup.jpg);*/
}
.body_inicio{
	background-image:url(../images/bg.jpg);
}
.body_index{
	background-image:url(../images/bg.jpg);
}

#rp{
	position:absolute;width:100%;height:100%;z-index:-100;margin:0px;padding:0px;
}


/****************************************/
/*#web{
	margin:0px;
	width:100%;
	height:100%;
	
	min-height:720px;
	position:relative;
	min-height: 700px;
}*/
#web{
	min-width:1000px;
	margin:0px;
	position: relative;
	width:100%;
	height:100%;
}
/****************************************/

#header{
	height:35px;
	position:relative;
}
#head{
	margin:auto;
	width:990px;
	height: 35px;
	position: relative;
}
#header .logo{
	position:absolute;
	top:35px;
	width:auto;
	text-align:center;
	left: 20px;
}
/********************* DIV ACTUALIZAR BROQWSER ************************/
#div_actualizarbrower{
	display:none;
	margin:10px auto;
}
.div_actualizarbrower_cont{
	background-color:#FFE5E5;
	width:900px;
	margin:auto;
	padding:5px;
	font-size:13px;	
}
.div_actualizarbrower_cont a{
	text-decoration:none;
}
.div_actualizarbrower-mensaje{
	margin-bottom:5px;
}
.div_actualizarbrower-mensaje, .div_actualizarbrower-enlaces{
	text-align:center;	
}
.div_actualizarbrower-enlaces img {
			background-image: url(http://s.ytimg.com/yt/img/browsers-vfl147295.png);
			width: 172px;
			height: 32px;
			margin-left: 2px;
			margin-bottom: 2px;
			border:0px;
		}
#div_actualizarbrower .chrome-link {
			background-position: 0 0;
		}
#div_actualizarbrower .ie8-link {
			background-position: 0 -32px;
		}
#div_actualizarbrower .firefox-link {
			background-position: 0 -64px;
		}
#div_actualizarbrower .safari-link {
			background-position: 0 -96px;
		}
#div_actualizarbrower .opera-link {
			background-position: 0 -128px;
		}
#div_actualizarbrower .browser-link:hover .chrome-link {
			background-position: -172px 0;
		}
#div_actualizarbrower .browser-link:hover .ie8-link {
			background-position: -172px -32px;
		}
#div_actualizarbrower .browser-link:hover .firefox-link {
			background-position: -172px -64px;
		}
#div_actualizarbrower .browser-link:hover .safari-link {
			background-position: -172px -96px;
		}
#div_actualizarbrower .browser-link:hover .opera-link {
			background-position: -172px -128px;
		}
#div_actualizarbrower .div_cerrar{
	float:right;
	padding-right:14px;
	/*width:12px;*/
	height:12px;
	background-image:url(../images/cerrar_02.gif);
	background-position:right center;
	background-repeat:no-repeat;
	color:#F33;
	font-weight:bold;
	cursor:pointer;
}		
/********************* FIN DIV ACTUALIZAR BROWSER ************************/    

/****************************************/

#body{
	/*position:relative;*/
	/*background:url(../images/bg_web.png) repeat-x;*/
	min-height:750px;
	z-index: 0;
}
#body_inicio{
	position:absolute;
	width:100%;
	height:100%;
	
	/*background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-color:#121212;
	width:1200px;
	height:760px;
	z-index:-100;*/
}
/****************************************/

#footer{
	/*position:absolute;*/
	position:relative;
	bottom:0px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial;
	width:100%;
	min-width:1000px;
	color:#666;
	display: block;
}
#foot{
	/*padding:10px 0px;*/
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;	
	width: 990px;
	margin: auto;	
}

#foot div.deres{
	float:left;
	margin-left:50px;
}
#foot div.pwr{
	float:right;
	margin-right:50px;
}

/****************************************/

.clear{
	clear:both;
	height: 1px;
	font-size: 1px;
}
/*********************************/

#principal{
	/*position:relative;*/
	width: 990px;
	margin: auto;
	z-index:0;
}
#principal div{
	/*z-index:0;*/
}
/*****************************************/

/************** INICIO *******************/
#principal_inicio{
	width:310px;
	position:absolute;
	text-align:center;
	top:50%;
	left:50%;
	margin-top:-125px;
	margin-left:-155px;
}
#principal_inicio a{
	text-decoration:none;
	color:#ccc;
}
.lenguajes_inicio{
	margin-top:110px;
}
#esp_ini{
	width:50px;
	float:right;
}
#eng_ini{
	width:50px;
	float:left;
}
#footer_inicio{
	position:absolute;
	bottom:15px;
	width:100%;
	display:block;	
}
#foot_inicio{
	text-align:center;
	font-size:12px;
	width: 990px;
	margin: auto;	
}


#div_inicio{
	width:940px;
	padding:20px 0px 10px 0px;
	margin:auto;
}
.div_inicio_izq{
	float:left;
	width:344px;
	height:231px;
	background-image:url(../images/bg_telefonos.png);
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;

}
.div_inicio_izq div{
	margin:22px 0px;
}
.div_inicio_izq h2{
	font-size:24px;
	color:#d4fc00;	
}
.div_inicio_der_tit{
	background-image:url(../images/bg_sponsor.png);
	background-position:center center;
	width:585px;
	height:35px;
	color:#ffff33;
	text-align:center;
	font-size:18px;
	padding-top:13px;
}
.div_inicio_der{
	float:right;
	width:590px;
}
.div_inicio_der_cont h2{
	color:#ccc;
	font-size:24px;
	padding:5px;
}
.div_noticias_tit{
	color:#666;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}
.div_noticias_foto{
	width:125px;
	height:125px;
	float:left;
	margin:5px;
}
.div_noticias_resu{
	float:right;
	width:350px;
	padding:5px;
}
.div_noticias_resu p{
	text-align:justify;
	margin:5px;
}
/*TOOTIP*/

#demotip {     
	display:none;     
	background:transparent url(../images/bg_toottip.png) no-repeat top center;
	font-size:12px;
	padding-top:12px;
	text-align:center;
	height:58px;     
	width:223px;     
	/*padding:5px;     */
	color:#2d2d2d;
	font-weight:bold;
}
/****************** BANNER *******************/
.bg_banner_inicio{
	position:absolute; background-image:url(../images/bg_header_inicio.png); background-repeat:repeat-x; width:100%; height:468px; z-index:-100;
	min-width:1000px;
}
.bg_banner_inicio .bg_banner_separador{
	position:absolute; bottom:0px; width:100%; border:0px none; border-bottom:#666666 solid 1px; border-top:#333333 solid 1px; line-height:1px;
	min-width:1000px;min-height:720px; z-index:-50;
}
.bg_resplandor{
	position:absolute; width:100%; height:100%; background-image:url(../images/mask_gradient_1000.png); background-repeat:no-repeat; background-position:-10% -80%;z-index:-50;min-width:1000px;min-height:720px;
}
#footer .bg_banner_separador{
	border:0px none; border-bottom:#666666 solid 1px; border-top:#333333 solid 1px; line-height:1px;
	min-width:1000px;
}
/******************** MENU ********************/
.bg_div_menu{
	position:absolute;
	width:100%;
	height:34px;
	background-image:url(../images/bg_menu_sup.png);
	background-repeat:repeat-x;
	z-index:-3;
}
#div_menu{
	margin:auto;
	width:960px;	
	font-weight:bold;
	color:#f0f0f0;
	font-size:15px;
	text-align:center;
	padding:5px 0px;
	height:20px;
}
#div_menu a{
	color:#f0f0f0;
	text-decoration:none;
	margin:0px 10px;
}
.lavaLampBottomStyle {
	position: relative;            
	padding:0px 0px 0px 15px;
	margin: 0px;			
}
.lavaLampBottomStyle li {
	float: left;
	list-style: none;
	margin:0px 2px;
}
.lavaLampBottomStyle li.back {
	border-bottom: 3px solid #ccc;//#999;
	width: 9px;
	height: 17px;
	z-index: -1;
	position: absolute;
}
.lavaLampBottomStyle li a {

}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;
}
.lavaLampBottomStyle #li_idioma{
	position:relative;
	/*background-image:url(../images/img_carrito.png);*/
	background-repeat:no-repeat;
	padding-left:25px;
	font-size:12px;
	padding-top:2px;
}
.lavaLampBottomStyle #li_idioma img{
	position:absolute;
	top:0px;
	left:0px;
	width: 26px;
	height: 17px;
}

/********************************         PRODUCTOS                  ***************************************/
#div_productos{
	width:990px;
	margin:auto;
}
.div_productos_izq{
	float:left;
	width:225px;
	margin-top:160px;
	margin-right:15px;	
}
.div_productos_cont{
	float:right;
	width:750px;
	padding: 0px;
	overflow:hidden;
}
.productos_cont_slider{
	position:relative;
}
.div_productos_menu/*, .div_servicios_menu*/{
	/*float:left;
	width:220px;
	margin-top:160px;
	margin-right:20px;*/
	margin-bottom:20px;
}
.div_productos_menu .menu_item, /*.div_servicios_menu .menu_item*/{
	height:24px;
	background-image:url(../images/bg_menu_item.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin:3px 0px 3px 20px;
	color:#999;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	padding-top:2px;
	padding-right:15px;
}
#div_menu_izq {
	margin-bottom:20px;
}
#div_menu_izq .menu_item/*, .div_servicios_menu .menu_item*/{
	height:24px;
	background-image:url(../images/bg_menu_item.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin:3px 0px 3px 20px;
	color:#999;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	padding-top:2px;
	padding-right:15px;
}

.menu_item a{
	text-decoration:none;
	color:#999;
	cursor:pointer;
}
.menu_item a:hover{
	color:#FFF;
}
/*.div_productos_menu */
#div_menu_izq  .menu_item_act{
	background-image:url(../images/bg_menu_item_sel.png);
	color:#fff;
}
.menu_item_act a{
	color:#FFF;
}




.item_producto{
	position:relative;
	float:left;
	width:160px;
	height:280px;
	border:#6A6A6A solid 1px;
	background-image:url(../images/bg_item_prod.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin:10px;
	z-index:1;
}
.item_producto img{
	height:210px;
	width:100px;
	padding-top:13px;
	z-index:3;
}
.item_producto  .soporte_puerta{
	position:absolute;
	width:145px;
	height:29px;
	left:50%;
	margin-left:-72px;
	bottom:12px;
	background-image:url(../images/soporte_puerta.png);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:-3;
	text-align:center;
	font-size:11px;
	color:#999;
	font-weight:bold;
	padding-top:25px;
}
.item_producto  .soporte_puerta a{
	color:#999;
	text-decoration:none;
}

.control_prod{
	height:20px;
	cursor: pointer;
	font-weight:bold;	
}

.ant_prod{	
	float:left;
	padding-left:25px;
	background:url(../images/gal-btn-fot-ant.png) no-repeat center left;
}
.sig_prod{
	float:right;	
	padding-right:25px;
	background:url(../images/gal-btn-fot-nex.png) no-repeat center right;
}


.div_telefono_int{
	width:192px;
	height:130px;
	background:url(../images/bg_telefonos_int.png) no-repeat center center;
	margin-top:20px;
	margin-left:20px;
	text-align:center;
	padding-top:2px;
}
.div_telefono_int h2{
	font-size:13px;
	color:#d4fc00;
	padding:3px 0px;
}
/********************************** PRODUCTOS DETALLE **************************************/
/*
<div class="div_productos_cont">
            	<div class="div_productos_detalle">
                	<div class="div_productos_detalle_izq">
                    	<div class="div_productos_detalle_imagen">
	                    </div>
                        <div class="div_productos_detalle_imagendet">
							<div class="div_detfoto">
							</div>
                        </div>
                    </div>                    
                    <div class="div_productos_detalle_info">
                    
                    </div>
				</div>
            </div>    
			*/
.div_productos_detalle{
	padding-top:20px;
}
.div_productos_detalle_izq{
	float:left;
	width:280px;	
}
.div_productos_detalle_imagen{
	border:#5B5B5B solid 1px;
	height:490px;
	background-image:url(../images/bg_item_prod.jpg);	
	text-align:center;
	margin-bottom:9px;
	position:relative;
	display:block;
	z-index:1;
}
.div_productos_detalle_imagen  .soporte_puerta{
	position:absolute;
	width:242px;
	height:55px;
	left:19px;
	/*margin-left:-121px;*/
	background-image:url(../images/soporte_puerta-grande.png);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:-1;
	text-align:center;
	font-size:11px;
	color:#999;
	font-weight:bold;
	padding-top:65px;
	top: 366px;
}
.div_productos_detalle_imagen img{
	padding-top:30px;
	z-index:1px;
}
.div_productos_detalle_imagendet{
	border-top:#5B5B5B solid 1px;
}
.div_productos_detalle_imagendet p{
	line-height:18px;
	clear:both;
}
.div_detfoto{
	float:left;
	height:85px;
	width:85px;
	border:#5B5B5B solid 1px;
	margin:5px 3px;
	position:relative;
	cursor:pointer;
}
.div_detfoto a{
	text-decoration:none;
}
.esi, .esd, .eii, .eid{
	position:absolute;	
	width:8px;
	height:8px;
	background-repeat:no-repeat;
	z-index:4;
}
.esi{
	background-image:url(../images/esi.png);
	left:-1px;
	top:-1px;
}
.esd{
	background-image:url(../images/esd.png);
	right:-2px;
	top:-1px;
}
.eii{
	background-image:url(../images/eii.png);
	bottom:-2px;
	left:-1px;
}
.eid{
	background-image:url(../images/eid.png);
	right:-2px;
	bottom:-2px;
}
.div_productos_detalle_info{
	width:450px;
	float:right;
	margin-right:10px;
	padding-top: 20px;
}
#tbl_productodetinfo th{
	text-align:left;	
	padding:4px;
}
#tbl_productodetinfo td{
	padding:4px;
	text-align:justify;
}
/*****************************    EMPRESA 	***********************/
#div_empresa{
	width:990px;
	margin:auto;
}
.div_empresa_cont{
	float:right;
	width:710px;
	padding: 0px;
	overflow:hidden;
	margin-top: 20px;
	min-height: 500px;
	position: relative;
	margin-right:40px;
}
.div_empresa_img {
	text-align:center;
}
.div_empresa_det{
	margin-top:10px;
	min-height:150px;
	position:relative;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
/*	overflow:scroll;*/
}
.div_empresa_cont_det{
	/*position:absolute;*/
	display:none;
	z-index:0;
	width: 100%;
}
.div_empresa_cont h3{
	font-size:12px;
	color:#d4fc00;
	padding-left:20px;
	padding-bottom:25px;
}
.div_empresa_cont_det ul{
	padding:0px;
	margin:0px;
	margin-left:60px;
	margin-right:50px;
	padding-top:5px;
	padding-bottom:5px;
}
.div_empresa_cont_det ul li{
	padding-left:25px;
	background-image:url(../images/vineta.png);
	background-repeat:no-repeat;
	list-style:none;
}
.div_empresa_cont_det p{
	margin-left:60px;
	margin-right:50px;
	padding-top:5px;
	padding-bottom:5px;
}
#divFilosofia p{
	text-align:center;
}
.comilla_izq{
	position:absolute;
	top:42px;
	left:30px;
	height: 16px;
}
.comilla_der{
	position:absolute;
	top:43px;
	right:37px;
	width: 17px;
}
/*****************************           SERVICIOS 		 ***********************/
#div_servicios{
	width:990px;
	margin:auto;
}
.div_servicios_cont{
	float:right;
	width:710px;
	padding: 0px;
	overflow:hidden;
	margin-top: 20px;
	min-height: 500px;
	position: relative;
	margin-right:40px;
	margin-bottom:10px;
}

.div_servicios_cont_det{
	position:relative;/*absolute;*/
	display:none;
	z-index:0;
	width: 100%;
}
.div_servicios_cont_det h3{
	font-size:12px;
	color:#d4fc00;
	padding-left:20px;
	padding-bottom:25px;
}
.div_servicios_cont_det ul{
	padding:0px;
	margin:0px;
	margin-left:60px;
	padding-top:5px;
	padding-bottom:5px;
}
.div_servicios_cont_det ul li{
	padding-left:25px;
	background-image:url(../images/vineta.png);
	background-repeat:no-repeat;
	list-style:none;
}
.div_servicios_cont_det p{
	margin-left:20px;
	margin-right:30px;
	padding-top:5px;
	padding-bottom:5px;
}
/*******************************************************************/

.visible{
	display:block;
}
.divImg{
	text-align:center;
	margin-top:10px;
}
.divImg ul{
	margin:20px;
}

.divImg img{
	border:1px #666 solid;
}
#divLoading{
	position:absolute;	
	width:100%;
	height:100%;
	display:none;
	top:0px;
	left:0px;
}
#divLoading .divLoadingBg{
	position:absolute;
	width:100%;
	height:100%;	
	z-index:1;
}
#divLoading .divLoadingImg{
	position:absolute;	
	left:50%;
	margin-left:-125px;
	top:50%;
	background-image:url(../images/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width:250px;
	margin-top:-25px;
	height:50px;
	z-index:2;
	text-align:center;
}


/*****************************          NOTICIAS 		 ***********************/
#divNoticias{
	width:990px;
	margin:auto;
}
.divNoticias_cont{
	float:right;
	width:710px;
	padding: 0px;
	overflow:hidden;
	margin-top: 20px;
	min-height: 500px;
	position: relative;
	margin-right:40px;
	margin-bottom:10px;
}
.item_noticia{
	min-height:150px;
	border-bottom:#999 solid 1px;
	border-top:#999 solid 1px;
	margin-bottom: 10px;
}

.item_noticia h3{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:5px 0px;
}
.item_noticia p{
	text-align:justify;
}
.item_noticia img{
	border:1px #999 solid;
}
.item_noticia_titulo, .item_noticia_cont{
	padding:10px;
}
/*.div_productos_cont{
	float:right;
	width:750px;
	padding: 0px;
	overflow:hidden;
}
.productos_cont_slider{
	position:relative;
}*/
.spnEscritoPor, .spnFechaAlta{
	padding-right:20px;
}

.spnEscritoPor strong, .spnFechaAlta strong{
	color:#FFF;
}
/********************** GARANTIA ***********************/
#divGarantia{
	width:990px;
	margin:auto;
}
.divGarantia_cont{
	float:right;
	width:650px;
	padding: 0px;
	overflow:hidden;
	margin-top: 20px;
	min-height: 500px;
	position: relative;
	margin-right:40px;
}
#divClausulas{
	float:left;
}
#divTiempoGarantia{
	float:right;
}
.divGarantia_img{
	text-align:center;
	margin:20px;
}
.divbtnDescargar{
	/*position:absolute;*/
	margin:auto;
	background-image:url(../images/bgbtnboton.png);
	width:265px;
	height:35px;
	text-align:center;
	padding-top:15px;
	color:#ffff33;
}
.divbtnDescargar a{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#ffff33;
	cursor:pointer;
}
/****************** cotizacion ******************/
#divCotizacion{
	width:990px;
	margin:auto;
}
.divCotizacion_cont{
	float:right;
	width:730px;
	padding: 0px;
	/*overflow:hidden;*/
	margin-top: 20px;
	/*min-height: 500px;*/
	position: relative;
	margin-right:15px;
	font-size:14px;
}
.divCotizacion_cont h3{
	color:#D4FC00;
	font-size:18px;
	padding-bottom:25px;
	padding-left:20px;
	
}
.tblForm{
	margin:auto;
}
.tblForm td{
	padding:5px;
	
}
.divCotizacion_cont .tblForm td div{
	margin-left:5px;
	padding:0px 5px;
}
.divCotizacion_cont .tblForm td div .txt{
	background-color:#3D3D3D;
	border:1px solid #686868;
	width:250px;
	padding:5px;
	color:#FFF;
	font-size:14px;
}
#spnAgregarCampoPuerta{
	color:#d4fc00;
	padding-left:10px;
}
#spnAgregarCampoMarco{
	color:#d4fc00;
	padding-left:10px;	
}
.controles a{
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	color:#CCCCCC;
}

.txt{
	background-color:#3D3D3D;
	border:1px solid #686868;
	width:250px;
	padding:5px;
	color:#FFF;
	font-size:14px;
}
