/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body, html {
  height: 100%;
  margin:0;
      font-family: 'nexa_lightregular';

}

/*LOADER*/

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000000;
	background: url(images/run2.gif) center no-repeat #e1e1e1;
}

#container{
width:100%;
height:100%;
overflow:auto;
text-align:center;
}

.cont-color{
background-image:url('images/bg-phone-blue.png');
background-repeat:repeat-y;
background-size:100%;
 margin-top: 145px;
}

.cont-color2{
background-image:url('images/bg-phone-purp.png');
background-repeat:repeat-y;
background-size:100%;
 margin-top: 145px;

}


.centered {
    width: 84%;
    margin-top: 120px;

}

.centered2 {
    width: 124%;
    margin-left: 20%;
    margin-top: 120px;

}

.logo{
    position: absolute;
        width: 127px;
    left: 30px;
    top: 20px;
}

.left{
width:50%;
float:left;
}

.right{
width:50%;
float:left;
background-color:#465277;
height: 100%;
}


.menu{

    position: absolute;
    top: 0px;
    left: 35%;
    width: 61%;
    background-image: none;
}

.elmenu{
list-style:none;
text-decoration:none;
font-size:1.1em;
font-family: 'nexa_boldregular';
}

.elmenu li{
    margin: 1%;
    margin-top: 5px;
    margin-bottom: 32px;
    width: 45%;
    float: left;
    }

.textos{
position: relative;
width: 40%;
font-size: 1em;
right: 20px;
text-align: right;
top: 10px;
overflow: auto;
margin-left: 60%;
color: white;
display:none;
}

.texto{
    margin-top: 180px;
    background-color:white;
padding:15px;
}

.inicio {
        width: 74%;
    margin-left: 9.5%;
}

.correo{
margin:0;
float: right;
}

.cuadrin{
width: 6px;
margin-right: 5px;
margin-bottom: 3px;	
}

.line{
width: 19px;
margin-right: 0;
margin-top: 31px;
float: left;
margin-left: 35px;
}

h1{
font-size:1.2em;
margin:0;
margin-top:10px;
}

.alam{
height: 150px;
float: right;
margin-left: 50%;
margin-top: 50px;
margin-right: 10px;
}

.alam2{
height: auto;
float: left;
margin: 0;
width:100%;
overflow:auto;
}

.text1{
width: 200px;
float: right;
text-align: center;
margin-right: -14px;
font-size:.8em;

}

.text2{
width: 200px;
float: left;
margin-top: 89px;
color: white;
margin-left: 20px;
font-size:.7em;

}

.foot{
width:100%;
height:80px;
position:relative;
bottom:0;
margin-top:60px;
}


.aviso {
    color: black;
    position: relative;
    width: 20%;
    float: left;
    margin-left: 8%;
    font-size: 1em;
    margin-top: 0px;
    }



.direccion{
color: white;
    font-size: .9em;
    width: 63%;
    position: relative;
    float: right;
}

.direccion a:link{
text-decoration:none;
color:white;}

.direccion a:hover{
text-decoration:none;
color:#eec75c;}

.direccion a:visited{
text-decoration:none;
color:white;}

.elmenu a{
color:black;
}


.elmenu a:link{
text-decoration:none;
}

.elmenu a:hover{
color:#eec75c;
}

.elmenu a:visited{
}
.elmenu a:active{
color:#eec75c;
}





.morado{

    position: relative;
    float: right;
    width: 92%;
    background-color: #605d82;
    padding-bottom: 13px;
    color: white;
    margin-top: 50px;

}

.morado a:hover{
text-decoration:none;
color:#eec75c;
}

.morado a:visited{
text-decoration:none;
color:white;
}


.morado a:link{
text-decoration:none;
color:white;
}

.servicios{
width: 18%;
float: right;
position: relative;
color: white;
line-height: 3em;
margin-right: 2%;

    width: 64%;
    margin-top: 10%;
    font-size: 1.2em;
   
}



.contacto{
width: 50%;
float: right;
position: relative;
color: white;
    margin-top: 7%;

    margin-right: 7%;
line-height: 3em;
font-size: .9em;


}

.lasgale{
width:60%;
display:block;
margin-left:20%;
}

.flota{
width: 150px;
margin: 10px;
margin-top:30px;}

.fotos-float{
width:60%;
margin-left:20%;
text-align:center;
}

@media only screen and (min-width: 768px) {
.logo{
       width: 150px;
    }


.text2{
font-size:1em;
margin-top: 229px;

}

.text1{
font-size:1em;
margin-right: 25px;

}

.alam{
height: 230px;
margin-top: 180px;
}

.cont-color{
background-image:url('images/bg-blue.png');
 margin-top: 0;

}

.cont-color2{
background-image:url('images/bg-purp.png');
 margin-top: 0;
}

.elmenu li{
margin:5px;
margin-top:15px;
margin-bottom: 0px;
width: 90%;
 float: none;
 }


.menu{

top: 260px;
left: 0;
width: 140px;
background-image: url('images/blue.png');
background-repeat: repeat-y;
background-size: 12px;


}



.inicio{
width: 45%;
margin-left: 27.5%;
}

.textos{
display:block;
}

.centered {

width:60%;
margin-top:100px;
}

.centered2 {

width:60%;
margin-top:100px;
  margin-left: 0%;


}

.aviso{

margin-left: 30%;
font-size: .8em;
margin-top: 45px;
}
.foot{

margin-top:150px;
}

.direccion{
width: 370px;

}

.morado{

width: 30%;
margin-top: -230px;
}

.contacto{
margin-top: -36%;
font-size: 1.4em;
margin-right: 2%;

}

.servicios{
font-size: 1.4em;
width: 49%;
margin-top: 5%;

}



}



@media only screen and (min-width: 950px) {

.logo{
    width: 170px;
}

.menu{

width: 200px;
}

.servicios{

}
}

@media only screen and (min-width: 1171px) {

.servicios{
width: 18%;
margin-top: -36%;


}
}