*{margin:0; padding:0; outline:0;}

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	font-weight:normal;
	background-color:#E9E9E9;
	margin:0 auto;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.body-int{
	background-image: url(../img/bg-int.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
@font-face { 
	font-family: "ArialNarrow"; 
	src: url(../fonts/arialn.ttf);
}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #114A8F;
	text-decoration:none;
	font-weight:bold;
}
h1{
	font-weight:bold;
	font-family:"ArialNarrow";
	font-size:44px;
	word-spacing:-2px;
	color:#333;
}
h2{
	font-weight:bold;
	font-family:"ArialNarrow";
	font-size:22px;
	word-spacing:-2px;
	color:#fff;
}
h3{
	font-weight:normal;
	font-family:"ArialNarrow";
	font-size:25px;
	word-spacing:-2px;
	color:#333;
}
h4{
	font-weight:normal;
	font-family:"ArialNarrow";
	font-size:33px;
	word-spacing:-2px;
	color:#333;
	padding:9px;
}
.tel{
	font-weight:bold;
	font-family:"ArialNarrow";
	font-size:44px;
	word-spacing:-2px;
	color:#333;
}
.blue{
	font-weight:bold;
	color:#114A8F;
}
.bluetwo{
	font-weight:bold;
	font-family:"ArialNarrow";
	font-size:20px;
	word-spacing:-2px;
	color:#114A8F;
}
a span{	display:none;}
li{list-style:none}
p{font-size:14px; padding-top:10px; text-align:left; margin-right:15px; line-height:17px;}
strong, b{font-weight:bold}
.bold{font-weight:bold}
.italic{font-style:italic}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// FORMS ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
form li{
	margin-bottom:5px
}
label{
	display:block;
	color:#696969;
}
input, textarea {
	background-color:#fff;
	padding:3px;
	color:#666;
	width:180px;
	height:25px;
	margin-left:6px;
	margin-top:10px;
	font-family:12px;
	border: #E8E8E8 1px solid;
}
input:focus, textarea:focus{
	background-color:#fff;
	padding:3px;
	color:#666;
	width:180px;
	font-family:12px;
	border: 1px solid #D8D8D8;
}
select{
	background-color:#1d1d1d;
	padding:3px;
	color:#ccc;
	width:200px;
	font-family:11px;
	border: none;
}
select:focus{
	background-color: #333;
	padding:3px;
	color:#ccc;
	font-family:11px;
	border: none;
}
.btn-entrar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:65px;
	height:28px;
	border:none;
	margin-bottom:10px;
	color:#666;
	cursor:pointer;
	background-image: url(../img/btn-entrar.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn-entrar:hover{
	background-image: url(../img/btn-entrar-ov.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn-registro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:87px;
	height:28px;
	border:none;
	color:#666;
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	padding-top:23px;
	padding-bottom:23px;
	background-image: url(../img/btn-registro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.btn-registro:hover{
	background-image: url(../img/btn-registro-ov.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// HEADER ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#header{
	width:100%;
	height:485px;
	margin:0 auto;
}
#headerbox-home{
	width:1000px;
	height:485px;
	margin:0 auto;
	position:relative;
}

#headerbox-home-l{
	width:190px;
	height:485px;
	padding-left:20px;
	margin:0 auto;
	float:left;
	position:relative;
	display:inline;
}
#logo{
	width:156px;
	height:184px;
	padding-top:29px;
	margin:0 auto;
	padding-left:21px;
	float:left;
}
#banners-prod{
	width:183px;
	height:113px;
	padding-top:22px;
	margin:0 auto;
	padding-left:8px;
	float:left;
}
#banners-geo{
	width:183px;
	height:113px;
	padding-top:5px;
	margin:0 auto;
	padding-left:8px;
	float:left;
}
#headerbox-home-r{
	width:770px;
	height:485px;
	margin:0 auto;
	float:left;
	padding-left:20px;
	position:relative;
	display:inline;
}
#header-int{
	width:100%;
	height:300px;
	margin:0 auto;
}
#headerbox-int{
	width:1000px;
	height:300px;
	margin:0 auto;
	position:relative;
}
#top-empresa{
	width:686px;
	height:184px;
	margin:0 auto;
	z-index:999;
	top:127px;
	right:30px;
	position:absolute;
}
#headerbox-int-l{
	width:190px;
	height:300px;
	padding-left:20px;
	margin:0 auto;
	float:left;
	position:relative;
	display:inline;
}
#headerbox-int-r{
	width:770px;
	height:300px;
	margin:0 auto;
	float:left;
	padding-left:20px;
	position:relative;
	display:inline;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// NAV ///////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////
*/
#nav {		
	width:688px;
	height:36px;
	margin:0 auto;
	margin-top:66px;
	padding:0;
	padding-left:40px;
}
#nav li {
	float:left;
	height:39px;
	line-height:29px;
	margin:0 auto;
	margin-left:7px;
	margin-right:7px;
	list-style:none;
	display:inline;
	padding-left:6px;
	padding-right:6px;
}
#nav li a {
	font-family: "ArialNarrow";
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#666;
	text-decoration:none;
}
#nav li a:hover {
	font-family: "ArialNarrow";
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#114A94;
	text-decoration:none;
}
#nav li .active {
	font-family: "ArialNarrow";
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#114A94;
	text-decoration:none;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// BANNER ////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#banner{
	width:728px;
	height:303px;
	margin:0 auto;
	margin-top:50px;
	position:relative;
}
#pager{
	position:absolute;
	bottom:-20px; left:340px;
	z-index:999;
}
#pager a {
	display:block;
	float:left;
	width:15px; height:15px;
	overflow:hidden;
	margin-left:5px;
	background:url(../img/pager.png) no-repeat left top;
	text-indent:-40px;
}
#pager a.activeSlide { background-position: right top}
#pager a:focus { outline: none; }

/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// HOME ////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#page{
	width:100%;
	margin:0 auto;
	display:table;
}
#content{
	width:1000px;
	margin:0 auto;
	display: table;
}
#cont-marcas{
	width:1000px;
	margin:0 auto;
	display: table;
}
#content-int{
	width:954px;
	margin:0 auto;
	padding-bottom:30px;
	display: table;
	background-image: url(../img/bg-info-int.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#box-home{
	width:950px;
	height:80px;
	display:table;
	padding-top:50px;
	margin:0 auto;
}
#box-home-l{
	width:220px;
	margin:0 auto;
	float:left;
	display:inline;
}
#box-home-r{
	width:730px;
	margin:0 auto;
	float:left;
	display:inline;
}
#col-left{
	width:210px;
	padding-top:60px;
	padding-left:17px;
	margin:0 auto;
	float:left;
	display:inline;
}
#col-right{
	width:700px;
	padding-left:10px;
	margin:0 auto;
	float:left;
	position:relative;
	display:inline;
}
#boder-info{
	width:1000px;
	height:48px;
	margin:0 auto;
	background-image: url(../img/borde-info.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
.borde-distri{
	width:204px;
	height:597px;
	background-image: url(../img/borde-foto.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
.borde-foto{
	width:204px;
	height:113px;
	background-image: url(../img/borde-foto.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
#box-distri{
	width:289px;
	height:567px;
	padding-left:30px;
	float:left;
	padding-top:40px;
}
#box-distri-two{
	height:567px;
	width:280px;
	float:left;
	text-align:left;
	padding-left:60px;
	padding-top:40px;
}
#dis{
	width:275px;
	float:left;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
}
#dis li{
	width:250px;
	height:22px;
	line-height:22px;
	border-bottom:#CCC 1px dotted;
	float:left;
	padding-left:15px;
	color:#333; font-weight:bold;
	text-align:left;
	background-image: url(../img/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.box-login{
	width:200px;
	border:#E8E8E8 1px solid;
	padding:1px;
	padding-bottom:4px;
}
.box-login a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	padding-top:12px;
	padding-left:7px;
	text-decoration:none;
	cursor:pointer;
	font-weight:normal;
}
.box-login a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #114A8F;
	padding-top:12px;
	padding-left:7px;
	text-decoration:none;
	font-weight:normal;
}
.top-box-login{
	width:190px;
	height:39px;
	line-height:39px;
	padding:1px;
	padding-left:10px;
	font-weight:normal;
	font-family:"ArialNarrow";
	font-size:20px;
	word-spacing:-2px;
	color:#333;
	background-image: url(../img/top-box-login.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.box-registro{
	width:200px;
	border:#E8E8E8 1px solid;
	padding:1px;
	font-size:12px;
	padding-bottom:14px;
	margin-top:20px;
}
.top-box-registro{
	width:190px;
	height:39px;
	line-height:39px;
	padding:1px;
	padding-left:10px;
	font-weight:normal;
	font-family:"ArialNarrow";
	font-size:20px;
	word-spacing:-2px;
	color:#333;
	background-image: url(../img/top-box-registro.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.prod-cat{
	padding-top:30px;
	position:relative;
	width:554px;
	height:400px;
	padding-left:70px;
}
.btn-estrella-registro{
	width:121px;
	height:122px;
	position:absolute;
	z-index:999;
	bottom:10px;
	left:210px;
}
.prod-cat-box{
	margin-top:20px;
	position:relative;
	width:320px;
	height:400px;
	float:left;
	padding-left:19px;
	background-image: url(../img/bg-tit-cat.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.prod-cat-tit{
	width:320px;
	line-height:46px;
	height:44px;
	margin-bottom:24px;
}
.ver-catalogo{
	width:151px;
	height:151px;
	position:absolute;
	z-index:999;
	bottom:20px;
	left:20px;
}
.descargar-catalogo{
	width:151px;
	height:151px;
	position:absolute;
	z-index:999;
	bottom:20px;
	left:190px;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COVERS ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
ul.success{
	width:204px;
	float:left;
	height:136px;
	display:table;
	padding-top:9px;
	text-align:left;
	margin:0 auto;
}
ul.success li{
	position:relative;
	width:204px; height:136px;
	float:left;
	margin-bottom:13px;
	display:inline;
	font-size:17px;
	font-weight:bold;
	color:#32ABAA;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: -1px;
}
ul.success li img{
	position:absolute;
	left:0;
	top:0;
	width:204px; height:136px;
	z-index:1111;
}
ul.success li a{
	position:absolute;
	left:0;
	top:0;
	width:204px; height:136px;
	color:white;
	text-align:center;
	font-size:12px;
	text-indent:-33333px;
	z-index:99;
}
ul.success li a:hover{
	position:absolute;
	top:0px;
	width:204px; height:86px;
	color:white;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	padding-top:50px;
	 text-shadow: 2px 2px 3px #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	z-index:99;
	text-indent: inherit;
	background-image: url(../img/cover.png);
	background-repeat: repeat;
	background-position: left top;
}
ul.success li a:hover img{
	position:absolute;
	left:0;
	top:0;
	width:204px; height:136px;
	z-index:-111111;
	background-image: url(../img/cover.png);
	background-repeat: repeat;
	background-position: left top;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
}
.lupa{
	width:44px; height:44px;
	margin:0 auto;
	background-image: url(../img/lupa.png);
	background-repeat: no-repeat;
	background-position: center center;
}

ul.suss{
	width:204px;
	float:left;
	height:620px;
	display:table;
	padding-top:9px;
	text-align:left;
	margin:0 auto;
	background-image: url(../img/borde-foto.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
ul.suss li{
	position:relative;
	width:204px; height:620px;
	float:left;
	margin-bottom:13px;
	display:inline;
	font-size:17px;
	font-weight:bold;
	color:#32ABAA;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: -1px;
}
ul.suss li img{
	position:absolute;
	left:0;
	top:0;
	width:204px; height:620px;
	z-index:1111;
}
ul.suss li a{
	position:absolute;
	left:0;
	top:0;
	width:204px; height:620px;
	color:white;
	text-align:center;
	font-size:12px;
	text-indent:-33333px;
	z-index:99;
}
ul.suss li a:hover{
	position:absolute;
	top:0px;
	width:204px; height:320px;
	color:white;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	padding-top:300px;
	 text-shadow: 2px 2px 3px #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	z-index:99;
	text-indent: inherit;
	background-image: url(../img/cover.png);
	background-repeat: repeat;
	background-position: left top;
}
ul.suss li a:hover img{
	position:absolute;
	left:0;
	top:0;
	width:204px; height:620px;
	z-index:-111111;
	background-image: url(../img/cover.png);
	background-repeat: repeat;
	background-position: left top;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 70);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// FOOTER ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#footer{
	width:100%;
	font-weight:bold;
	display:table;
	position:relative;
	margin:0 auto;
	background-color: #FFF;
	background-image: url(../img/borde-foot.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#footerbox{
	width:1000px;
	height:70px;
	margin:0 auto;
	padding-top:40px;
	position:relative;
	padding-bottom:15px;
}
#mapafoot{
	width:368px;
	height:112px;
	margin:0 auto;
	top:-10px;
	right:0px;
	position:absolute;
	z-index:999;
}
#footerbox-left{
	width:570px;
	margin:0 auto;
	font-family:"ArialNarrow";
	font-size:20px;
	color:#666;
	position:relative;
	float:left;
	text-align:left;
}
#footerbox-right{
	width:320px;
	margin:0 auto;
	position:relative;
	float:right;
	padding-top:20px;
	text-align:right;
}
#footer-blue{
	width:1000px;
	height:50px;
	margin:0 auto;
	maring-top:15px;
	margin-bottom:5px;
	line-height:50px;
	background-color:#0E4A96;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#footer-blue-l{
	width:570px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:15px;
	color:#fff;
	position:relative;
	float:left;
	text-align:left;
}
#footer-blue-r{
	width:320px;
	padding-right:15px;
	margin:0 auto;
	position:relative;
	float:right;
	text-align:right;
}
#footer-blue-r a {
	font-size:17px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	text-decoration:none;
	word-spacing: -1px;
}
#footer-blue-r a:hover {
	font-size:17px;
	font-weight:bold;
	text-align:left;
	color: #fff;
	text-decoration:underline;
	word-spacing: -1px;
}
#footer-bottom{
	width:100%;
	height:36px;
	color:#666;
	line-height:36px;
	font-size:12px;
	font-weight:normal;
	display:table;
	background-color:#fff;
	position:relative;
	margin:0 auto;
}
#footerbox-bottom{
	width:1000px;
	margin:0 auto;
}
#footerbottom-left{
	width:570px;
	margin:0 auto;
	position:relative;
	float:left;
	text-align:left;
}
#footerbottom-right{
	width:320px;
	margin:0 auto;
	position:relative;
	float:right;
	text-align:right;
}
#footerbottom-right a {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666;
	text-decoration:none;
	word-spacing: -1px;
}
#footerbottom-right a:hover {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color: #0E4A96;
	text-decoration:none;
	word-spacing: -1px;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COLORBOX ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0 auto; text-align:center; width:100%;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#333;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#fff; font-weight:bold;}
        #cboxCurrent{ display:none;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}