@import "mediaq.css";
@import "font-awesome.css";
/*Fuentes*/
@font-face {
font-family: 'TitilliumRegular';
src: url('../fonts/titillium-regular.eot');
src: url('../fonts/titillium-regular.eot') format('embedded-opentype'),
     url('../fonts/titillium-regular.html') format('woff2'),
     url('../fonts/titillium-regular.woff') format('woff'),
     url('../fonts/titillium-regular.ttf') format('truetype'),
     url('../fonts/titillium-regular.svg#TitilliumRegular') format('svg');
}
@font-face {
font-family: 'TitilliumSemibold';
src: url('../fonts/titillium-semibold.eot');
src: url('../fonts/titillium-semibold.eot') format('embedded-opentype'),
     url('../fonts/titillium-semibold.woff2') format('woff2'),
     url('../fonts/titillium-semibold.woff') format('woff'),
     url('../fonts/titillium-semibold.ttf') format('truetype'),
     url('../fonts/titillium-semibold.svg#TitilliumSemibold') format('svg');
}
@font-face {
font-family: 'TitilliumBold';
src: url('../fonts/titillium-bold.eot');
src: url('../fonts/titillium-bold.eot') format('embedded-opentype'),
     url('../fonts/titillium-bold.woff2') format('woff2'),
     url('../fonts/titillium-bold.woff') format('woff'),
     url('../fonts/titillium-bold.ttf') format('truetype'),
     url('../fonts/titillium-bold.svg#TitilliumBold') format('svg');
}
@font-face {
font-family: 'MyriadProRegular';
src: url('../fonts/myriadpro-regular.eot');
src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'),
     url('../fonts/myriadpro-regular.woff2') format('woff2'),
     url('../fonts/myriadpro-regular.woff') format('woff'),
     url('../fonts/myriadpro-regular.ttf') format('truetype'),
     url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

@font-face {
font-family: 'Museo300';
src: url('../fonts/Museo300-Regular.eot');
src: url('../fonts/Museo300-Regular.eot') format('embedded-opentype'),
     url('../fonts/Museo300-Regular.woff2') format('woff2'),
     url('../fonts/Museo300-Regular.woff') format('woff'),
     url('../fonts/Museo300-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'MuseoSans300';
src: url('../fonts/MuseoSans-300.eot');
src: url('../fonts/MuseoSans-300.eot') format('embedded-opentype'),
     url('../fonts/MuseoSans-300.woff2') format('woff2'),
     url('../fonts/MuseoSans-300.woff') format('woff'),
     url('../fonts/MuseoSans-300.ttf') format('truetype');
}
/*review new type fonts, look up file masterbb.31*/
/*new type fonts*/
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold.ttf');
src: url('../fonts/Roboto-Bold.ttf') format('truetype'),
     url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
     url('../fonts/Roboto-Thin.tt') format('truetype'),
	 url('../fonts/Roboto-ThinItalic.ttf')format('truetype'),
     url('../fonts/Roboto-Light.ttf') format('truetype'),
	 url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
	 url('../fonts/Roboto-Medium.ttf') format('truetype'),
	 url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
	 url('../fonts/Roboto-Black.ttf') format('truetype'),
	 url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
	 url('../fonts/Roboto-Regular.ttf') format('truetype'),
     url('../fonts/Roboto-RegularItalic.ttf') format('truetype');
}

/*General*/
a{color: #888;}
a:hover{color: #000000;} /*cambia el color interno de las letras*/
/*.lin_dotted{ border-left: 1px dotted #888;border-right: 1px dotted #888; margin: 0 10px;padding: 0 10px;}*/
/*Header*/
.container-c{ max-width: 1500px; margin: 20px auto; clear: both; overflow: hidden;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin: 0 28px;}
.logo{background: url("../../../imagenes/logo-despro.png") no-repeat; width: 228px; height: 85px;text-indent: -99999px;}
/*.logo{background: url("../../../imagenes/logo-despro-240-85.png") no-repeat; width: 240px; height: 85px;text-indent: -99999px;}*/
/*.logo{background: url("../../../imagenes/logo-despro-260-95.png") no-repeat; width: 260px; height: 95px;text-indent: -99999px;}*/
.nav_supInf{ display: block;margin-top: 10px; margin-bottom: 20px;}
.nav_supInf li{display: inline-block;}
.nav > li > a:hover, .nav > li > a:focus{ background: transparent; color:#005286; border-bottom: 3px solid #005286;}

/*This section controls navbar: Inicio, Productos; Despro; Clientes; Contacto and Blog*/
.navbar-nav > li > a{ 
  margin:0 0 0 50px;
  padding: 4px 0;
  font-family: 'Roboto';
  font-size: 16px;
}

@media only screen and (min-width: 1400px){
  .navbar-nav > li > a{ 
    margin:0 0 0 57px;
  }
}
.navbar{ margin-bottom: 0px;}
.navbar-toggle{ background:#005286; margin-top: 50px;}
.navbar-toggle .icon-bar{ background: #FFF;}

.icon_yt{border-left: 1px dotted #888888;}
.icon_yt a{font-size: 20px; margin: 0 0 0 16px!important; padding: 0 4px;}
.btn_compromiso{font-family: 'Museo300';}
.btn_compromiso::before { content: ""; }
.opc_llamanos span{ color: #005286; font-family: 'TitilliumSemibold';}
.navbar-fixed-top .nav {padding: 15px 0;}

.navbar-fixed-top .navbar-brand {padding: 0 30px;}
.menu_footer, .derechos {margin: 6px 0;color: #005286;}
.menu_footer a, .derechos a {color: #005286; margin-right:6px;}
.menu_footer a:hover, .derechos a:hover{color: #888}

.dis_mobil_com_a{ display:none !important;}
.logo_impreso{ display: none;}


.accesos-internos{
  text-align: center;
}
.accesos-internos li{
  display:inline-block;
  margin: 0 20px;
  vertical-align: middle;
}
.accesos-internos li a{
  font-family: 'Montserrat', sans-serif;
  text-align:center;
  text-decoration:none;
  font-size:13px;
  color:#939393;
  width:80px;
  overflow:hidden;
  display:block;
  padding-top: 90px;
}
.accesos-internos li a.admin{
  background:url(../img/panel-admin.png) no-repeat;
}
.accesos-internos li a.webmail{
  background:url(../img/web-mail.png) no-repeat;
}
.accesos-internos li a.analitycs{
  background:url(../img/est-google.png) no-repeat;
}


@media only screen and (min-width:830px) {
    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}
@media only screen and (max-width: 830px){
  .navbar-collapse{min-height: 370px;}
}
@media only screen and (max-width:830px) {
  .navbar-nav {
    display: block;
    width: 100%;
    margin: 0;}
  .navbar-nav li{
    padding: 0 20px 20px;
    text-align: left;}
  .navbar-nav li a{ margin:0;}
  .dis_mobil_com_a{ display:block !important;}
  .dis_mobil_com_d{ display:none !important;}
  .nav_supInf{ text-align: left!important;}
  .menu_footer, .derechos{ text-align: center;}
}
@media (min-width: 769px) and (max-width: 1024px) {

}

@media (min-width: 400px) and (max-width: 830px) {
    .derechos span{ display: none;}
    .big_text{ width: 100%;}
    .navbar-nav{margin: 10px -16px 0;}
}
 @media (min-width: 200px) and (max-width: 399px) {
}
@media (max-width: 1500px) {
  .container-c {
    margin: 20px 12px;
  }
}
label.error {
    color: red;
    /*display: none !important;*/
    display: none;
}
.form-control.error {
    border: 1px solid red;
}

#mensaje_enviado
{
  display: none;
  color:#90c748;
}

.embed-responsive
{
display: block;
height: 0;
overflow: hidden;
position: relative;
}

.embed-responsive.embed-responsive-16by9
{
padding-bottom: 56.25%
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object
{
border: 0 none;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

/* 03-01-18 **/
.nav_supInf li,
.nav_supInf li span,
.nav_supInf li a {
  font-size: 16px;
}
.opc_llamanos span {
  font-family: "Museo300";
  font-weight: 700;
}
.nav_supInf li > i.fa-recycle{
  color: #8dba1a;
  margin-right: 5px;
}
.navbar-nav > li:first-child a {
  margin: 0;
}
.breadcrumb > .active {
    color: #115d8e;
}