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

img{ max-width:90%; height:auto; border:none;}

/* Divs */

.headerimg { background-position: center bottom; background-repeat: no-repeat; width:100%; height:900px; position:absolute;  background-size:cover; margin:0px auto;   background-attachment: fixed;}

#logomenu{ width:100%; height:auto; text-align:center; background-color:#FFFFFF; margin:0px auto; position:fixed;     z-index: 1000;}
#wrapperlogo{ width:90%; max-width:1200px; margin:10px auto; text-align:center;     display: inline-block;}
.logo{ 
    /* float: left; */
    position: absolute;
    margin: 0px auto;
    z-index: 1500;
    display: block;
    padding-left: 20px;
}
#txtinfo{ font-size:16px; margin:0px auto; font-family: 'Poppins', sans-serif; color: #707070; float: right; padding-top:17px;}

#larriba{ width:100%; height:48px; text-align:center; margin:0px auto; background-image:url(../imagenes/l-arriba.png); background-size:cover;}

#espacio{ 
       width: 100%;
    height: auto;
    text-align: center;
    margin: 0px auto;
    padding-top: 244px;
}

#labajo{ width:100%; height:55px; text-align:center; margin:0px auto; background-image:url(../imagenes/l-abajo.png); background-size:cover;}

section{display: block;}

#wrappernosotros{    width: 100%;
    height: auto;
    margin: 0px auto;
    max-width: 1200px;     padding-top: 110px;
}

#nosotros{    width: 100%;
    height: auto;
    margin: 0px auto; background-color:rgba(255,255,255,1.00);}
	
	#wrapperclientes{    width: 90%;
    height: auto;
    margin: 0px auto;
    max-width: 1200px;     padding-top: 154px;
}

#clientes{    width: 100%;
    height: auto;
    margin: 0px auto;
	background-image:url(../imagenes/fondo-clientes.jpg); background-size:cover; background-position:center; background-attachment:fixed; min-height: 800px;}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.heading {
    margin: 50px 0;
    text-align: center;
    color: #000;
}

.heading > div {
    text-transform: uppercase;
    /* font-weight: normal; */
    color: #707070;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    font-size: 16px;
}

.heading2 {
    margin: 50px 0;
    text-align: center;
    color: #000;
}

.heading2 p {
    margin: 50px 0;
    text-align: center;
    color: #FFF;     text-align: justify;
}

.heading2 > div {
    text-transform: uppercase;
    /* font-weight: normal; */
    color: #707070;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    font-size: 16px;
	text-align:center;}


.heading h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px; font-family: 'Ubuntu', sans-serif; margin: 10px auto;
}

.heading h2 {text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Ubuntu', sans-serif;
    margin: 10px auto;
    color: white;}

.heading p {
    font-size: 18px;
    width: 90%;
    margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight:300;     text-align: justify; color: #707070;
}

.misval{        width: 100%;
    margin: 0px auto;
    text-align: center;
    display: inline-block;
    max-height: 200px;
    display: inline-table;
    height: auto;}
	
	.nos{width: 90%;
    height: auto;
    max-width: 500px;
    text-align: justify;font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:22px; color:rgba(0,0,0,1.00); display: inherit; margin: 15px;}
	
		.nos2{width: 90%;
    height: auto;
    max-width: 500px;
    text-align: justify;font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:22px; color:rgba(0,0,0,1.00); display: inline-block; margin: 10px;}
	
	
	p{    font-size: 18px; font-family: 'Ubuntu', sans-serif; color: #707070;}
	
	.divider {
    text-align: center;
    margin-bottom: 10px;
}

.divider > span {
    display: inline-block;
    width: 220px;
    background: #b9b9b9;
    height: 2px;
}

.circleic{     float: left;
    padding: 0px 10px 130px;}
	
#imanosotros{ width:100%; height:350px; text-align:center; margin:0px auto; background-image:url(../imagenes/fondo-slogan.jpg); 
    background-size: cover;
    background-position: top center; background-attachment:fixed; }
	
	#imanosotros h1 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Ubuntu', sans-serif;
    margin: 10px auto; color:rgba(255,255,255,1.00);     padding-top: 165px;
    text-shadow: black 0.1em 0.1em 0.2em;     font-weight: 100;
}

#servicios{    width: 90%;
    height: auto;
    margin: 0px auto;
    max-width: 1200px;     padding-top: 154px;
}

#serwrapper{      
    margin: 0px auto;
    width: 100%;     display: inherit; text-align: center;}

.ser{        width: 100%;
    height: auto;
    max-width: 335px;
    min-height: 260px;
    margin: 2px auto;
    text-align: center;
    /* padding: 15px; */
    border: 1px solid #ffffff;
    display: inline-table;
    background-color: #004377;    border-radius: 5px 30px 45px 60px;}

.ser > div {
    text-transform: uppercase;
    /* font-weight: normal; */
    color: #707070;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    font-size: 16px;
}

.ser h1 {
       text-transform: uppercase;
    font-weight: 100;
    font-size: 24px;
    font-family: 'Telex', sans-serif;
    margin: 10px auto;
    color: white;
}

.ser p {
    font-size: 18px;
    width: 90%;
    margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight:300;     text-align: justify; color: #707070;
}

#ubicacion{        width: 100%;
    height: auto;
    margin: 0px auto;
    /* max-width: 1200px; */
    padding: 20px 0px 20px 0px;
    background-color: #F4F4F4;
}

#ubiwrapper{      
    margin: 0px auto;
    width: 90%;     display: inherit; text-align: center;}

.ubinf{ width:250px; height:150px; margin:0px auto; text-align:center; display:inline-block;}

.ubinf h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px; font-family: 'Ubuntu', sans-serif; margin: 10px auto; color:#004377;
}

.ubinf p {
    font-size: 18px;
    width: 90%;
    margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight:300;     text-align: center; color: #707070;
}

#ubi{ width:100%; height:506px; text-align:center; background-image:url(../imagenes/ubi-ejemplo.jpg); margin:0px auto; background-size: cover;}

#contacto{        width: 100%;
    height: auto;
    margin: 0px auto;
    /* max-width: 1200px; */
    padding-top: 154px; background-image:url(../imagenes/fondo-contacto.jpg); background-size: cover;
    background-position: top center; background-attachment: fixed;    display: inline-block;}

#contactowrapper{      
    margin: 0px auto;
    width: 90%; max-width:1200px;
	height:auto; min-height:700px; text-align:center; }
	
footer{ width:100%; height:auto; padding:40px 0px 40px 0px; text-align:center; margin:0px auto; background-color:rgb(0, 67, 119);font-size: 16px; font-family: 'Ubuntu', sans-serif;    display: inline-block;
    color: white;     font-weight: 100;}

.red{ color: #FFF;}

#fondodatos{ width:100%; height:auto; background-color:#004377; margin:0px auto; text-align:center;}

#datos {
    width: 90%;
    max-width: 900px;
    height: auto;
    margin: 0px auto;
    text-align: right;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-family: 'Telex', sans-serif;
    padding: 10px;    text-shadow: 1px 1.732px 4.68px rgba(28, 26, 27, 2.994);
}


.txtinicio{ color: #FFF;
    font-weight: 100; text-shadow: 1px 1px 3.68px rgb(0, 0, 0); font-size: 30px; font-family: 'Telex', sans-serif;}
	
.divider2 {    display: inline-block;
    width: 90%;
    background: #9bafbf;
    height: 2px;
    margin: 10px 0px;}
	
#facebook {
    width: 100%;
    height: auto;
    text-align: center;
 min-height: 500px;

}

.wrapperface {
    width: 90%;
    height: auto;
    text-align: center;
    margin: 0px auto;
    max-width: 1200px;
}

#wrappervyr {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 50px auto;
    display: inline-flex;
}

#faceizq {
    width: 100%;
    height: auto;
    min-height: 400px;
    text-align: center;
    margin: 0px auto;
    max-width: 550px;
}

#faceder {
    width: 100%;
    height: auto;
    min-height: 400px;
    text-align: center;
    margin: 0px auto;
    max-width: 550px;
}

@media only screen and (max-width: 1180px) {


#wrappervyr {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 50px auto;
    display: inline-block;
}
	
}
	
@media only screen and (max-width: 750px) {
	
	#txtinfo {
    font-size: 16px;
    margin: 0px auto;
    font-family: 'Poppins', sans-serif;
    color: #707070;
    float: none;
    padding-top: 17px;
}

.logo {
    float: none;
}

}

  

h4{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    margin: 10px auto; text-align: center;}
}

@media only screen and (max-width: 708px) {
	
	#wrappervyr {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 50px auto;
    display: inline-block;
}

#faceizq {
    width: 90%;
    height: auto;
    min-height: 400px;
    text-align: center;
    margin: 0px auto;

}

#faceder {
    width: 90%;
    height: auto;
    min-height: 400px;
    text-align: center;
    margin: 0px auto;

}
	
}