*{margin: 0px; padding: 0px;}
body {font-family: 'Abel';
font-size: 18px;
font-weight: 400; padding-top: 82px;}

/********************************** CONOCE EL ESTADO DE TU ENVIO **********************************/


div#datosModal.list-group {
    margin-bottom: 0;
}

div#numero-envio p {
    margin: 0;
}


#mensajeValores{
  font-size: 11px;
}

/*MENSAJES DE ERROR*/
#error{
  background-color: #FF9900;
  color:#000;
}
/*FIN DE MENSAJES DE ERROR*/

#home {
  background: url(carousel_03.jpg);
}

/*****************MODAL*****************/
.lista-detalle {
    margin-bottom: 10px;
}

a.list-group-item .list-group-item-heading {
    font-weight: bold;
    font-size: 14px;
    color: #4b6018;
}
p.list-group-item-text {
    font-size: 12px;
}
a.list-group-item {
    padding: 5px 20px;
}
.modal-header {
    padding: 10px;
}

/****************FIN MODAL*************/





#carousel_fade{
  height: auto;
  width: 100%;
}

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

.carousel-fade .carousel-inner .item img{
  /*height: 100%;*/
  MARGIN: 0 AUTO;
  max-height: 600px;
}

.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;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*
conoce el estado de tu envío
*/

.sobre-carrusel {
    position: absolute;
    z-index: 999;
	  margin-top: 35px;
    margin-bottom: 160px;
}
.sobre-carrusel.img-certificacion {
    margin-top: 0px;
}



h2.titulo {
    font-size: 20px;
}

h3.titulo {
    text-align: center;
    color: #c6c6c6;
    font-size: 18px;
}

span.direccion {
    color: #ccc;
    text-align: center;
    display: block;
}

p.texto-blanco {
    color: #fff;
}


.media-body {
    width: auto;
}
.texto-blanco{
  color:#FFF;
}

.texto-color-negro{ color: #000 !important;}

address a:hover{
  color:#000 !important;
text-decoration: none !important;
}


#pregunta-matematica{
 font-size: 16px;
}


#pregunta-matematica img{

}

.texto-footer-blanco{ color: #FFF !important;}

.fono address a:hover{
color:#FFF !important;
text-decoration: none !important;
}


.texto-color-verde{ color: #033983 !important;}

#telefono a:hover{
color:#8fbe1b !important;
text-decoration: none !important;
}


.navbar-default {
    background-color: #071a33;
    background-image: none;
    border-color: none;
    font-weight: 400;
    display:inline-block;
}
.barrasuperior
{
  background: #e4e9fd;
  color: #071a33;
  height: 25px;
}
.telefono
{
  font-family: 'Abel', Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: right;
  margin-right:40px;
  float:right;
}
.telefono img
{
  margin-top: -2px;
  
}
.email_label
{
  font-family: 'Abel', Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: right;
  margin-right:74px;
  float:right;
}
.email_label img
{
  margin-top: -2px;
}
.navbar-nav {
    background: #071a33;
    height: 80px;
}

.navbar-default .navbar-toggle {
  background: #071a33;
}
.navbar-nav li
{
  height: 90px;
  padding-top: 12px;
  margin-top:2px;
}
.navbar-nav li:hover,
.navbar-nav li a:hover
{
    color: #666;
    background-color: #e4e9fd;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

h3 phone{font-size: 22px;}


.titulo-verde-2{color: #034283;}
/*address{
  text-align: center;
  font-size: 14px;
}*/

/*strong{
  color:#90be00;
}*/

#logo-samex{
      margin-top: -5px;
      height: auto;
}

.nav.navbar-nav {
   
}


#estado_envio{
  background:#343434;
  height:auto;
  min-height: 280px;
  width: 100%;
  max-width: 370px;
  border-radius: 7px;
  text-align: center;
  padding: 20px;

}

#estado_envio label{color:#FFF; letter-spacing: 0.7px;}


#estado_envio input {
   /* padding: 23px 0px 67px 0px; */
   max-width: 330px;
   border-radius: 0;
   margin: 0 auto;
   margin-top: 15px;
   text-align: center;
   font-size:18px;
   line-height: 92px;
   height: 92px;
}

#mostrar{
    background: #90be00;
    border-radius: 0px;
    width: 129px;
    height: 38px;
    margin-top: 0px;
    border:none;
    text-align: center;
}

#gestion {
    background: #90be00;
    width: 100%;
    max-width: 370px;
    text-align: center;
    border: none;
    border-radius: 7px;
    padding: 10px;
    margin-top: 20px;
}

/****** QUIENES SOMOS ********/

#nuestra_empresa, #planes{height: auto; background-color: #5e95c7;}

h1{color:#fff; font-weight: 700; font-size: 30px; margin-top: 90px; margin-bottom: 40px;}

p.col-md-12{
    color: #fff;
    font-weight: 400;
    font-size: 21px;
    margin-bottom: 70px;
    /* padding: 0px 70px; */
    letter-spacing: 1px;
    line-height: 24px;
}
#nuestra_empresa
{
  background: url("fondo_empresa.png");
}
#nuestra_empresa h2{
	color:#c6c6c6;
	font-weight: 700;
	margin: 20px;
}

#nuestra_empresa .col-md-4{height: auto;}
#nuestra_empresa .col-md-4 p{color: #fff; line-height: 23px;}
.aldea{width: 90%; max-width: 856px;}

/****** NUESTROS SERVICIOS ********/

#servicios{height: auto; background-color: #333333; background: url("fondo_servicios.png");}
#servicios p.col-md-12{color:#fff; font-weight: 400;}
#servicios h2{color:#c6c6c6; font-weight: 400;}
#servicios .col-md-4 p{height: 140px; }
#servicios ul{margin: 10px 15px; list-style: url("../images/bullet.png");}
#servicios li{color:#fff; font-weight: 400; line-height: 16px; margin-top: 12px;}
.mundo{width: 90%; max-width: 791px;}

#calcular_distancia{height: auto; background-color: #333333;}
#calcular_distancia p.col-md-12{color:#fff; font-weight: 400;}
#calcular_distancia h2{color:#03a0db; font-weight: 400;}
#calcular_distancia .col-md-12 p{height: 140px; }
#calcular_distancia ul{margin: 10px 15px; list-style: url("../images/bullet.png");}
#servicios li{color:#fff; font-weight: 400; line-height: 16px; margin-top: 12px;}

/********* PORQUE SAMEX ***********/

#clientes{padding-bottom: 65px;background: url("fondo_planes.png");}
#clientes .col-md-6{
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	transition-property: background;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}
#clientes .col-md-6:hover{background-color: #9cd0f5;}
#clientes .col-md-6 img{float: left; margin-top: 20px; margin-right: 20px;}
#clientes .col-md-6 h2{color: #4b6018; font-size: 20px; letter-spacing: 1px;}
#clientes .col-md-6 p{color: #fff; font-size: 13px; letter-spacing: 0.6px; margin-left: 87px;}
#clientes .col-md-6 ul{margin-left: 100px; width: auto; list-style: url("../images/bullet.png");}
#clientes .col-md-6 li{color: #fff; font-size: 12px; letter-spacing: 0.6px;}

/****** NUESTROS CLIENTES ********/

#clientes{height: auto; background-color: #fff;}
#clientes h1{color:#FFF;}
#clientes p.col-md-12{color:#595959;}
#certificacion2{margin-top: 14px;}
#clientes ul {
  list-style:none;
}
#clientes ul li {
float:left;
display:block;
text-align: center;
padding-right: 10px;
width: 370px;
height: 120px;
background: #FFF;
  padding: 10px;
  padding-top:17px;
  margin-bottom: 10px;
  margin-left: 5px;
}
#clientes ul li img
{
  filter: grayscale(0%);
}
#clientes ul li img:hover
{
  filter: grayscale(0%);
}




/****** CERTIFICACIONES ********/

#certificaciones{padding-bottom: 50px;}
#certificaciones h1{color:#595959;}
#convenioMarco span{
  color:#000;
  font-weight: 700;
  font-size:18px;
}

#contacto{
  height: auto;
   background-image: url('fondo_contacto.png');
 }

 /*#contacto-opcidad{
   width:100%;
   height:100%;
  position:absolute;
  z-index:9;
  background:#000;
  opacity:0.8;
 }*/



#contacto ul{list-style: url("../images/bullet.png");}
.norte{float:right;}
.centro{width: 185px; display: block; margin:0 auto;}
.sur{float:left;}
#contacto li a{text-decoration: none; color: #c5c5c5;}
#contacto li a:hover{color: #fff;}

/*#contacto #formulario{
	width: 90%;
	max-width: 1140px;
	height: 500px;
	background-color: #fff;
	margin: 70px auto 100px auto;
}*/

/******* CONTACTO *********/

#mensaje-captcha{
  color:#999;
  font-size: 11px;
}

#mensaje-select{
  color:#999;
  font-size: 11px;
  margin: 0px 0px 0px 10px;
}

#formulario-contacto p {
    margin: 0 0px 10px -15px;
}

#mensaje-suma{
  color:#999;
  font-size: 11px;
  text-align: left;
}

#formulario-contacto{
  margin:10px auto;
  width: auto;
  height: auto;
  max-width: 1100px;
}

#formulario-contacto p{
  padding:0px 0px 0px 0px;
}

#formulario{
  margin:20px;
  background: #FFF;
}

#enviar {
  background: #03a0db;
    border: transparent;
    width: 100%;
    text-align: left;
    height: 50px;
    border-radius: 0;
    text-align: center;
}


#asterisco{
      margin-left: -70px;
}

#campo-obligatorio{
  color:#999;
  font-size: 11px;
  text-align: left;
}

#mensaje{
      padding: 29px 12px;
}

select{
  color:#000;
}

/*configuraciones de estilo al dropdown de bootstrap*/
.dropdown-menu{
  min-width: 100%;

}

.btn{
  border:transparent;
  width: 100%;
  text-align: left;
}

.btn-primary{
  padding: 15px 12px;
  border-radius: 0;
  border-bottom: 2px solid #000;
  color:#999;
  background-color: transparent;
  border-color: none;
}

.caret{
      vertical-align: middle;
}

.btn-primary.focus, .btn-primary:focus{
  background-color: #FFF;
}

.btn-primary:hover {
    color: #999;
    background-color: transparent;
    border-color: none;
    border-bottom:2px solid #000;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #999;
    background-color: transparent;
    border-color: none;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #999;
    background-color: transparent;
    border-color: none;
}

/*quitarle el foco al formulario de contacto*/
.form-control:focus{
  /*border-color:none;*/
  border-bottom: 2px solid #90be00;
  --webkit-box-shadow:none;
  box-shadow: none;
}

.form-control:hover{
  border-bottom:2px solid #000;
}

#nombre,#direccion,#comuna,#ciudad,#email{
    padding: 25px 12px;
}

#datosModal .row {
    margin-left: 0;
    margin-right: 0;
}

#telefono{
  height: 53px;
}

/*#telefono placeholder{
    padding: 25px 12px;
}*/

#select-contacto{
    height: 50px;
    color:#999;
}

.form-control{
  border-bottom: 2px solid #000;
    border-top:0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  --webkit-box-shadow:none;
    box-shadow: none;
  --webkit-transition:none;
  transition: none;
}


textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover
{
    outline:0px !important;
    -webkit-appearance:none;
    border: none;
}
/******** FIN CONTACTO *******/

/****** FOOTER ********/

footer{
	height: auto;
	min-height: 130px;
	padding-top: 40px;
	border-top: 3px solid #9cca2b;
	background-color: rgba(0, 0, 0, 0.9);
}

footer .logo_footer{float: left;}
footer .direccion{width: 187px; display: block; margin:0 auto; margin-top: 12px;}
footer .fono{float: right; margin-top: 12px;}
footer address{color: #e4e4e4; line-height: 15px; padding-top: 3px; margin-left: 40px; letter-spacing: 0.5px; min-width: 105px;}
footer strong{color: #909090; letter-spacing: 0;}

/*---------------------------------------------
 Responsive Grid Media Queries - 1280, 1024, 768, 480
  1280-1024   - desktop (default grid)
  1024-768    - tablet landscape
  768-480     - tablet
  480-less    - phone landscape & smaller
--------------------------------------------*/

/********************************** MEDIA QUERY TABLETS **********************************/

@media all and (min-width: 481px) and (max-width: 992px) {

  #brand-samex {
    margin-top: 0px;
  }


  #estado_envio input {
     font-size:12px;
  }

  .carousel-fade .carousel-inner .item img {
       height: 100%;
      max-height: 600px;
  }

  .sobre-carrusel {
      margin-top: 201px;
  }

  .carousel-inner {
        width: 100% !important;
        /*height: 100% !important;*/
  }

h1{font-size: 27px;}
p.col-md-12{font-size: 15px; line-height: 22px; padding:0px 30px; margin-bottom: 40px;}

.container {
    margin:0 auto;
    /*margin: 0;*/
padding: 0;
width: 94%;
}
#nuestra_empresa .col-md-4 p{
	font-size: 14px;
	line-height: 23px;
	letter-spacing: 0.5px;
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
}

#nuestra_empresa .col-md-4 img{width: 105px; height: 105px;}
#nuestra_empresa h2{font-size: 16px; margin-top: 25px; text-transform: uppercase;}

/********* SERVICIOS ***********/

#servicios ul{margin: 15 auto 50px auto; text-align: center; list-style: none;}
#servicios .col-md-6{max-width: 700px; margin: 0 auto;}
#servicios .col-md-6 h2{font-size: 17px;}

/****** CERTIFICACIONES ********/

#certificaciones .iso{max-width: 700px; padding-bottom: 5px;}
#certificaciones p{padding-top: 15px;}


/****** CONTACTO ********/

#contacto ul{list-style: none;}
.norte{float:none; text-align: center;}
.centro{float:none; text-align: center;}
.sur{float:none; text-align: center;}

/****** FOOTER ********/

footer .logo_footer{float: none;}
footer .direccion{width: 150px; display: block; margin:0 auto; margin-top: 30px; padding-left: 8px;}
footer .fono{float: none; width: 150px; display: block; margin:35 auto; padding-left: 8px;}


}


/********************************** MEDIA QUERY MOBILE **********************************/
@media all and (max-width: 480px) {

  #brand-samex {
    margin-top: 5px;
  }

  #estado_envio{
    margin-top: 32px;
  }

  #estado_envio input {
     font-size:14px;
  }

  .sobre-carrusel {
      margin-top: 122px;
  }

  .sobre-carrusel.img-certificacion {
margin: auto;
}

  #carousel_fade {
      height: auto;
      min-height: 600px;
      width: 100%;
  }

  .carousel-fade .carousel-inner .item img {
       height: 100%;
      max-height: 600px;
  }

  .carousel-inner {
        width: 100% !important;
        /*min-height: 500px;*/
        height: auto !important;
  }


h1{font-size: 25px;}
p.col-md-12{font-size: 13px; margin-bottom: 40px; padding: 0; letter-spacing: 0.7px; line-height: 21px;}



#nuestra_empresa .col-md-4 img{width: 90px; height: 90px;}
#nuestra_empresa h2{font-size: 14px; margin-top: 25px;}
#nuestra_empresa .col-md-4 p{font-size: 12px; line-height: 20px; letter-spacing: 0.5px; margin-bottom: 50px;}
.aldea{display: none;}

/********* SERVICIOS ***********/

#servicios ul{margin: 25 auto 50px auto; text-align: center;}
#servicios .col-md-6 h2{font-size: 15px; letter-spacing: 1px;}
#servicios .col-md-6 p{font-size: 12px; letter-spacing: 0.6px; margin-left: 87px;}

.carousel-control.left {left: 0px;}
.carousel-control.right {right: 0px;}

.carrusel .item img{}

/****** CONTACTO ********/

#contacto ul{list-style: none;}
#contacto h3.titulo  {color: #c6c6c6 !important;}
.norte{float:none; text-align: center;}
.centro{float:none; text-align: center;}
.sur{float:none; text-align: center;}

/****** FOOTER ********/

footer .logo_footer{float: none;}
footer .direccion{width: 150px; display: block; margin:0 auto; margin-top: 30px; padding-left: 8px;}
footer .fono{float: none; width: 150px; display: block; margin:35 auto; padding-left: 8px;}


}

@media handheld, only screen and (max-width: 767px) {
.barrasuperior{
display:none;
}
.navbar-nav
{
  height:100%;
}
.navbar-nav li
{
  height:40px;
  padding-top: 0px;
  margin-top:0px;
}
.navbar-nav li:hover,
.navbar-nav li a:hover
{
    color: #666;
    background-color: #e4e9fd;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

/*Contact sectiom*/
.content-header{
  font-family: 'Oleo Script', cursive;
  color:#fcc500;
  font-size: 45px;
}

.section-content{
  text-align: center; 

}
#contact{
    
    font-family: 'Teko', sans-serif;
  padding-top: 60px;
  width: 100%;
  width: 100vw;
  height: 550px;
  background: #3a6186; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #3a6186 , #89253e); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #3a6186 , #89253e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color : #fff;    
}
.contact-section{
  padding-top: 40px;
}
.contact-section .col-md-6{
  width: 50%;
}

.form-line{
  border-right: 1px solid #B29999;
}

.form-group{
  margin-top: 10px;
}
label{
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
}
.form-control{
  font-size: 1.3em;
  color: #080808;
}
textarea.form-control {
    height: 135px;
   /* margin-top: px;*/
}

.submit{
  font-size: 1.1em;
  float: right;
  width: 150px;
  background-color: transparent;
  color: #fff;

}

.cuadrado-blanco 
{
 border: 5px solid #FFF;
}