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

body {
	background-color:#fff;
	background-size:cover;
	background-attachment: fixed;
	background-position:center;
}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family: 'Titillium Web', sans-serif;
	color:#333333;
}

.container {
	/*background:url(../../images/back_header.jpg);*/
	width:100%;
	vertical-align:top;
	background-color:#FFF;
	font-family: 'Titillium Web', sans-serif;
	margin:0;
	padding:0;
}

.container > header {
	position:relative;
	float:left;
	vertical-align:bottom;
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0em;
	text-align:rigth;
	background-color:#110b79;
}

.container > header .imagen {
	position:relative;
	float:left;
	width:40%;
	height:auto;
	text-align:left;
	vertical-align:middle;
	padding:2px;
	margin-left:20px;
}

.container > header .imagen img{
	width:25%;
	height:auto;
}

.container > header .datos {
	position:relative;
	float:right;
	width:40%;
	height:auto;
	text-align:right;
	vertical-align:middle;
	padding:5px;
	margin-right: 20px;
}

.nav {
	position:relative;
	float:left;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0em;
	text-align:left;
	background-color:#fe9e1a;
}

.banner1 {
	position:relative;
	float:left;
	width: 100%;
	min-height: 400px;
	margin: 0 auto;
	padding: 0em;
	text-align:center;
	background-position:center;
	background-size:cover;
}

.banner2 {
	position:relative;
	float:left;
	width: 100%;
	min-height: 250px;
	margin: 0 auto;
	padding: 0em;
	text-align:center;
	background-position:center;
	background-size:cover;
}

#bgindex{
	background-image:url(img/inicio.jpg);
}
#bgnosotros {
	background-image:url(img/nosotros.jpg);
}
#bgprincipios {
	background-image:url(img/principios.jpg);
}
#bgservicios {
	background-image:url(img/servicios.jpg);
}
#bgsadicionales {
	background-image:url(img/sadicionales.jpg);
}
#bggaleria {
	background-image:url(img/galeria.jpg);
}

.contenido {
	position:relative;
	float:left;
	width: 100%;
	margin: 0 auto;
	padding: 0em;
	text-align:center;
}

#cont2 {
	background-color:#fe9e1a;
}

#cont3 {
	background-color:#E2231A;
}

.info {
	position:relative;
	width: 80%;
	margin-left:10%;
	text-align:left;
	font-weight:300;
}

.info h1 {
	
	font-size:35px;
	color:#110b79;
}

.info h2 {
	
	font-size:28px;
	color:#fe9e1a;
}

.info p {
	font-size:20px;
}

.info ul {
	font-size:20px;
	color:#4B4B4B;
}

.info a {
	color:#0071B7;
	text-decoration: none;
}

.info a:hover{
	text-decoration:underline;
}

#white {
	color:#FFFFFF;
}

#logo {
	width:40%;
	height:auto;
	padding:10px;
}

.imgcont {
	position:relative;
	float:left;
	width:40%;
	margin:0px;
	padding:0px;
	min-height: 450px;
	background-image:url(img/imgcont.jpg);
	background-position:right center;
	background-size:cover;
}
.form{
	position:relative;
	float:right;
	width:54%;
	text-align:left;
	margin:20px 0px 15px 0px;
	padding:0px;
	min-height: 350px;
}

.footer  {
	position:relative;
	float:left;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	text-align:center;
	background-color:#110b79;
}

.footer  h3 {
	float:left;
	width: 100%;
	text-align:center;
	position:relative;
	font-weight:400;
	font-size:13px;
}

@media screen and (max-width: 1680px){
.container > header .imagen {
	width:42%;
}
.container > header .imagen img{
	width:20%;
}
.container > header .datos {
	width:42%;
}
}

@media screen and (max-width: 1280px){
.container > header .imagen {
	width:40%;
}

.container > header .imagen img{
	width:25%;
}
.container > header .datos {
	width:40%;
}
}

@media screen and (max-width: 800px){
	.container > header {
	height: 180px;
}
	.banner1 {
	min-height: 300px;
}
	.banner2 {
	min-height: 200px;
}
.info {
	width: 90%;
	margin-left:5%;
}

.info h1 {
	font-size:28px;
}

.info h2 {
	
	font-size:20px;
}

.info p {
	font-size:18px;
}

.info ul {
	font-size:18px;
}

#logo {
	width:55%;
}

.imgcont {
	width:100%;
	min-height: 250px;
}
.form{
	width:80%;
}

.footer  h2 {
	margin-right:10%;
	font-size:20px;
}
.container > header .imagen {
	width:100%;
	height:80px;
	text-align:center;
	vertical-align:top;
	margin-left:0px;
}

.container > header .imagen img{
	width:20%;
}
.container > header .datos {
	position:relative;
	float:left;
	width:100%;
	height:50px;
	text-align:center;
	vertical-align:middle;
	margin-right:0px;
}
	
}

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

	.banner1 {
	min-height: 200px;
}
	.banner2 {
	min-height: 120px;
}
.info h1 {
	font-size:20px;
}

.info h2 {
	
	font-size:15px;
}

.info p {
	font-size:15px;
}

.info ul {
	font-size:15px;
}

#logo {
	width:70%;
}
.imgcont {
	width:100%;
	min-height: 150px;
}
.form{
	width:95%;
}
.footer  h2 {
	margin-right:5%;
	font-size:15px;
}

.container > header .imagen {
	width:100%;
	height:80px;
	text-align:center;
	vertical-align:top;
	margin-left:0px;
}

.container > header .imagen img{
	width:24%;
}
.container > header .datos {
	position:relative;
	float:left;
	width:100%;
	height:50px;
	text-align:center;
	vertical-align:middle;
	margin-right:0px;
}
	
}

@media screen and (max-width: 460px){
			.container > header {
	height: 180px;
}
	.container > header .imagen {
	height:70px;
}

.container > header .imagen img{
	width:35%;
}
.container > header .datos {
	height:40px;
	
}
}

@media screen and (max-width: 320px){
	.container > header .imagen {
	height:70px;
}

.container > header .imagen img{
	width:42%;
}
.container > header .datos {
	height:50px;
	
}
}