@charset "utf-8";
/*Autor: Edith Huere*/

/* GENERAL */
.icon_home {
  width: 19px;
  height: 19px;
  background: url(../img/icon_home.png) no-repeat;
  text-indent: -8000px;
  text-decoration: none;
}
.icon_home:hover {
  background-position: 0 -19px;
  text-indent: -8000px;
  text-decoration: none;
}
section.pagConstruccion{
  text-align: center;
}

/* DIAGRAMACION */
section{
  margin:0 auto;
  padding-bottom:87px;
}
footer{
  height:77px;
  bottom: 0;
}
footer p{
  height: 65px;
}

/* CONTENIDO */
section .aqui{
  margin-bottom: 0;
}
section hr{
  height: 1px;
  background:#C8C9CC;
  border-bottom: 2px solid #ffffff;
}
section h2{
  color: #444444;
  font-weight: normal;
  font-size: 1.65em;
  margin: 20px 0 10px 0;
}
section h3{
  color: #355B9A;
  font-weight: normal;
  font-size: 1.25em;
  margin: 20px 0 5px 0;
  background: url(../img/flechaPlomaS.png) no-repeat center left;
  padding-left: 10px;
}
section .aqui_exacto{
  color: #B5B5B5;
}
section figure{
  background: #ffffff;
  float: right;
  border: 1px solid #dddddd;
  margin: 0 0 10px 20px;
}
section figure img{
  border: 5px solid #ffffff;
}
section figure figcaption{
  font-style: italic;
  color: #777777;
  font-size:1em;
  padding:5px;
  padding-top: 0;
}
section p{
  text-align: justify;
  font-size: 1em;
  line-height: 1.55em;
}
section ul{
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
section ul li{
  list-style-image: url(../img/icon_check.png);
  margin-left: 30px;
  margin-bottom: 1em;
  font-size: 1em;
}
section ol{
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
section ol li{
  margin-left: 30px;
  margin-bottom: .5em;
  font-size: 1em;
}
section .img_clientes{
  width: 100%;
  text-align: center;
}
section .img_clientes img{
  margin: 5px 12px;
  height: 42px;
}
section .textos_clientes{
  width: 100%;
}
section .textos_clientes ul{
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1em;
}
section .textos_clientes li{
  list-style-image: none;
  text-align: center;
  margin: .2em .65em;
  float: left;
  width: 47%;
}
/* FORMULARIO */
.contacto{
  font-size: 1em;
}
.contacto label{
  font-size: 1em;
  padding: 5px;
  float: right;
}
.contacto input, .contacto textarea, .contacto select{
  padding: 5px 2px;
  margin: 2px;
  background: #ffffff;
  border: 1px solid #BBBBBB;
  color: #666666;
  width: 300px;
}
.contacto select{
  width: 305px;
  font-size: .95em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.contacto .boton{
  padding: 6px 35px 6px 20px;
  background: #355B9A url(../img/img_boton.png) right center no-repeat;
  border-bottom: 2px solid #25416D;
  color: #ffffff;
  width: 150px;
}
.contacto .boton:hover{
  text-decoration: none;
  background: #0677BB url(../img/img_boton.png) right center no-repeat;
}
.cv input, .cv textarea, .cv select{
  width: 370px;
}


/* MAPAS */

.slideOutTip{
  position:absolute;
  padding:3px;
  top:0;
  left:0;
  background-color:#ffffff;
  border: 1px solid #cccccc;
  font-size:.9em;
  color:#666666;
  overflow:hidden;
  height:20px;
}

.slideOutTip:hover{
  /* Applying a CSS3 outer glow on hover */
  -moz-box-shadow:0 0 1px #999;
  -webkit-box-shadow:0 0 1px #999;
  box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{
  cursor:pointer;
  height:20px; }

.tipTitle{
  float:left;
  font-size:1em;
  white-space:nowrap;
  line-height:20px;
  padding-right:5px;
  color: #222;
}

.tipIcon{
  width:18px;
  height:18px;
  float:left;
  background-color:#f20005;
  margin-right:8px;
  
  /* CSS3 Rounded corners */
  
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
}

/* Three color themes */


.plusIcon{
  width:13px;
  height:13px;
  background:url(../img/plus.gif) no-repeat center center;
  margin:3px;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
  /* Floating the title and the icon to the right */
  margin:0 0 0 8px;
  float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{ margin-top:0; }


.slideOutContent{
  display:none;
  padding:5px;
  font-size:1em;
  clear: both;
}

.mapas > p{
  display:none;
}
.mapas strong{
  color:#333;
  font-size: 1.25em;
}

.mapas{
  height:590px;
  position:relative;
  width: 100%;
}

.spaceBottom{
  margin:0 0 10px;
}

.spaceTop{
  margin:10px 0 0;
}

.bg_mapas{
  background: url(../img/mapa_Peru.png) no-repeat center 60px;
}
/* FIN MAPAS */

@media screen and (max-width: 700px) {
  section .textos_clientes li{
      width: 100%;
  }
}