@charset "utf-8";
/*
  CSS Document by Javier Onishi Sadud
  www.somai.com.bo
  Twitter @JavierOnishiS
*/
body{
  background: url(../img/fondo.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  font-family: Arial;
}
/*body{
  background: url(../img/fondo.jpg) no-repeat center center fixed; 
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
}*/
.web{
  width: 945px;
  margin: 20px auto;
  background-color: #FFF;
}
.header{
  width: 894px;
  position: relative;
  margin: 10px auto;
}
.face{
  position: absolute;
  width: 127px;
  margin-top: -150px;
  margin-left: 770px;
}
.noflota{
  clear: both;
}
#inicio, #servicios, #clientes, #contactos, #fotos, #quienes{
  width: 155px;
  position: absolute;
}
#inicio{
  margin-left: 284px;
  margin-top: -50px;
}
#servicios{
  margin-left: 440px;
  margin-top: -50px;
}
#clientes{
  margin-left: 596px;
  margin-top: -50px;
}
#contactos{
  margin-left: 752px;
  margin-top: -50px;
}
#quienes{
  margin-left: 350px;
  margin-top: -120px;
}
#fotos{
  margin-left: 556px;
  margin-top: -120px;
}
.contiene-slide{
  width: 894px;
  position: relative;
  margin: 15px auto;
  background-color: #D9E0E8;
  box-shadow: inset 0px 0px 10px 5px #CCCED4;
  border-radius: 10px;
}
.slide{
  position: relative;
  width: 862px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 10px;
}
.centro-inicio{
  width: 894px;
  position: relative;
  margin: 15px auto;
}
.centro-inicio h2{
  margin-left: 30px;
  color: #FFF;
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.centro-inicio ul{
  color: #4D4974;
}
.izquierda{
  width: 435px;
  position: relative;
  background-color: #D9E0E8;
  box-shadow: inset 0px 0px 10px 5px #CCCED4;
  border-radius: 10px;
  float: left;
}
.izquierda:hover{
  background-color: #D0D3D9;
}
.derecha{
  width: 435px;
  position: relative;
  background-color: #D9E0E8;
  box-shadow: inset 0px 0px 10px 5px #CCCED4;
  border-radius: 10px;
  float: left;
  margin-left: 24px;
}
.derecha:hover{
  background-color: #D0D3D9;
}
.rojo{
  background-color: #BA3435;
  margin-top: 20px;
}
.verde{
  background-color: #008D5E;
  margin-top: 20px;
}
.amarillo{
  background-color: #E3C531;
  margin-top: 20px;
}
.azul{
  background-color: #2E78B7;
  margin-top: 20px;
}
.footer{
  width: 894px;
  position: relative;
  margin: 15px auto;
}
.brocha{
  width: 200px;
  position: relative;
  float: left;
  color: #4D4974;
  font-size: 12px;
  text-align: center;
  padding-bottom: 10px;
}
.brocha a{
  color: #4D4974;
  text-decoration: none;
}
.brocha a:hover{
  text-decoration: underline;
}
.somai{
  color: #4D4974;
  width: 200px;
  position: relative;
  float: right;
  margin-left: 24px;
  font-size: 12px;
  text-align: right;
  padding-bottom: 10px;
}
.somai a{
  color: #4D4974;
  text-decoration: none;
}
.somai a:hover{
  text-decoration: underline;
}
.cuerpo{
  width: 894px;
  position: relative;
  margin: 10px auto;
  background-color: #D9E0E8;
  box-shadow: inset 0px 0px 10px 5px #CCCED4;
  border-radius: 10px;
}
.titulo_rojo{
  background-color: #BA3435;
  margin-top: 20px;
  display: block;
}
.titulo_verde{
  background-color: #31945D;
  margin-top: 20px;
  display: block;
}
.titulo_amarillo{
  background-color: #E7C736;
  margin-top: 20px;
  display: block; 
}
.titulo_pacay{
  background-color: #A1AF1A;
  margin-top: 20px;
  display: block;  
}
.titulo_celeste{
  background-color: #02578E;
  margin-top: 20px;
  display: block;    
}
.cuerpo h1{
  margin-left: 40px;
  color: #FFF;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 25px;
}
.cuerpo h2{
  color: #4D4974;
  text-align: justify;
  padding-top: 10px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 20px;
}
.cuerpo p{
  color: #4D4974;
  text-align: justify;
  padding-top: 10px;
  margin-left: 40px;
  margin-right: 40px;
}
.cuerpo ul{
  color: #4D4974;
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 40px;
  margin-right: 40px;
}
.cuerpo ul>li>ul{
  margin-left: 5px;
}
.cuerpo table{
  background-color: #CED2D9;
  width: 500px;
  margin: auto;
  color: #4D4974;
  padding: 2px;
}
.cuerpo table tr:hover{
  background-color: #FFF;
}
.odd{
  background-color: #E6E3DE;
}
.fotos{
  width: 200px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
.fotos img{
  border-radius: 10px;
}
.imagenes{
  margin-left: 30px;
}
.contiene_formulario{
  border-radius: 15px;
  border: #4D4974 solid 1px;
  position: relative;
  width:60%;
  margin:5px auto 15px auto;
  color: #BE0412;
  background-color: #CED2D9;
}
.contiene_formulario table{
  width:85%;
  margin:15px auto 15px auto;
}
.contiene_formulario table tr:hover{
   background-color: #CED2D9;
}
.boton{
  font-family:Calibri;
  font-size:14px;
  height:30px;
  text-align:center;
  position: relative;
  margin-top: 10px;
}
.vacio{
    border: 1px solid #f00;
    background: #f99;
 }
.requerido{
  border-radius:5px;
  font-family:Calibri;
  color:#3a2d27;
  padding:2px;
  border: solid 1px #8d8988;
  font-size: 14px;
  -moz-transition: all 0.9s;
  -webkit-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
}
.msgok{
  border:#3f5918 solid 1px;
  border-radius:10px;
  padding:5px;
  background-color:#bcdf88;
  color:#3f5918;
  width:290px;
  margin:5px auto 5px auto;
  position:relative;
  text-align:center;
}
.restringe_caracteres{
  border:#F10301 solid 1px;
  border-radius:5px;
  color:#F10301;
  text-align: center;
}