/*
----------------------------------------------------------
Reglas generales
----------------------------------------------------------
*/

@font-face {
      font-family: 'fontello';
      src: url('../fonts/iconos_redes/fontello.eot?59807942');
      src: url('../fonts/iconos_redes/fontello.eot?59807942#iefix') format('embedded-opentype'),
           url('../fonts/iconos_redes/fontello.woff?59807942') format('woff'),
           url('../fonts/iconos_redes/fontello.ttf?59807942') format('truetype'),
           url('../fonts/iconos_redes/fontello.svg?59807942#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      font-size:60px;
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

    }

.demo-icon{transform-style: preserve-3d; transition: all 0.3s linear; }
.demo-icon:hover{transform: rotateY(360deg); color:#57bbe7;}


body{font-family: Arial;color:#697379;font-size:16px;}
.center-block {float: none !important}
.vcenter {display: inline-block; vertical-align: middle; float: none; }
.shadow_header{-webkit-box-shadow: 0px -5px 10px 4px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px -5px 10px 4px rgba(0, 0, 0, 1);
box-shadow: 0px -5px 10px 4px rgba(0, 0, 0, 1);}

.innerShadow{-webkit-box-shadow: inset 2px -20px 11px -17px rgba(0,0,0,0.37);
-moz-box-shadow: inset 2px -20px 11px -17px rgba(0,0,0,0.37);
box-shadow: inset 2px -20px 11px -17px rgba(0,0,0,0.37);}
.bg_blanco{background-color:#fff;}
.bg_grisObscuro{background-color:#353b43;}
.bg_gris{background-color:#f7f8f9;}
.c_blanco{color:#fff;}
.c_azul{color:#305496;}
.mail_to{color:#57bbe7;font-weight:bold;display:block;}
.mail_to:hover{color:#fff;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mr5{margin-right:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb40{margin-top:40px;margin-bottom:40px;}
.mtb50{margin-top:50px;margin-bottom:50px;}
.mtb100{margin-top:100px;margin-bottom:100px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.plr0{padding-left:0px;padding-right:0px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
/*https://stackoverflow.com/questions/5306640/how-to-set-bullet-colors-in-ul-li-html-lists-via-css-without-using-any-images-or*/
.vine_square{list-style:none;padding-left:0px;}
.vine_square li {padding-left: 8px; text-indent: -11px;}
.vine_square li:before {content: "• ";color: #0e71b8;}
.divicion{border-bottom:2px solid #1c75bc;}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left:20px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:20px;}
.carousel-control{opacity:1;}
.glyphicon-chevron-left::before,.glyphicon-chevron-right::before{color:#305496;}
.carousel-indicators{bottom:-98px;}

.modal-footer{border-top:none;}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
.verCotizacion {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center;
  white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none;
     -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;color: #fff;
  background-color:#4cae4c; border-color: #4cae4c; }


.verCotizacion:focus,
.verCotizacion:active:focus,
.verCotizacion.active:focus,
.verCotizacion.focus,
.verCotizacion:active.focus,
.verCotizacion.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.verCotizacion:hover,
.verCotizacion:focus,
.verCotizacion.focus {color: #333; text-decoration: none; }

.verCotizacion:active,
.verCotizacion.active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
  
.verCotizacion:focus,.verCotizacion.focus {color: #fff; background-color: #286090; border-color: #204d74; }
.verCotizacion:hover {color: #fff; background-color: #286090; border-color: #204d74; }
.orientacionVerCoti{position:fixed;top:50%;right:0px;z-index:50;display:none;}
.notificacion{width:100%;height:auto;position:fixed;top:0;left:0;z-index:50;display:none;}
.notificacion p{color:#fff;padding:15px;background-color:#4cae4c;}
.tooltip.top .tooltip-arrow{bottom:5px;}


/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}



.logo{text-align:center;}
.logo img{margin-top: 44px;}
header{background-color:#fff; z-index:2;position:relative;background-image:url(../imgs/varias/bg_gris.jpg),url(../imgs/varias/bg_blanco.jpg);background-position: 0 -63px, left bottom;background-repeat:repeat-x,repeat-x;}
header div.container h2{font-size:26px;}
header div.container p{font-size:20px;}
footer{background-color:#434b55;}
footer p{font-size:14px;letter-spacing:1px;}
.border_footer{border-right:none;border-bottom:1px #fff solid;}
.col_footer{height:auto;padding-top:0px;padding-bottom:0px;text-align:center;margin-top:10px;margin-bottom:10px;}
.col_footer i{color:#fff;text-decoration:none;}
.colFoot1{float:none;margin-bottom: 15px;}
.hecho_en{margin-top:auto;margin-left:auto;float:none;text-align:center;display:inline;float:none;}
.cotizar,.btn_gris{background-color:#434b55;border-color:#434b55;}
.elimina{padding: 1px 3px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
.numProd,.nomProd,.titleModal{font-size: 12px;}
.desgloseProd .col-xs-3{padding-left:5px;padding-right:5px;}
.list-inline a{color:#697379;}
.list-inline li{color:#fe0000;}
.slogan{margin-top:65px;margin-bottom:0px;}

#menu{background-color:#434b55;border-color:#434b55;}
.position_nav{position:relative;}
.position_nav nav{width:293px;position:absolute;top:0px;left:0px;background-color:#434b55;z-index:3;transition:all .5s ease-out;display:none;opacity:0;font-size:15px;}
.position_nav nav ul{list-style:none;padding-left:0px;margin:0px;transition:all .5s ease-out;}
.position_nav nav ul li a{width:100%;color:#fff;font-weight:bold;padding:10px 15px;display:inline-block;border-bottom:1px solid #fff;transition:all .5s ease-out;}
.position_nav nav ul li a:hover,.position_nav nav ul li a:focus{color:#fff; background-color:#596B81; text-decoration:none;}



/*
----------------------------------------------------------
PORTADA
----------------------------------------------------------
*/

.cont_slider{margin-bottom:0px;}
.carousel-control.right{background-image:none;}
.carousel-control.left{background-image:none;}
.carousel-indicators li{border-color:#333;}
.carousel-indicators .active{background-color:#666;}
.carousel-indicators{z-index:1;}

/*
----------------------------------------------------------
VELADORAS
----------------------------------------------------------
*/

.veladora_mt{margin-top:0px;margin-bottom:25px;}
.info_vela{margin-top:20px;}
.info_vela h2{margin-bottom:30px;}
.info_vela h2 img{margin-top:10px;}
.info_vela p,.info_vela ul{margin-bottom:24px;}
.markRegistrada{vertical-align: 9px;}
.markRegistradaMini{vertical-align: 3px;}

/*
----------------------------------------------------------
T-LIGHT
----------------------------------------------------------
*/

.info_T-light{text-align:center;}
.info_T-light ul{margin-top:20px;text-align:left;display:inline-block;margin-left:auto;margin-right:auto;}
.info_T-light h3{text-align:center;}
.logo_t-light{float:none;margin-bottom:50px;margin-left:auto;margin-right:auto;display:block;}
.t_light{margin-top:20px;}
.t_light2{position:relative;left:0px;}
.t_light,.t_light2{margin-left:auto;margin-right:auto;}
.T-LightCitronela{text-align:center;margin-top:60px;margin-bottom:40px;}
.T-LightCitronela h3{margin-bottom:15px;}
.T-LightCitronela ul{width:217px;text-align:left;display:inline-block;}
p.t_light2{position:relative;left:0px;}



/*
----------------------------------------------------------
ACEITE CON CITRONELA
----------------------------------------------------------
*/

.bidon_citronela{margin-top:20px;margin-bottom:20px;}
.bidon_citronela h2{margin-bottom:50px;}
.bidon_citronela ul,.bidon_citronela p{margin-bottom:20px;}
.bidon_citronela div:nth-child(1){margin-top:20px;margin-bottom:20px;}
.bidon_citronela div:nth-child(3){margin-top:20px;}
.Citro_Acceso{margin-top:20px;text-align:center;}
/*.Citro_Acceso h2{margin-bottom:50px;}*/
.Citro_Acceso ul{width:auto;text-align:left;display:inline-block;}
.infoAntorcha{margin-top:0px;float:none;display: block; margin-left: auto; margin-right: auto;}
.infoAntorcha h2{margin-bottom:30px;}
.infoAntorcha h2 img{margin-top:10px;}
.infoAntorcha p,.infoAntorcha ul{margin-bottom:24px;}
#btnCotizaAntorcha{margin-top: 50px;margin-bottom:50px;}
.infoAntorcha2{margin-top:70px;}
.btnCotizAcce{margin-top:20px;}
.btnCotizaBidon{margin-top:10px;}
.btnCotizaDeAntorcha{margin-top:0px;margin-bottom:20px;}
/*
----------------------------------------------------------
BOMBILLAS
----------------------------------------------------------
*/

.bombillas_info{padding-top:0px;text-align:center;}
.bombillas_info span{padding-top:0px;margin-bottom:20px;float:none;display:inline-block;}
.bombillas_info strong{margin-right: 38px;}
.bombillas_info a{margin-top:-6px;}
.img-bombilla{float:none !important;margin-left:auto;margin-right:auto;}


/*
----------------------------------------------------------
BASES
----------------------------------------------------------
*/
.baseMedidas1{margin-right: 65px;}
.baseMedidas2{margin-right: 87px;}
.info_bases,.info_bases2,.info_bases3 {height:150px;text-align:left;display:inline-block;}
.info_bases2{height:100px;}
.info_bases3{height:120px;}
.info_bases dt, .info_bases2 dt, .info_bases3 dt{color:#333;margin-top:30px;}
.info_bases dd,.info_bases2 dd,.info_bases3 dd{color:#305496;}
.lampara_honguito{padding-left:48px;}
.lampara_roja{padding-left:20px;}

/*
----------------------------------------------------------
SOLICITUD
----------------------------------------------------------
*/

.alertCodi{background-color: #fff; border-color: #000; color: #9b0000;text-align:center;border-width: 3px;}
.asteriscoRojo{color:#9b0000;font-size:24px;margin-left:5px;}
input[name='nombreComercial'],input[name='nombreSolicitante'],input[name='cargo'],input[name='email'],input[name='lada'],
input[name='telefono'],input[name='ciudad'],select[name='estado']{float:right;}
input[name='telefono'],select[name='estado']{margin-left:5px;}
select[name='estado']{height:28px;}
textarea{resize:none;}

.jin{float:none;display:inline-block;}
input.jin,select.jin{float:none;margin-left:auto;margin-right:auto;margin-bottom:15px;display:inline-block;}
.jlabel{text-align:center;}

.well_white{background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px;
    min-height: 20px; padding: 19px;}

.help-block{width:100%;display:inline-block;text-align:center;}


/*
----------------------------------------------------------
MEDIA QUERIES
----------------------------------------------------------
*/


@media (min-width: 500px) {
  .elimina{padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px;}
  .numProd,.nomProd,.titleModal{font-size: 16px;}
}

@media (min-width: 768px) {
  .col-sm-15 {width: 20%; float: left;}
  .bombillas_info{text-align:left;padding-top:15px;}
  .bombillas_info span{margin-bottom:0px;float:right;}
  .bombillas_info strong{margin-right: 128px;}
  .btnCotizAcce{margin-top:150px;}
  
}
@media (min-width: 992px) {
  .col-md-15 {width: 20%; float: left;}
  .logo{text-align:left;}
  .position_nav nav{left:0;display:inline-block;opacity:1;}
  .cont_slider{margin-bottom:150px;}
  .border_footer{border-right:1px #fff solid;border-bottom:none;}
  .col_footer{height:150px;padding-top:15px;}
  .mail_to{display: inline-block;}
  .hecho_en{margin-top:36px;margin-left:15px;float:left;}
  .veladora_mt{margin-top:131px;margin-bottom:0px;}
  .info_T-light ul{margin-top:90px;margin-left:0px;margin-right:61px;display:inline-block;}
  .logo_t-light{margin-left:0px;margin-right:0px;display:inline;}
  .info_T-light{text-align:right;}
  .t_light{margin-top:95px;}
  .t_light2{position:relative;left:-50px;}
  p.t_light2{position:relative;left:-25px;}
  .info_T-light h3{text-align:left;}
  .T-LightCitronela{margin-top:0px;margin-bottom:0px;}
  .bidon_citronela div:nth-child(1){margin-top:70px;margin-bottom:0px;}
  /*.bidon_citronela div:nth-child(3){margin-top:100px;}*/
  .img-bombilla{float:left;}
  .jin{float:right;}
  input.jin,select.jin {margin-left:0;margin-right:0;margin-bottom:0px;float:right;}
  .jlabel{text-align:left;}
  .colFoot1{float:right;margin-bottom:0px;}
  .infoAntorcha{margin-top:92px;float:inherit;margin-left:8.33333%;margin-right:inherit;}
  .bombillas_info strong{margin-right: 20px;}
  #btnCotizaAntorcha{margin-top:150px;}
  .position_nav nav{width:auto;}
  .btnCotizaBidon{margin-top:70px;}
  .btnCotizaDeAntorcha{margin-top:200px;margin-bottom:0px;}
}
@media (min-width: 1200px) {
  p.t_light2{position:relative;left:-50px;}
  .col-lg-15 {width: 20%; float: left; }
  .bombillas_info strong{margin-right: 92px;}
  .position_nav nav{width:293px;}
}