@charset "utf-8";
/* CSS Document */

/* header */

.header
{
	background: #015A9C;
	height: 60px;
	position: fixed;
	width: 100%;
	z-index:9999;

}
.logo
{
padding-top: 15px;
}

.menu{

	margin:0px !important;
	border: none;
}
.menu li a
{
	color: #FFFFFF;
	font-weight:500;
	line-height: 29px;
	background-color: #015A9C;
	z-index:999;
  letter-spacing: 2px;
  font-family: 'opensans', sans-serif;

	
}
.menu li a:hover
{
	background-color: #04528E;
	color:#fff;
}
.menu-button
{
	color: #fff;
	font-size: 30px;
	margin:0px !important;
	padding:14px;
}



/* sections */



   .main {
      float: left;
      width: 100%;
      margin: 0 auto;
  }

  .main section .page_container {
      position: relative;
      top: 25%;
      margin: 0 auto 0;
      max-width: 960px;
      z-index: 3;
    }
    .main section  {
      overflow: hidden;
    }
    
    .main section > img {
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
    



   .main2 {
      float: left;
      width: 100%;
      margin: 0 auto;
  }

  .main2 section .page_container {
      position: relative;
      top: 25%;
      margin: 0 auto 0;
      max-width: 960px;
      z-index: 3;
      height: 200px
    }
    .main2 section  {
      overflow: hidden;
    }
    
    .main2 section > img {
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
    
    /*page1*/

    .main section.page1 {
      background:#005A9C;
    }
    
      .main section.page1 a img {
     padding-top: 450px;
    margin-bottom: 35px;
    }

    .main section.page1 p {
      text-align: center;
      margin-bottom: 15px;
      font-size: 60px;
      color: #FFFFFF;
      padding-bottom: 500px;
      font-family: 'opensans', sans-serif;
      letter-spacing: 1px;    
    }

   

/*page2*/
   
    .main section.page2 {
      background: #E4EEF5;
    }
    
    .main section.page2 a img {
     padding-top: 200px;
    
 }
   
   .main section.page2 p{
      text-align: center;
      margin-bottom: 15px;
      font-size: 75px;
      font-style: bold;
      color: #005A9C;
      line-height:78px;
      padding-bottom: 300px;
      font-family: 'opensans', sans-serif;
      letter-spacing: 3px;
  }

/*page3*/
   
    .main section.page3 {
      background: #86B1D0;
    }
    
    .main section.page3 a img {
     padding-top: 300px;
  
 }
   .main section.page3 p{
      text-align: center;
      margin-bottom: 15px;
      font-size: 75px;
      font-style: bold;
      color: #FFFFFF;
      line-height:78px;
      padding-bottom: 300px;
      font-family: 'opensans', sans-serif;
      letter-spacing: 3px;
  }

  /*page4*/
   
    .main section.page4 {
      background: #5893BE;
    }
    
    .main section.page4 a img {
     padding-top: 300px;
 }
   .main section.page4 p{
      text-align: center;
      margin-bottom: 15px;
      font-size: 75px;
      font-style: bold;
      color: #FFFFFF;
      padding-bottom: 300px;
      line-height:65px;
      font-family: 'opensans', sans-serif;
      letter-spacing: 3px;
  }

   
  

.features
{
  background: #457292;
  padding: 60px 0px;
  color: #FFFFFF;
}
.features-text
{
  font-family: 'opensans', sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom:30px;
  margin-top:30px;
  font-size: 45px;
}
h2.features-text::after {
    display: block;
    margin: 17px auto 0px;
    width: 80px;
    height: 1px;
    background: #FFF none repeat scroll 0% 0%;
    content: "";
}

.iconing
{
  text-align: center;
  width:80px;
  margin:0 auto;
  
}
.iconing i
{
  font-size: 35px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.icon-box
{
  margin:30px 0px;
}
.icon-text-box
{

}
.icon-text-box h4
{

  font-family: 'opensans', sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 40px;

}
.icon-text-box p
{
  font-family: 'opensans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #015A9C;
}


.direccion p  {
   
    color: #457292;
  }

  .direccion p i {
    padding-right: 10px;
    font-size: 15px;
    color: #457292;
  }

.direccion h3 {color:#457292;
font-size: 35px;}

.direccion  a img {float: right;}

