/* M2 studio  www.m2studio.com.ar  */
 body{font-family: 'Fira Sans', sans-serif;}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {min-height: 100px;}
.hero-unit-slider .slick-carousel .slick-slider {height: 340px; margin-bottom: 5px;}
.nav > li{padding: 15px;}
.topbar {margin-bottom: 0; background: transparent;     padding-top: 18px;}
.topbar input{background-color: #4DB4DA; border:0; height: 21px; width: 200px; color: #FFF; padding-left: 30px;}
.topbar button{background-color: #4DB4DA; border:0; height: 21px; width: 30px; color: #FFF; padding-left: 0px;}

.azul {background-color: #0194CA;   padding-bottom: 6px;}
#idioma{float: left;}
#idioma ul li { border-left: 1px;}
.navbar-default .navbar-nav>li>a { color: #0093C9;  font-size: 13px;}
.navbar-default .navbar-nav>li>a:hover { color: #0093C9;  font-size: 13px;}
.navbar-default .navbar-nav a, 
.navbar-default .navbar-nav a:hover, 
.navbar-default .navbar-nav a:focus, 
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {font-size: 14px;}
.navbar-default .navbar-nav>li:hover { border-top: solid 15px #0093C9;   padding: 6px 7px;}
.nav > li.active{background-color: #0194CA; padding:  20px 12px;}
.nav > li.active a{color: #FFF!important;}
.topbar a {color: #FFF;}
footer {color: white;}
.nopadding {padding: 0 !important; margin: 0 !important; }
.nopadding-r{padding-right: 0 !important;   margin: 0 !important;}
.nopadding-l{padding-left: 0 !important;   margin: 0 !important;}
.margin10{ margin-bottom: 25px;}
.margin-25{margin: 25px;}
#noticias_home {background-color: #e6e6e6; min-height: 220px;}
#noticias_home em {text-align: left;}
#noticias_home h3 {background-color: #002f86; text-align: center; text-transform: uppercase; color: #FFF; padding: 13px 0 8px; margin: 0; font-weight: 200; font-size: 21px;}
#noticias_home ul {list-style: none;   padding: 10px; overflow: hidden;}
#noticias_home ul li  {padding: 0 10px; }
#noticias_home ul li h4 {font-size: 14px; }
#noticias_home ul li em {font-size: 11px; }
#noticias_home ul li p{font-size: 9px;}
#noticias_home ul li a {text-align: right; color: #0093c9; float: right;}
#form_login {display: inline-block;}
#barra_user { margin: 0 20px;}
 #barra_busqueda { background-color: #4DB4DA;}
 #barra_busqueda form{margin-bottom: 0;}
 #barra_busqueda input{ background-color: #4DB4DA;}
 #barra_busqueda button{ background-color: #4DB4DA;}
#barra_user input,
#barra_busqueda input {background-repeat: no-repeat;   background-position: 7px;}

#barra_user input#barra_top_mail {background-image: url(../img/barra_top_mail.svg);}
#barra_user input#barra_top_candado {background-image: url(../img/barra_top_candado.svg);}
#barra_user input#enviar {background-image: url(../img/barra_top_boton.svg); background-color: transparent;width: 20px; height: 16px;}
#descarga_pdf {background-color: #002f86; margin: 2%; width: 96%; position: relative; padding: 0px 17px 3px;}
#descarga_pdf h3{color: #FFF; font-weight:200; float: left;   font-size: 21px; margin-top: 13px;}
#descarga_pdf h3 i{margin-right: 10px; }
#descarga_pdf a {float: left; position: absolute; background-color: #cccccc; width: 8%;  height: 100%; top: 0; right: 0;}
#descarga_pdf a i{  font-size: 35px; text-align: center; left: 24%; color: #0093c9; position: absolute; top: 18%;}
.copyright {float: left;   margin-left: 40px;}
.ventas {float: right;   margin-left: 40px;   padding: 15px 0;}
.phone {float: right;   margin-left: 40px;   padding: 15px 0; margin-right: 40px; }
/* -----------------------------  SECCION EMPRESA --------------  */
.panel_gris {background-color: #F5F5F5;padding: 10px; }
#empresa { padding: 10px; }
#empresa h4{text-transform: uppercase; color:#0093c9;}
#empresa p {color: #333333; line-height: 14px; font-size: 12px;}
#caja_tecnologia.panel_gris {min-height: 375px; border-right: solid 15px #fff;}
ul.sidebar-nav li.cabezal { background-color: #0093c9; }
ul.sidebar-nav li.cabezal.list-group-item:first-child {border-top-left-radius:0; border-top-right-radius:0;}
ul.sidebar-nav li.cabezal a{  color:#FFF;}
/* -----------------------------  SECCION CATÁLOGOS --------------  */
#catalogo .col-md-9 img:nth-child(2) {margin: 20px 0;}
ul.sidebar-nav {clear: both;}
ul.sidebar-nav.descarga li a {padding:14px 15px;}
ul.sidebar-nav.descarga li.list-group-item.cabezal_descarga { background-color: #002f86; color: #ffffff; position: relative; padding-left: 35px; padding-top: 16px;}
ul.sidebar-nav.descarga li.list-group-item.cabezal_descarga:before {
    content: "\f0f6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 20px;
    padding-right: 0.5em;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 10px;
}
ul.sidebar-nav.descarga li.list-group-item a:before {
    content: "\f13a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #002f86;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    right: 0;
}
.col-md-2 ul.sidebar-nav.descarga li.list-group-item {min-height: 55px;}
.col-md-2 ul.sidebar-nav.descarga li.list-group-item a:before {top: 10px; }
#pedidos h4 {margin-top: 80px; text-align: center;}
#pedidos input {float: left; margin: 5px; background-color: #E4E4E4; border:0; width:89%;}
#pedidos i[class="fa fa-envelope-o"],
#pedidos i[class="fa fa-lock"]
{float: left;clear: both; font-size: 22px; width: 20px; text-align: center; margin-right: 15px; color:#4DB4DA;}
#pedidos { padding-left: 20px;}
#pedidos h5{color: #0093C9; margin: 12px 0; font-size: 18px;}
#pedidos ul {list-style: none; padding: 0;}
#pedidos ul li:before { content: "- "; }
/*#pedidos .gris_pedido {background-color: #e5e5e5;} */
#pedidos button.botonazul {margin-top: 20px;}
#pedidos p {  float: left; border-top: solid 1px #000; padding-top: 11px; margin-top: 30px;}
/*--consultas-- #002f86*/
button.botonazul {border: 0; background-color: #0093c9; margin: 2%; position: relative; padding:2px 50px 0px 9px;}
button.botonazul h3{color: #FFF; font-weight:300; float: left; font-size: 15px;  margin: 10px;}
button.botonazul i{font-size: 25px; padding-top: 5px; text-align: center; color: #0093c9; float: left; position: absolute; background-color: #cccccc; width: 43px; height: 100%; top: 0; right: 0; margin: 0;}
#consultas .clearfix {margin-bottom: 20px;}
#preguntas_frecuentes {background-color: #f6f6f6;}
#preguntas_frecuentes h2{background-color: #0093c9; color: #ffffff;font-size: 17px;   padding: 10px;}
#preguntas_frecuentes h3{color: #0093c9; font-size: 14px;  padding: 10px 10px 0 10px;  }
#preguntas_frecuentes h3 + p{font-size: 12px; color:#333333; padding: 10px; font-weight: 700; line-height: 14px;}
#preguntas_frecuentes hr {border-top: dotted 2px #cccccc; margin: 10px;}
#preguntas_frecuentes h4 {margin: 10px;margin-top: 12px; font-weight: 700;  font-size: 12px;}
#preguntas_frecuentes h4 a{color: #333333;}
#preguntas_frecuentes h4 em {font-size: 12px; border-radius:50%; color:#ffffff; background-color: #0093c9; padding:6px 9px 4px 9px; margin-right: 5px;}
#preguntas_frecuentes p{font-size: 12px; color:#333333;  line-height: 14px;}
#proveedores p{padding: 10px; font-weight: 400;}
#proveedores {}
#proveedores label,
#proveedores input,
#proveedores textarea{ width: 100%;}
#proveedores input, 
#proveedores textarea{border: 0; background-color: #e5e5e5;}
#proveedores h4 {color: #0093C9; font-weight: 700; font-size: 14px;}
#proveedores ul{list-style: none;padding: 0}
#proveedores ul li{}
@media (min-width: 992px){
.navbar-default .navbar-nav a,
.navbar-default .navbar-nav a:hover,
.navbar-default .navbar-nav a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {font-size: 14px;}
.nav > li {padding: 20px 7px;}
}
table {border: solid 1px #ccc; font-size: 13px;}
table tr td, table tr th {border-left: solid 1px #ccc; text-align: center;}
table tr td input {width:40px;} 
#tabla_cat {padding: 0;}
#tabla_cat li{list-style: none; background-repeat: no-repeat;  padding-left: 45px;  margin-bottom: 16px;   min-height: 35px;}
#tabla_cat #seco{background-image: url(../img/ico_seco.gif);}
#tabla_cat #humo{background-image: url(../img/ico_humo.gif);}
#tabla_cat #energia{background-image: url(../img/ico_energia.gif);}
/* IMAGENES NOTICIAS*/
.img-noticias {height:auto; width:auto; max-width:600px; max-height:400px;}
.img-noticias-th {height:auto; width:auto; max-width:225px; max-height:160px;}
label {display: block;}
input[type="radio"]{float: left;   margin-right: 10px;}
select {width: 200px;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #FFF;
}
/* PEDIDOS*/
#pedidos_online h2  {font-size: 26px; color: #406da4; }
#pedidos_online .panel h4 {font-size: 18px;   margin-left: 18px;}
#medioambiente_list {list-style: none;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #406da4; font-size: 13px;}
#banners {margin-top: 10px;}
#banners img {margin-bottom: 13px;}


@media (min-width: 768px) and (max-width: 1200px){.topbar input {width:96px;} }

@media (max-width: 768px){
.topbar p {display: block;
    margin: 10px 0;}
    #barra_user.list-inline > li {display: block;  margin: 10px 0;}
    #barra_busqueda {margin: 10px 0;}
    #idioma {float: none; display: block;}
    }