body{cursor: default;margin:0;padding:0;border-top: 5px solid rgb(150, 7, 7);position:relative;font-family: Helvetica Neue, arial, Helvetica;font-size: 14px;background-image: url(../img/rinotec_bg.jpg);background-repeat: no-repeat;background-size: 100%;background-color: black;zoom: 0 !important;} a {text-decoration: none; color: inherit;} #header{height: 120px;z-index: 999999;position: relative;background-color: white;width: 100%;} #contenido{border-top: 4px solid gray;height: 100%;position: relative;width: 100%;float: left;z-index: 5;} #footer{border-top: 5px solid rgb(150, 7, 7);width: 100%;height: 80px;position: fixed;bottom: 0px;background-color: white;z-index: 90;} #logo{float:left; height: 88px; width: 296px;margin-left: 1%;margin-top: 15px;background-image: url(../img/rinotec_lo.png);background-repeat: no-repeat;} #menu{float: right;height: 120px;width: 800px;} #menu_top{ height: 35px; width: 760px; margin-top: 25px; margin-right: 40px; position: relative; } #post_slider{padding-top: 40px; padding-bottom: 40px; width: 730px; margin: 0 auto;height: 225px;} #eslider{width: 100%; height: 450px;margin: 0 auto;      background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */;border-bottom: 5px solid rgb(88, 1, 1);} #menu_top div{float:left;} #menu_bot{list-style:none;height: 50px;position: relative;top: 20px;float: right;margin-right: 25px;} #menu_bot li{float:left;color: #999;font-weight: bold;font-size: 18px;padding-left: 20px;padding-right:20px;padding-top: 7px; padding-bottom:10px;} #desplegable li{ width: 90px; margin-top: 4px; background-color: rgb(113, 108, 124); } #menu_bot li a {color: #999;} #buscador{outline: 2px solid #BBB; width: 100px; height: 25px;position: relative;top: -2px;outline: 0;background: rgb(252,255,244); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(221,221,221,1) 40%, rgba(187,187,187,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(221,221,221,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(221,221,221,1) 40%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(221,221,221,1) 40%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(221,221,221,1) 40%,rgba(187,187,187,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(221,221,221,1) 40%,rgba(187,187,187,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */ ;border: 2px solid #bbb;color: black;float: right;} #slides{z-index: 1;width: 730px;margin: 0 auto;padding-top: 15px;} #footer_l{float:left;width: 400px;} #footer_r{float:right;list-style: none;width: 400px;border-left: 2px solid #999;margin-top: 28px;} #footer_menu li{float: left;margin-right:10px;} .menu_contacto{margin-left: 40px;} .menu_contacto a{color: rgb(150, 7, 7) !important;} #acceso_clientes{color: rgb(150, 7, 7) !important;font-weight: bold;font-size: 16px;border: 2px solid #999;padding: 4PX;padding-left: 10px;padding-right: 10px;border-radius: 6PX;position: relative;cursor: default;background-color: transparent;cursor: pointer;float: right;top: -3px;margin-right: 10px;}  #lupa{background-image: url(../img/rinotec_lupa.png);width: 30px;height: 30px;position: relative;top: -3px;background-color: transparent;border: 0;outline: 0;cursor: pointer;float: right;margin-right: 5px;} .barra{width: 2px; height: 30px;background-color: #BBB;position: relative; top: 0px;float: right !important;margin-right: 10px;}  #menu_bot li{ list-style: none; position:relative; ; } #menu_bot li a{ text-decoration:none; } #menu_bot li.parent:hover{  } #menu_bot li li a{ width:250px; display:block; }  #menu_bot li ul { width: 250px; display: none; position: absolute; left: 0px; top: 40px; padding: 0; margin: 0; } #menu_bot li:hover ul { display: block; } #menu_bot li:hover { border-bottom: 5px solid black; } #menu_bot li:hover { background-color: #DDD; } #desplegable li:hover ul { display: block; } #desplegable a{color: black !important;} #desplegable li:hover { border-bottom: 0px solid gray; } #desplegable li:hover { background-color: rgb(80, 80, 80); } #post_slider_tit{color:white; font-weight: bold; font-size: 40px;width: 200px;text-align: right;text-shadow: 1px 1px 1px #666;margin-top: 30px;float: right;margin-right: 20px;cursor: default;} .post_slider_post{float: right;color:white;} #facebook{width: 32px; height: 32px; background-image: url(../img/facebook.png);float:left;} #twitter{width: 32px; height: 32px; background-image: url(../img/twitter.png);float:left;margin-left: 10px;} #fyt{margin-left: 20px;margin-top:20px;float: left;} #footer_text{margin-left: 20px;float: left;margin-top: 21px;font-weight: bold;font-size: 12px;color: #666;} #footer_menu{color: #666; font-weight: bold;font-size: 12px;margin-left: 50px;} #footer_menu li{margin-right: 40px;cursor: pointer;}  #featured {width: 496px !important; height: 391px !important; background-image: url(../img/marco_slide_home.png);  overflow: hidden; top: 20px; } #featured>img, #featured>div, #featured>a { display: none; margin-left: 14px; margin-top: 17px;}   div.orbit-wrapper { width: 1000px !important; height: 100%; position: relative; margin: 0 auto; }  div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden }  div.orbit>img { position: absolute; top: 0; left: 0; display: none; }  div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }  .orbit>div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001; }  span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(orbit/rotator-black.png) no-repeat; z-index: 3; }  span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }  span.rotator.move { left: 0 }  span.mask.move { width: 40px; left: 0; background: url(orbit/timer-black.png) repeat 0 0; }  span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; }  span.pause.active { background: url(orbit/pause-black.png) no-repeat 0 -40px }  div.timer:hover span.pause, span.pause.active { opacity: 1 }    .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }  .orbit-wrapper .orbit-caption { z-index: 50; color: #fff;  text-align: left; padding: 7px 0; position: absolute; right: 44px; top: 128px; width: 450px; }     div.slider-nav { display: block }  div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer; }  div.slider-nav span.right { background: url(orbit/right-arrow.png); right: 0; }  div.slider-nav span.left { background: url(orbit/left-arrow.png); left: 0; }    .orbit-bullets { position: absolute; z-index: 1000; list-style: none; margin-top: 25px; left: 260px; margin-left: -50px; padding: 0; }  .orbit-bullets li { float: left; margin-left: 10px; cursor: pointer; color: #999; text-indent: -9999px; background-color: #666; width: 13px; height: 12px; overflow: hidden; border-radius: 15px; }  .orbit-bullets li.active { background-color: yellow; height: 15px; width: 15px; margin-top: -1.5px; }  .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }  .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } .slide_sobre_img{ position: absolute; left: -158px; top: 21px; color: black; width: 114px; height: 114px; } .htmlcaption1{ font-size: 50px; text-shadow: 1px 1px 1px #999; font-weight: bold; } .htmlcaption2{ font-size: 60px; text-shadow: 1px 1px 1px #999; font-weight: bold; margin-top: -10px; } .htmlcaption3{ margin-top: 10px; } .slideboton{ background-color: yellow; color: black; text-shadow: 0px 2px 1px white; font-size: 24px; text-align: center; border-radius: 6px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; box-shadow: 1px 1px 10px 1px black; margin-top: 30px; cursor: pointer; width:380px; } #productos{ margin-top: 20px; height: 90%; min-height: 550px; float: left; margin-left: 1%; width: 99%; margin-bottom: 150px; min-height: 120px; z-index: 5;} #producto_lo{ float: left;  } #producto_tit{  font-size: 60px;   line-height: 93px; font-weight: bold; color: white; margin-left: 20px; float: left;   text-shadow: 1px 1px 1px black;  } #producto_menu{ position: absolute; top: 115px; list-style: none; float: left; margin-left: 10%;} #producto_menu li{ float: left;  margin-right: 20px; color: white; border: 1px solid white; border-radius: 6px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-size: 14px; text-shadow: 1px 1px 1px black; cursor: pointer; } #producto_filtro{ position: relative;  top: 0px; list-style: none; float: left; padding-right: 30px; } #productos_portal{  position: relative; float: left;   top: 0px;   left: 0px; height: 100%;   width: 80%; } 
.producto img{ width: 200px; height: 200px;  top: 0px; left: 0px; z-index: 0; position: absolute; } 
.producto{ width: 200px; height: 200px; background-color: yellow;  float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden; position: relative; } body.productos{background-image: url(../img/bg_negro.jpg) !important;} #producto_filtro{ color: white; }  .producto_filtro_last{ border-top: 1px solid white; padding-top: 5px; margin-top: 15px !important;  width: 95px; } .menu_cat_selected{ font-weight: bold; } #producto_filtro li{ margin-top: 5px;   text-shadow: 1px 1px 1px black; cursor: pointer; } .producto_filtro { border-bottom: 1px solid white;  padding-bottom: 15px; width: 95px; } .producto_menu_selected{ background-color: rgb(150, 7, 7);  border: 1px solid rgb(150, 7, 7) !important; } #producto_top{ width: 100%;   height: 140px; } #empresa{ width: 900px; background-color: rgba(0, 0, 0, 0.63); color: white; margin: 0 auto; margin-top: 0px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; padding-top: 20px; margin-bottom: 80px; font-size: 14px; } #empresa h1{ font-size: 50px; border-bottom: 1px solid white; padding-bottom:10px; } #info h1{ font-size: 50px; padding-bottom:10px; margin-left: 50px; margin-bottom: 10px; } #info{  width: 1000px;   background-color: rgb(245, 245, 39); color: white; margin: 0 auto; margin-top: 0px; padding-bottom: 50px; padding-top: 20px;  color: black;  height: 650px;  margin-bottom: 80px;  } .info_white{ background-color: white;  color: rgb(150, 7, 7); font-weight: bold; padding-top: 15px; padding-bottom: 15px; padding-left: 50px; padding-right: 50px; font-size: 15px; } .info_left{ padding-top: 15px; padding-left: 50px; padding-right: 50px; font-size: 12px; font-style: italic; float: left; position: relative; width: 300px; } .info_right h2{color: black;} .info_right b{color: black;} .info_right{ font-size: 14px; float: left; position: relative; width: 550px; color: #555; } #info_botones_bot{ width: 1000px;  float: left; position: relative; background-image: url(../img/sombra_fondo_amarilla.png); background-repeat: repeat-x; list-style: none; margin-top: 20px; } #info_botones_bot li{ background-color: rgb(150, 7, 7);  color: white; font-weight: bold; float: left; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; font-size: 14px; border-radius: 9px; margin-left: 25px; margin-top: 28px; box-shadow: 1px 1px 10px 1px black; text-shadow: 1px 1px 1px black; cursor: pointer; } #contacto { width: 880px; background-image: url(../img/rinotec_bg_contacto.png); color: white; margin: 0 auto; margin-top: 0px; padding-left: 50px; padding-right: 50px; padding-top: 20px;  height: 590px; margin-top: 50px; margin-bottom: 80px; } #contacto h1 { font-size: 50px; } .contacto_right{ position: absolute;   width: 350px; color: rgb(87, 85, 85); margin-top: -102px; margin-left: 423px; font-size: 14px; } .contacto_tit{ margin-top: 40px; } .contacto_inputs{ margin-top: 20px;   } .contacto_inputs input[type="text"]{ border: none; outline: none; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; width: 350px; margin-right: 20px; margin-bottom: 25px; font-size: 15px; } .contacto_inputs textarea{ border: none;   outline: none; padding-left: 10px; padding-top: 20px; width: 745px; padding-right: 10px; height: 140px; } #contacto_boton{ float: right;   margin-right: 115px; background-color: yellow; font-size: 20px; font-weight: bold; color: #666; text-shadow: 1px 1px 1px white; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; outline: none; border: none; border-radius: 6px; box-shadow: 1px 1px 10px 1px black; margin-top: 10px; } .active{ background-color: #ddd;} .producto_desc{ z-index: 1; background-color: black; width: 190px; height: 50px; position: relative; color: white; top: 150px; font-size: 13px; padding-left: 5px; padding-right: 5px;display:none; cursor: pointer; font-weight: bold;}  .producto:hover div { display: block; } .mas_info { display: block; } #negro{ display: none; background-color: rgba(0, 0, 0, 0.66); position: absolute; width: 100%; height: 100%; z-index: 10; } #producto_lightbox{ display: none; background-color: white; width: 850px; height: 520px; position: absolute; z-index: 999; left: 50%; margin-left: -425px; margin-top: 50px; border-radius: 15px; box-shadow: 1px 1px 10px 1px #333;} .cerrar { float: right; background-image: url(../img/btn_cerrar.png); width: 54px; height: 54px; position: absolute; right: -80px; cursor: pointer; } .producto_lb_img{ margin-left: 20px; margin-top: 10px; width: 285px; float: left; } .producto_lb_tit{ float: left; font-size: 33px; font-weight: bold; margin-top: 30px; margin-left: 60px; color: rgb(150, 7, 7); } .producto_lb_desc{ float: left; background-image: url(../img/bg_desc_prod.jpg); width: 490px; height: 195px; margin-left: 20px; margin-top: 20px; background-repeat: no-repeat; } .desc_text{ padding-left: 20px; padding-top: 0px; height: 131px; padding-bottom: 10px; padding-right: 20px; overflow: auto; } #producto_info{ position: absolute; width: 550px; height: 150px; margin-top: 265px; margin-left: 270px; } .prod_logo{position:absolute;z-index: 5;} 
.prod_cod{position:absolute;left: 105px;top: -4px;font-weight: bold;  color: gray;}
.prod_bulto{position:absolute;top: 25px;left: 105px;} 
.prod_precio{position:absolute;left: 105px;top: 30px;display: none;} .prod_col{position:absolute;left: 300px;top: -5px;font-weight: bold;color: gray;} .prod_uso{position:absolute;top: 24px;left: 300px;font-weight: bold;  color: gray;} 
#producto_compra{ position: absolute; width: 485px; height: 50px; margin-top: 345px; margin-left: 330px; list-style: none; background-color: #CCC;} 
#producto_compra li{float: left;margin-top: 16px; margin-left: 20px;font-size: 12px;} 
.prod_comp{border: 2px solid rgb(150, 7, 7);outline: none;border-radius: 15px;width: 60px;margin-top: -2px; text-align: center;} 
.btn_carrito { background-color: yellow; border: none; font-weight: bold; color: #666; text-shadow: 1px 1px 1px white; border-radius: 8px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; box-shadow: 0px 1px 5px 0px #666; margin-top: -3px; cursor: pointer; } 
#producto_thumbs img{width: 67px;height: 100px;cursor: pointer;} #producto_thumbs{position: absolute;margin-top: 400px;width: 485px;margin-left: 330px;list-style: none;height: 116px;overflow: hidden;} #producto_thumbs li{float: left; width: 100px; height: 100px;  margin-left: 10px;overflow: hidden;padding-left: 10px;} #producto_thumbs_portal{width: 1500px;height: 100px;} #menu_top_log { height: 35px; width: 650px; margin-top: 25px; margin-right: 0px; position: relative; display: none; } #acceso_clientes_salir{ float: right; background-color: rgb(150, 7, 7); color: white; outline: none; border: none; padding-left: 5px; padding-right: 5px; padding-top: 6px; padding-bottom: 6px; border-radius: 6px; box-shadow: 1px 1px 8px 0px #666; margin-top: 0px; font-weight: bold; font-size: 13px; margin-right: 12px; cursor: pointer;} #acceso_clientes_final{ float: right; background-color: white; color: rgb(150, 7, 7); outline: none; border: 1px solid rgb(150, 7, 7); padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px; border-radius: 6px; box-shadow: 1px 1px 8px 0px #666; margin-top: 0px; font-weight: bold; font-size: 12px; margin-right: 13px; cursor: pointer;} #menu_top_log_estado{float: right;font-size: 12px;margin-top: 7px;margin-right: 10px;} #cant_pro_menu_top{font-weight: bold;color: rgb(150, 7, 7);} #compra h1{ font-size: 50px; padding-bottom: 0px; color: white; margin-bottom: 10px; margin-top: 0; padding-top: 20px;} #compra{width: 900px; margin: 0 auto;padding-left:50px;padding-right:50px;height: 865px;margin-bottom: 150px;background-color: black;} #compra table{ background-color: transparent !important; color: white; border: none; } .no_border_left{border-left: 0} .no_border_right{border-right: 0} #compra table td{border-color: gray;height: 10px;font-size: 12px;font-weight: bold;} .border_white{border-top-color: white !important;border-bottom-color: white !important;} .border_white_b{border-bottom-color: white !important;} .no_border_bot{border-bottom: 0} .no_border_top{border-top: 0} .table_right{text-align:right;} .pedido_empresa{font-weight:bold;margin-top: 5px;margin-bottom: 10px;} #pedido{color:white;height: 410px;} .pedido_input{ float: left; width: 400px; margin-bottom: 10px; } .pedido_input_direccion{float:left;margin-bottom: 10px;    width: 789px;} .input_pedido{ border: none;  outline: none; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; background-color: #666; width: 235px; } .textarea_pedido{ float: left; top: 53px; background-color: #666; border: none; outline: none; width: 786px; height: 100px; margin-bottom: 30px; } .pedido_boton_enviar{float:left;position: relative; background-color: yellow; border: none; font-weight: bold; color: #666; text-shadow: 1px 1px 1px white; border-radius: 8px; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; box-shadow: 0px 1px 5px 0px #666; margin-top: -3px;font-weight: bold;} #prod_logo_img{width:285px !important;height:428px !important;} .pedido_input_text{float:left;width: 150px;font-size: 14px;margin-top: 5px;} .pedido_textarea{float:left;margin-right: 100px;margin-bottom: 10px;} .pedido_linea{height:1px;background-color:white;width:800px;float:left;margin-bottom: 30px;} .input_pedido_direccion{width: 635px;border: none;outline: none;padding-top: 4px;  padding-bottom: 4px;  padding-left: 4px;background-color: #666;}
.not_log{width: 600px !important;}
#menu_bot li.active a {color: black !important;}
#menu.not_log #menu_top{width:400px;float: right;}
@media (max-width: 960px) and (min-width: 300px) {
#logo{background-repeat:no-repeat;background-size: 100%;width: 230px;position: absolute;top: 18px;left: 1%;}
#producto_menu li{font-size:95%;}
.producto{width:180px;height:180px;}
}
.prod_descarga {position: relative;top: 35px;float: right; background-color: white; color: rgb(150, 7, 7); outline: none; border: 1px solid rgb(150, 7, 7); padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px; border-radius: 6px; box-shadow: 1px 1px 8px 0px #666; margin-top: 0px; font-weight: bold; font-size: 14px; margin-right: 13px; cursor: pointer;}
body.log #menu_top{display:none;}
body.log #menu_top_log{display:block}
body.log .prod_precio{display:block}
body.log #menu{width: 660px !important;}
body.log #producto_compra{display:block;}
#login{position:fixed;width: 300px;height: 150px;background-color:white;top:50%;margin-top: -125px;left:50%;margin-left: -170px;padding-top: 20px;display: none;z-index: 9;border-radius: 12px;box-shadow: 1px 1px 10px 1px black;padding-bottom: 20px;}#login_lightbox .lb_cerrar{right:-65px;top:2px;}
.login{margin-bottom: -1px;}
.login input{border: 1px solid gray;outline: none;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;height: 36px;width: 288px;}
#login_box{}
.login input[type="submit"]{border: none;outline: none;background-color: #CCC;padding-top: 5px;padding-bottom: 5px;height: 36px;width: 300px;margin-top: 1px;border-bottom: 1px solid gray;font-size: 17px;}
#info_2 {display:none;}
.ingrese{
    text-align: center;
    margin-bottom: 10px;
}
#msg_user{
padding-top: 0px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
width: 780px;
font-size: 18px;
position: absolute;
left: 22%;
}
.span_bck_rojo {background: rgb(150, 7, 7); color: white;	}
.span_bck_verde {background: limegreen; color: white;	}