/* CSS Document */
/* Smartphones pequeños (portrait & landscape) */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : portrait) {
#logo_principal img {
	width:70%;}
#menu_a li {
margin:5px auto}
#menu_a li a {
	position:relative;
	height:40px;
	width:100%;
	line-height:40px;
	display:block;
	margin:0 auto;
	font-size:3em}
.slider-wrapper {
	width:100%}	
p, a {
	font-size:2.5em}	
h1 {
	font-size:3em}
h2 {
	font-size:2.4em}
h3 {
	font-size:2.3em}
	
.campos {  
	font-size:2em} 
.boton{ 
    font-size:3em}

	
	}
	
@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : landscape) {
#logo_principal img {
	width:70%;}
#menu_a li {
margin:5px auto}
#menu_a li a {
	position:relative;
	height:40px;
	width:100%;
	line-height:40px;
	display:block;
	margin:0 auto;
	font-size:3em}
.slider-wrapper {
	width:100%} 
p, a {
	font-size:3em}	
h1 {
	font-size:2.5em}
h2 {
	font-size:2.4em}
h3 {
	font-size:2.3em}
	
.campos {  
	font-size:2em} 
.boton{ 
    font-size:3em}	
#subsidiarias img {
	width:30%;
	}
		   }	
@media only screen 
and (min-width : 481px) 
and (max-width : 799px)
and (orientation : landscape) {
#logo_principal img {
	width:40%}
#menu_a li {
	display:inline-block;
	margin:5px}
#menu_a li a {
	display:block;
	position:relative;
	height:60px;
	width:160px;
	line-height:60px;
	display:block;
	margin:0 auto;
	font-size:3em}
.slider-wrapper {
	width:80%} 
#subsidiarias img {
	width:30%;
	}
   }
@media only screen 
and (min-width : 481px) 
and (max-width : 799px)
and (orientation : portrait) {
#logo_principal img {
	width:60%}
#menu_a li {
	display:inline-block;
	margin:5px}
#menu_a li a {
	display:block;
	position:relative;
	height:60px;
	width:160px;
	line-height:60px;
	display:block;
	margin:0 auto;
	font-size:4em}
.slider-wrapper {
	width:100%}  
#subsidiarias img {
	width:50%;
	}	
	   }
	
@media only screen 
and (min-width : 800px) 
and (max-width : 1024px)
and (orientation : landscape) {
#logo_principal img {
	width:40%}
#menu_a li {
	display:inline-block;
	margin:5px}
#menu_a li a {
	display:block;
	position:relative;
	height:80px;
	width:250px;
	line-height:80px;
	display:block;
	margin:0 auto;
	font-size:2em}
.slider-wrapper {
	width:100%}
p, a {
	font-size:2em}
h1 {
	font-size:2.4em}
h2 {
	font-size:2.3em}
h3 {
	font-size:2.2em}
	}
	
@media only screen 
and (min-width : 800px) 
and (max-width : 1024px)
and (orientation : portrait) {
#logo_principal img {
	width:60%;}
#menu_a li {
margin:20px auto}
#menu_a li a {
	position:relative;
	height:120px;
	width:100%;
	line-height:120px;
	display:block;
	margin:0 auto;
	font-size:4em}
.slider-wrapper {
	width:100%} 
p, a {
	font-size:2em}
h1 {
	font-size:2.4em}
h2 {
	font-size:2.3em}
h3 {
	font-size:2.2em}
	
.campos {  
	font-size:2em} 
.boton{ 
    font-size:3em}
}

@media only screen 
and (min-width : 1025px) {
#logo_principal img {
	width:20%}
#menu_a li {
	display:inline-block;
	margin:5px}
#menu_a li a {
	display:block;
	position:relative;
	height:40px;
	width:120px;
	line-height:40px;
	display:block;
	margin:0 auto;
	font-size:1.2em}
.slider-wrapper {
	width:80%}
p, a {
	font-size:2em}
h1 {
	font-size:2.4em}
h2 {
	font-size:2.3em}
h3 {
	font-size:2.2em}
	
.campos {  
	font-size:2em} 
.boton{ 
    font-size:3em}


}

}

html, body {
	width:100%;
	height:100%;
	}
*{	margin:0;
	padding:0;
	border:0;
	}
#contenedor {
	width:100%;
	height:100%;
	font-size:10px
	}
#header {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	background: #013874; /* Old browsers */
	background: -moz-linear-gradient(top,  #013874 0%, #003069 50%, #013874 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013874), color-stop(50%,#003069),   color-stop(100%,#013874)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #013874 0%,#003069 50%,#013874 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013874', endColorstr='#013874',GradientType=0 ); /* IE6-9 */
	}
#logo_principal {
	position:relative;
	width:auto;
	height:auto;
	padding:20px 0;
	margin:0 auto;
	text-align:center}
#logo_principal img {
	height:auto}
/*MENU*/
#cont_menu_a {
	width:80%;
	position:relative;
	height:auto;
	margin:0 auto;
	padding:10px 0}
	
#menu_a {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	list-style:none;
	padding:0;
	text-align:center}
	
#menu_a li {
 
height:auto;
width:auto}

#menu_a li a {  
color: rgba(1,53,111,1.00);
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
text-transform:uppercase;
text-decoration:none;
text-align:center;
background:rgba(255,255,255,0.7);
padding:10px}

#menu_a li a:hover {
	color:rgba(0,36,78,0.7)}
	
#cont_slider{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d8d8 0%, #ffffff 82%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(82%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d8d8d8 0%,#ffffff 82%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d8d8d8 0%,#ffffff 82%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d8d8d8 0%,#ffffff 82%); /* IE10+ */
background: linear-gradient(to bottom,  #d8d8d8 0%,#ffffff 82%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

#cont_contenido {
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
	background:white;
	color:rgba(113,113,113,1.00)}
	

#subsidiarias {
	position:relative;
	height:auto;
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:20px 0}
#subsidiarias img {
	width:25%;
	height:auto
	}
		
hr {border: 2px solid rgba(255,178,34,1.00)}

h1, h2, h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(255,178,34,1.00);
	padding:20px 0}
	
p {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-indent:3em;
	padding-bottom:20px}

	
#txt_contenido {
	position:relative;
	width:80%;
	height:auto;
	margin:0 auto;
	padding:5% 0}
	
#imagenes {
	position:relative;
	width:80%;
	height:auto;
	margin:0 auto}
	
#footer {
	position:relative;
	width:100%;
	height:50px;
	padding:10px 0 0 0;
	margin:0 auto;
	text-align:center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: rgba(255,255,255,1.00);
		background: #013874; /* Old browsers */
background: -moz-linear-gradient(top,  #013874 0%, #003069 50%, #013874 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013874), color-stop(50%,#003069), color-stop(100%,#013874)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* IE10+ */
background: linear-gradient(to bottom,  #013874 0%,#003069 50%,#013874 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013874', endColorstr='#013874',GradientType=0 ); /* IE6-9 */}


/*FORMULARIO DE CONTACTO*/	
.campos {  
    width:60%;/*anchura de campos de formulario*/
	padding:0;   
    color: rgba(116,116,116,1.00);/*color del texto */   
    border: 1px solid  rgba(146,146,146,1.00);/*color del borde*/   
    background-color:white ;/*color del fondo*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    border-radius:5px}

.boton{  
    font-family:Verdana,Helvetica; 
    font-weight:bold; 
    color:rgba(255,255,255,1.00); 
    width:auto; 
    height:auto;
	margin:0;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    border-radius:5px;
	background: #013874; /* Old browsers */
background: -moz-linear-gradient(top,  #013874 0%, #003069 50%, #013874 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013874), color-stop(50%,#003069), color-stop(100%,#013874)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #013874 0%,#003069 50%,#013874 100%); /* IE10+ */
background: linear-gradient(to bottom,  #013874 0%,#003069 50%,#013874 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013874', endColorstr='#013874',GradientType=0 ); /* IE6-9 */} 
 

#b_submit {
	position:relative; 
	margin:2% 0;
	width:30%;
	left:30px;
	 
}