/* 16px = 12pt = 100% = 1em */

/* Paddings
======================================================= */

.top10{padding-top:10px;}
.top20{padding-top:20px;}
.top30{padding-top:30px;}
.top50{padding-top:50px;}
.top70{padding-top:70px;}
.top90{padding-top:90px;}
.top100{padding-top:100px;}
.top150{padding-top:10%;}
.top200{padding-top:200px;}
.top470{padding-top:470px;}

.bot10{padding-bottom:10px;}
.bot30{padding-bottom:30px;}

/* Selection & Scrollbar
======================================================= */

::selection {
  background-color:#0f70b7;
  color: white;
}
::-moz-selection {
  background-color:#0f70b7;
  color: white;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  background: rgba(0, 0, 0, .1);

}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

::-webkit-scrollbar-thumb:hover {
  background: #0f70b7;
}
::-webkit-scrollbar-thumb:active {
  background: #094570;
}

/* HR
======================================================= */
.hr1{
  border-top: 5px solid #0f70b7;
}

.hr2{
  background:url(../img/) no-repeat center center fixed;
  /*display: block;
  position:relative;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 10px;
}

/* Sideshow 4
======================================================= */
.callbacks_container {
  /*margin-bottom: 20px;*/
  position: relative;
  float: left;
  width: 100%;
}

.rslides img{

  position: relative;
  text-align: center;
  overflow: hidden;
}

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}

.callbacks .caption-one{
  position: absolute;
  z-index: 2;
  font-size: 3.3em;
  background: rgba(0,0,0, .0);
  right: 10%;
  top: 35%;
  padding: 10px 20px;
  max-width: none;
  color: white;
  font-weight: 400;
  line-height: 1em;
  font-family: 'Exo 2', sans-serif;
  text-shadow: 2px 2px #000;
}

.callbacks .caption-one span{
  color: white;
  font-weight: 100;
  font-size: .6em;
  font-weight: 300;
}

.callbacks .caption-two {
  position: absolute;
  z-index: 2;
  font-size: 2.5em;
  background: rgba(255,255,255, .1);
  right: 14%;
  bottom: -2%;
  padding: 10px 20px;
  max-width: none;
  color: white;
  font-weight: 100;
}

.callbacks .caption-two span{
  color: #09a1d3;
  font-weight: 500;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  /* background: transparent url("../themes/themes.gif") no-repeat left top; */
  margin-top: -45px;
}

.callbacks_nav:active {
  opacity: 1.0;
}

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
} 

.captionimg{
  position: absolute;
  z-index: 3;
  background: rgba(255,255,255, .5);
  left: 0%;
  top: 0%;
  padding: 10px 20px;
  max-width: none;
  height: 100%
}

/* Colores 
======================================================= */

.azul{
  color: #0f70b7;
}

/* Tamaños 
======================================================= */
h1{
  font-family: ;
  color: #0f70b7;
}

h2{
  font-family: ;
  color: #0f70b7;
}

h3{
  font-family: ;
  color: #0f70b7;
}

h4{
  font-family: ;
  color: #0f70b7;
}

h5{
  font-family: ;
  color: #0f70b7;
}

h6{
  font-family: ;
  color: #0f70b7;
}

p, ul, label{
  font-size: .9em;
  color: #1f1f1f;
}

/* Secciones 
======================================================= */

.name{
  display: none;
}

.principal00{
  text-align: center;
  padding: 3em 0em;
}

.principal00 i{
  color: #0f70b7;
  font-size: .7em;
}

.principal00 h4{
  font-weight: 300;
  color: #666666;
}

.principal02 {
  background: #0f7eb7;
  padding: 3em 0em;
}

.principal02 h3{
  text-align: center;
  color: white;
  margin-bottom: 1em;
}

.principal02 p{
  color: white;
}

.interior{
  padding: 2em 0em 2em 0em;
}

.interior h2{
  border-bottom: 1px solid #0f70b7;
}

.interior a{
  color: black;
}

.interior a:hover{
  color: #0f70b7;
  text-decoration: underline;
}

.contacto_ok{
  padding: 10em 0em;
  text-align: center;
}

.contacto_ok h6{
  color: #6F6F6F;
}

footer{
  background:url(../img/footer.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 1em 0em 2em 0em;
  color: white;
}

.foot0 .datos{
  text-align: right;
}

.foot0 .logo-foot a img{
  max-width: 200px;
}

.foot0 p, .foot0 h6, .foot0 p a, .foot0 li a{
  color: white;
  font-size: 1em;
}

.foot0 p a:active, .foot0 p a:hover, .foot0 li a:hover, .foot0 li a:active{
  text-decoration: underline;
}

.foot_chmx p{
  font-size: .85em;
}

.foot_chmx{
  text-align: right;
}

.foot_chmx img {
  max-width: 60px;
}

.gmap iframe{
  border: 0px;
  width: 100%;
  height: 450px;
}

.redes_soc{
  text-align: right;
}

.redes_soc i{
  font-size: 1.2em;
  margin-bottom: 0em;
}

.redes_soc a{
  color: #757575;
}

.redes_soc a:active, .redes_soc a:hover{
  color:  #0f70b7;
}

.galery img{
  margin-bottom: 1em;
}

/* ======================================================= */
/* ======================== Mdium ======================= */
/* ======================================================= */
@media only screen and (min-width: 40.063em) and (max-width:49em) {




}

/* ======================================================= */
/* ======================== Small ======================== */
/* ======================================================= */
@media only screen and (min-width: 10em) and (max-width: 40em) {

  .name{
    display: inline;
  }

  .menusmall{
    background: #333333;
  }

  .name img{
    max-width: 30px;
    padding-bottom: 1em;
  }

  .redes_soc{
    text-align: center;
  }

  .redes_soc a{
    color: #f5f5f5;
  }

  .principal00 h1{
    font-size: 1.5rem;
  }

  .foot0 .datos{
    text-align: center;
  }
  
  .foot0 .logo-foot{
    text-align: center;
    margin-bottom: 1em;
  }

  .foot_chmx{
    text-align: center;
  }

  .foot_chmx img {
    max-width: 100px;
  }

  .contacto_ok{
    padding: 2em 0em;
  }

  .contacto_ok h1{
    font-size: 1.5em;
  }

  .contacto_ok h6{
    font-size: 1em;
  }


}