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

@import url('reset.css');
@font-face { font-family:"Handel"; src: url(../resources/fonts/Handel_Gothic_BT.ttf)}
@font-face { font-family:"Swiss"; src: url(../resources/facelift-1.2.2/fonts/Swiss721CBT.ttf)}
body { background:#082744 url(../images/background-x.jpg) repeat-x center top; font-family:"Tahoma", sans-serif; font-size:12px; font-weight:normal; color:#4b6e8f;}
.bg-position {background-position:center -70px!important;}

/* Anchors
---------------------------------------------------*/
h1, h2, h3 {font-family: "Verdana", Tahoma, Sans-Serif;}
h1 {color:#CCC; font-size:3em; font-weight:normal; font-family:"Handel", Myriad Pro, Arial; margin:0 0 5px 0; text-transform:uppercase;}
h1 .span {color:#0f4c9c!important; border:none!important;}
h2 {color:#f00; font-size:3em; font-weight:normal; font-family:"Handel", Myriad Pro, Arial; margin:0 0 5px 0; text-transform:uppercase;}
h2 .span {color:#0f4c9c!important; border:none!important;}
h2 span.0f4c9c { color:#0f4c9c;}
h2.margin-top {margin:3px 0 0 0!important;}
h3 {font-size:1.5em; font-family:"Swiss", serif; font-weight:600; }
h4 {font-size:1.5em; font-family:"Arial", Gadget, sans-serif; font-weight:bold;}
p { display:block; margin:0 0 14px 0; line-height:17px; color:#333; font-weight:normal; text-align:justify;}
p.azul {color:#4b6e8f;}
p.azul a { text-decoration:underline;}
p.azul a:hover { text-decoration:none;}
a { text-decoration:none; color:#4b6e8f;}
a:hover { text-decoration:none; color:#2f5070;}
a.underline { text-decoration:underline;}
.marTop5 { margin:5px 0 0;}
.size18px {font-size: 18px; line-height: 25px;}
.size18px b {     color: #FFF;}
.wAuto { width:100%!important;}

/* Wrapper
---------------------------------------------------*/
#wrapper {background:url(../images/background.jpg) no-repeat center top;}
#wrapper-main { width:900px; margin: 0 auto;}
#header { height:120px; position:relative;}
#logo, #menu { float:left; z-index:200;}
div#header #logo { width:368px; height:139px; position:absolute; top:-16px; left:-25px;}
div#header #logo span { visibility:hidden; display:block;  width:330px; height:100px; }
div#header #menu {/*float:right!important;*/ padding:25px 0 0 320px;}
#menu ul li { float:left; margin-left:25px;}
.banner { position:relative;}
div.banner .item { position:absolute; right:-50px; top:-50px;}

.mapa {margin:5px 0 15px 0;}

/* Main Cont */
#main { background-color:#FFF;padding:15px;color:#333!important;}
.main-cont {}
.main-cont img.border { width:200px; border:solid 5px #547595; margin:15px;}
img.img-cont { margin:0 0 0 15px;}

.box-categoria { float:left; margin:15px 2%}

.col-left, .col-right { float:left;}
.col-left { width:225px; margin:0 15px 0 0; padding:0;}
.col-left h2 { font-size:2.5em!important;}
span.azul {color:#0f4c9c; font-size:.6em;}
span.rojo {color:#F00; font-size:.6em;}
.menu-cate { margin:10px 0;}
.menu-cate h4 { line-height:37px; height:40px; width:220px; background:url(../images/hovers.png) left top; color:#FFF; font-size:15px; font-family:"Swiss", Myriad Pro!important; font-weight:normal; margin:0 0 5px 0; -moz-box-shadow:1px 1px 2px #666; -moz-border-radius:7px;}
.menu-cate h4:hover { background:url(../images/hovers.png) left bottom; color:#FFF;}
.menu-cate h4.active { background:url(../images/hovers.png) left bottom; color:#FFF;}
.menu-cate h4 a { padding:3px 65px 3px 10px; display:block; color:#FFF;}
.acc_container {
	margin: 0 0 5px; padding:0;
	overflow: hidden;
	font-size: 11px!important;
	width: 220px;
	clear: both;
	background: #bcd5ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.acc_container ul.sub-list li { border-bottom:dotted 1px #83b1e1; color:#333; margin:0; background:transparent; font-size: 11px!important; -moz-box-shadow:none; -moz-border-radius:0;}
div.acc_container ul.sub-list li a span { display:block; font-weight:bold;}
ul.sub-list li a { color:#333; display:block; padding:5px;}
div.acc_container ul.sub-list li a:hover { background-color:#17356c; color:#fff; -moz-box-shadow:none; -moz-border-radius:none; padding:5px;}
div.acc_container ul.sub-list li.selected a { background-color:#17356c; color:#fff; -moz-box-shadow:none; -moz-border-radius:none; padding:5px;}
div.acc_container ul.sub-list li.border-top a { -moz-border-radius-topleft:5px;  -moz-border-radius-topright:5px}
div.acc_container ul.sub-list li.border-bottom a { -moz-border-radius-bottomleft:5px;  -moz-border-radius-bottomright:5px; border:none!important;}
li.no-border {border:none!important;}

.no-lh { line-height:18px!important;}

ul.valores { margin:0 10px;}
ul.valores li { margin:0 0 0 5px; list-style:none; background:url(../images/row.png) no-repeat left center; padding:3px 3px 3px 12px;}
.kaba { padding:7px; background-color:#001b35; -moz-border-radius:7px; display: inline;}

/* Col Left */
.col-right { width:630px;}
.resizeh2 h1, .resizeh2 h2 { font-size:22px!important; color:#004ca6!important;}
.box-left { margin:0 0 15px 0;}
.prominent { margin:0 0 15px 0;}
.prominent img { width:110px;}
.prominent span { display:block; text-align:left; margin:5px 0 0;}
.prominent span a { color:#0099CC;}
.prominent span a:hover { text-decoration:underline;}

#products h2 {font-size: 3.2em!important;}
#products h2 span.azul {font-size: .5em!important;}

.categorias ul {margin:10px 0!important;}
.categorias ul li { margin:0 0 5px 0!important;}
.categorias ul li a {color:#FFF;}
#news-container {height:145px!important; overflow:hidden;}

.noticias {margin:9px 0}
.box-noticias {margin:0;}
.box-noticias img {float:left; margin:0 10px 10px 0!important; width:100px!important; border-width:3px!important;}
.social { margin:10px 0 3px 0; height:20px;}

/* PRODUCTOS **/
.box-productos { float:left; width:200px; height:200px; margin:0 10px 20px 0;}
div.box-productos .description { text-align:center;} 
div.box-productos .description a { color:#666!important;} 
div.box-productos .description:hover a { color:#2f5070!important;} 
div.box-productos .description span { display:block; font-weight:bold;} 
span.model { display:block; color:#666; font-size:14px; margin:0 0 5px 0;}

.back {padding: 7px 0; background-color:#022f56; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; display:inline; float:right; margin:10px 0 0 0;}
.back:hover {background-color:#032746;}
.back a {padding: 7px; color:#FFF; text-decoration:none;  display: inline; }

/* CONTACTO */
.box-contacto {}
.box-contacto a { text-decoration:underline;}
.box-contacto a:hover { text-decoration:none;}
.box-contacto p {margin:0 0 5px 0;}
.box-contacto p b {margin:7px 0 0 0; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

/* FOOTER
---------------------------------------------------*/
#footer { background:url(../images/bg-footer.jpg) repeat-x left top;}
.footer-cont { width:900px; margin:0 auto; padding:15px 0;}
.footer-left, .footer-right { float:left;}
.footer-left { width:70%;}
.footer-right { width:30%; text-align:right;}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}