﻿
* {border: 0; margin:0; padding:0;}
::selection {background: #C86638; color: #FFF;}
::-moz-selection {background: #C86638; color: #FFF;}
@font-face {
    font-family: 'Rationale';
    src: url('fonts/rationale/Rationale-Regular-webfont.eot');
    src: url('fonts/rationale/Rationale-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rationale/Rationale-Regular-webfont.woff') format('woff'),
         url('fonts/rationale/Rationale-Regular-webfont.ttf') format('truetype'),
         url('fonts/rationale/Rationale-Regular-webfont.svg#Rationale') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {font-family:Verdana,Helvetica,Sans-serif;color:#444;font-size:12px;
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 6%, rgba(0,0,0,0.83) 22%, rgba(0,0,0,0.48) 55%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(6%,rgba(0,0,0,1)), color-stop(22%,rgba(0,0,0,0.83)), color-stop(55%,rgba(0,0,0,0.48)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,0.83) 22%,rgba(0,0,0,0.48) 55%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,0.83) 22%,rgba(0,0,0,0.48) 55%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,0.83) 22%,rgba(0,0,0,0.48) 55%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,0.83) 22%,rgba(0,0,0,0.48) 55%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
a{ font-size:12px; color:#C86638;}
a:link{color:#999999; text-decoration:none;}
a:visited{color:#999999; text-decoration:none;}
h1 { color:#C86638; font-size:20px; font-weight:bold;}
h2 { color:#C86638; font-family: 'Rationale', Agency FB; font-size:24px; font-weight:bold; }
h3 { color:#333; font-family:"Georgia"; font-style:italic; font-size:20px; font-weight:bold; padding: 5px 0 5px 0; text-shadow: 1px 2px 3px #777; }
h4 { color:#666; font-size:14px; font-weight:bold; margin:0px; text-align:center;}
hr{border-top: 2px solid #C86638; margin: .5em 0 1em 0;}
header {background: url(images/header.png) no-repeat center; height:100px;}
hgroup h2{padding-left: 10px; text-shadow: 3px 3px 3px #777;}
p{line-height: 1.5em; padding-bottom: 10px;}
ul.servicios{list-style-image: url(images/lista.png);padding: 0 0 0 20px;}
img{border:0;}

.img600{width: 520px; margin: 0 0; padding: 0 0;}
.imgizq{float: left;margin: 0 .5em .5em 0;}

.center{width:990px;margin:0 auto; }
.derecha{float:right;margin-top:15px;padding-right:20px;text-align: right;font-family: 'Rationale', Agency FB;font-size: 22px;font-weight: bold;color:#fff;line-height: 1.1em;}
.menu{background-color: #000;background-image:url(images/mainbk.png);height:45px;width:100%;position:relative;border-bottom:solid 3px #C86638;}
#toprow {height:280px;padding-top:10px;}
#toprowsub {height:70px;border-bottom:solid 1px #ccc;background: #FFFFFF url(images/bg2.gif) repeat-x;}
#midrow {width:990px;margin:0 auto;text-align: justify;}
#bottomrow {width:990px;margin:0 auto;}

.contc{width:350px;border:thin dotted #888;margin:0px;float:right; padding:20px;}

.contac{float:left; padding:0px 0 10px 0;}

.contac img:hover{opacity: 0.5;filter:alpha(opacity=50); /* For IE8 and earlier */}

/*Logo*/
#logo{float:left;padding-top:13px;padding-left:15px;}
#logo a{background:url(images/logoo.png) no-repeat;display:block;width:300px;height:75px;text-indent:-10000px;}
/*Logo FIN*/

/*Sobra Slider
#cubershadow{width:990px;height:310px;background:url("images/shadow.png") no-repeat bottom;}
/*FIN Sombra*/

/*Caja de Inicio*/
#container {float:left;}
.box {background:url(images/border.png) no-repeat bottom right; float:left; margin: 20px 0 20px 0; width:330px;}
.box p {float:left; padding:10px 5px 10px 5px; width:200px;}
.last{background:none;}
/*Tres*/
a.plan{float:left;margin: 20px 0 0 60px;}
a.whyus{background:url(images/porque.png) no-repeat 0px 0px; display:block; float:left; height:70px; margin: 10px 0 0 10px; text-indent:-1000px; width:100px;}
a.whyus:hover{background-position: 0px -70px;}
a.promocion{background: url(images/promocion.png) no-repeat 0px 0px; display:block; float:left; height:70px; margin: 10px 0 0 10px; text-indent:-1000px; width:100px;}
a.promocion:hover{ background-position: 0px -70px;}
/*Boton e imgs*/
a.button{background: #333; -webkit-border-radius: 5px; border-radius:5px; color: #CCC; font-weight: bold; padding: 5px 8px 5px 8px;}
a.button:hover{color: #FFF;}
.img:{opacity:1.0;filter:alpha(opacity=100); /* IE8 */}
.img:hover{opacity: 0.5;filter:alpha(opacity=50); /* IE8 */}

/*Caja de Sub Páginas*/
#box2holder{padding: 20px 30px;}
.box2{ float:left; padding:20px 0px;width:450px;}
.box2 img{ border: 5px solid #F2F2F2; float:left;}
.box2 h3{float:left; margin:0px; padding:0px 5px;}
.box2 p{float:left; margin:0px; padding:5px 5px; width:220px;}
/*FIN*/
/*Fondo de Página*/
.textbox{float:left; padding:20px 0px; width:990px;}
.textbox2{background: #E6E6E6 url(images/textbox2bg.gif) repeat-x; float:left; padding:20px 30px 20px 30px; width:930px;}
/*Fondo de Página FIN*/


/*Footer*/
footer {background: #222 url(images/footer2.png) no-repeat center; border-top: 2px solid #666; float:left; height:auto; width:100%; }
footer h4{color:#FFF; padding-left: 10px; text-shadow: 1px 2px 3px #FFF; filter: dropshadow(color=#FFF, offx=2, offy=2);}
.foot{margin: 0 auto; padding: 10px 0 10px 0; width:990px;}
.foot a:link{color:#999;text-decoration:none;}
/*Footer Columnas*/
#footer-cols{display: block;overflow: hidden;color: #BBBABA;line-height: 1.5em;padding-left:5px;margin-left:0px;}
#footer-cols li.col{display: block;width: 300px;float: left;margin-left: 10px;margin-bottom: 20px;}
#footer-cols li.col ul{display: block;}
#footer-cols li.col ul li{display: block;line-height: 1.7em;}
#footer-cols li.col ul li.page_item{display: block;line-height: 2.5em;padding-left: 17px;border-top: 1px solid #4a4a4a;border-bottom: 1px solid #000;background-image:url("images/footer-bullet.png"); background-repeat: no-repeat;background-position: 0px 10px;}
#footer-cols li.col ul li.page_item_dos{display: block;padding-left: 17px; background-image:url(images/footer-bullet.png); background-repeat: no-repeat;background-position: 0px 5px;}
#footer-cols li.col ul li:first-child{ border-top: none; }
#footer-cols li.col ul li:last-child{ border-bottom: none; }
#footer-cols li.col ul li a{color: #CCC;text-decoration: none;}
#footer-cols li.col ul li a:hover{color: #FFF;}
.mc{color: #FFF; text-align: center;}
/*FIN*/
/*Buscador*/
.form{float:right;}
button{background-color: #C86638; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:2px solid #FFF;color:#FFF; cursor:pointer;font-weight: bold;padding-left:5px;}
input:focus{color: #000; background-color: #FCC6AC;}
/*FIN*/
/*Productos*/
.galleryContainer {width: 970px;}
.galleryImage { background-color:black; width:300px; height:240px; overflow:hidden; margin:5px; float:left;}
.info { margin-left:10px; margin-right:10px; padding:3px;}
.info h2 { color:gray;}
.info p { color:white}
/*FIN*/
/*Productos*/
.galleryProductos {width: 930px;}
.galleryImageProductos { background-color:black; width:222px; height:174px; overflow:hidden; margin:5px; float:left;}
.infopro { margin-left:10px; margin-right:10px; padding:3px;}
.infopro h5 { font-size:12px; color:#ccc;}
.infopro p { color:white}
/*FIN*/
/*Lista de Productos*/
.lista{width:600px;border:3px double #888;background-color:#FFF;height: auto;float:right;}
.lista tr{height:20px;}
.lista th {padding:2px;font-size:13px;	vertical-align:top;text-align:center;color:#C86638;}
.lista td,
.lista td a{padding:2px;font-size:13px;	vertical-align:middle;}
.lista td a{color:#C86638;}
.lista td a:hover{text-decoration:none;}
.lista th{background:url("images/text-bg.gif") #fff repeat-x;border-bottom:3px double #888;line-height:20px;}
.lista td{border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;line-height:20px;	}
/*FIN de la lista de Productos*/
/*Tabla de Promociones*/
.lista2{width:930px;border:3px double #888;margin:0px 0px;background-color:#fff;height: auto;}
.lista2 tr{height:20px;}
.lista2 th {padding:2px;font-size:13px;	vertical-align:top;text-align:center;color:#C86638;}
.lista2 td,
.lista2 td a{padding:2px;font-size:13px;vertical-align:middle;}
.lista2 td a{color:#C86638;}
.lista2 td a:hover{text-decoration:none;}
.lista2 th{background:url("images/text-bg.gif") #fff repeat-x;border-bottom:3px double #888;line-height:20px;}
.lista2 td{border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;line-height:20px;	}
/*FIN de la tabla*/
/*Descripción de los Productos*/
dd{padding: 10px 20px 10px 20px; font-size:11px;}
dl dt{ text-transform: uppercase; padding: 10px 20px 5px 20px; cursor:pointer;}
dt h2 {font-size:18px;	border-bottom: 1px #888 dotted; }
/*FIN Descripción de los Productos*/
/*Caja de transicciones*/
#rotator{border: 1px solid #222;overflow: hidden;margin: 0px auto 10px;float:left;width: 300px;height: 300px;/*cambiar el tamaño pero recuerda cambiaqrlos abajo*/}
#rotator img{border: 0;width: 300px;height: 300px;}
/*FIN*/
/* Menu */
ul#css3menu1,ul#css3menu1 ul{margin:0;list-style:none;padding:0;background-color:#000000;background-image:url("images/mainbk.png");background-repeat:repeat;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
ul#css3menu1 ul{display:none;position:absolute;left:0;top:100%;background-color:#DDDDDD;background-image:url("images/subbk.png");border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:0;}
ul#css3menu1 li:hover>*{display:block;}
ul#css3menu1 li{position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{z-index:1;}
ul#css3menu1 ul ul{position:absolute;left:100%;top:0;}
ul#css3menu1{padding:6px 6px 6px 0;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;*display:inline;}
ul#css3menu1>li{margin:0 0 0 6px;}
* html ul#css3menu1 li a{display:inline-block;}
ul#css3menu1 ul>li{margin:6px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{outline-style:none;}
ul#css3menu1 a{display:block;vertical-align:middle;text-align:center;text-decoration:none;font:12px Arial;color:#666;cursor:pointer;padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;}
ul#css3menu1 ul li{float:none;margin:0;}
ul#css3menu1 ul a{text-align:left;}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{background-color:#C86638;border-color:#F8F8F8;border-style:solid;color:#FFF;text-decoration:none;}
ul#css3menu1 img{border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{display:none;}
ul#css3menu1 li:hover > a img.def{display:none;}
ul#css3menu1 li:hover > a img.over{display:inline;}
ul#css3menu1 li a.pressed img.over{display:inline;}
ul#css3menu1 li a.pressed img.def{display:none;}
ul#css3menu1 ul span{background-image:none;padding-right:16px;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{background-color:#C86638;border-style:solid;border-color:#F8F8F8;color:#FFF;text-decoration:none;}
ul#css3menu1 li.topmenu>a{background-color:;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:transparent;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font:bold 13px Arial;color:#E7E5E5;text-decoration:none;text-shadow:0 1px 1px #000000;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{background-color:#666666;background-image:url("images/mainbk.png");background-position:0 100%;border-style:solid;border-color:#F8F8F8;color:#444444;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;}
ul#css3menu1 li.subfirst>a{border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.sublast>a{border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;}
/* FIN del Menu */
/* Slide de clientes */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:10px 0 0; }
#outerContainer { width:930px; height:130px; margin:auto; position:relative; }
#imageScroller { width:930px; height:130px; position:relative; background:#fff url("images/imageScrollerBG2.png") no-repeat; }
#viewer { width:916px; height:110px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000; }
#imageScroller a img { border:0; }
#controls { width:922px; height:47px; background:url("images/controlsBG2.png") no-repeat; position:absolute; top:2px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#000; font-family:Verdana; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }

div#menu {width:184px; background:url(images/menu_1.gif) top no-repeat; padding-top:44px;}
div#menubody {background:url(images/menu_2.gif) repeat-y; padding-left:21px;}
div#menubottom {height:26px; background:url(images/menu_4.gif) bottom no-repeat;}
ul#menulist {width:144px; list-style-type:none;}
ul#menulist li {height:27px; background:url(images/menu_3.gif) bottom repeat-x;}
ul#menulist a {width:122px; height:20px; border-left:#75c5de 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}
ul#menulist a:hover {background:url(images/menu_5.jpg) left repeat-y;}