html,body{

height:100%;

	margin: 0 0 0 0;

	font-family: arial;
}
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

header {
background-color: #1A3584;
z-index: 999;
height: 72px;
position: fixed;
width: 100%;
top: 0px;
}
header  .container{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

header  .container .logo{
width: 120px;
height: 72px;
background-color: #fff;
float: left;
}
header .container .idiomas{


float: right;
margin-top: 45px;
color: #ffffff;
font-size: 11px;
}

header   .head_telefono{
width: 150px;
color: #122f83;
font-weight: bold;
background-color: #fff;
float: right;
margin-top: 4px;
font-size: 15px;
margin-right: 10%;
}
header .line_head{
	margin-top: 0px;
 height: 5px;
 background-color: #fff;
 width: 100%;
 border-bottom: 1px solid #1A3584; 

}
section{
z-index: -9999;
}
article{
padding: 5px;
margin-top: 55px;
margin-bottom: 55px;
}

article .titulo {
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 25px;
}

article .titulo h1{
display:inline; 
font-size: 25px;
text-transform: uppercase;
}

article .titulo:first-letter{
font-size: 38px;
text-transform: capitalize;


}

article h2{
font-size: 12px;
font-family: arial;
text-transform: uppercase;
}

article .container{
 text-transform: uppercase;
}

nav {

width: 100%;

position: fixed;
height: 30px;
top: 76px;
background-color: #ffffff;
z-index: -1;
}
nav ul { 
width: 50%;
right: auto;
left: auto;
	margin-right: auto;
	margin-left: auto;
	padding:0;
margin-top: 5px;


}
nav ul li {
	display:inline; 
	margin-left: 10%;

}
nav ul li a{
color: #122f83;
font-family: arial;

text-decoration: none;
display:inline-block;
font-size: 11px;
text-transform: uppercase;
}
nav ul li a:HOVER{
color: #b1b2b3;

}
nav ul li a:first-letter{
font-size: 15px;
text-transform: capitalize;


}

.carousel,
.item,
.active {
    height: 100%;
	text-shadow: 2px 2px #000000;
}

.carousel-inner {
    height: 100%;
}

.carousel-caption {
    background-color: transparent;
	 text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
	 font-size: 45px;
}

.formu{color:black; margin-top:4px; float:right;}
.text-area{ color:black;}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* keep full widget on smaller screens */
@media (max-width: 900px) { 
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.formulario { text-align:center;}
	.formu{color:black; margin-top:4px; float:none;}
	.text-area{ color:black;}

}

.perfil{
z-index: -999;
margin-top: 85px;
padding: 25px;
background-image:url(../images/perfil.png);
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:100% 100%;
background-size: cover;
color: #ffffff;
line-height: 22px;
letter-spacing: 4px;

}

@media (max-width: 767px) { 
	nav {
		/*border: red 1px solid;*/
	}
	.formulario { text-align:center;}	.formu{color:black; margin-top:4px; float:none;}.text-area{ color:black;}


}
.productos{
margin-top: 85px;
}
.productos  .titulo{
margin-top: 95px;
color: #b1b2b3;
}
.productos  .titulo h1{
color: #122f83;
}
.productos  h2 p{
color: #122f83;
font-size: 15px;
text-align: center;
font-weight: normal;
margin-bottom: 50px;
}
.aero{

margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
    background: url('../images/productos.png') 0px 0px;
}
.mar{
	margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
	background: url('../images/productos.png') 482px 0px;
}

.fina{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
	background: url('../images/productos.png') 220px 0px;

}
.aero:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
    background: url('../images/productos_hover.png') 0px 0px;
}
.mar:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
	background: url('../images/productos_hover.png') 482px 0px;
}

.fina:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
	background: url('../images/productos_hover.png') 220px 0px;
}




.indu{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
    background: url('../images/productos.png') 0px 360px;
}
.ene{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
	background: url('../images/productos.png') 482px 360px;
}

.resp{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
	background: url('../images/productos.png') 220px 360px;

}
.indu:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
    background: url('../images/productos_hover.png') 0px 360px;
}
.ene:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
	background: url('../images/productos_hover.png') 482px 360px;
}

.resp:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
	background: url('../images/productos_hover.png') 220px 360px;
}


.ejec{
  margin-left: auto; margin-right: auto;
    width: 155px;
	height: 155px;
	margin-bottom:20px;
	    margin-bottom: 45px;
}

.acci{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
    background: url('../images/productos.png') 0px 168px;
}
.cont{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
	background: url('../images/productos.png') 482px 168px;
}

.cobe{
  margin-left: auto; margin-right: auto;
    width: 220px;
	height: 168px;
	background: url('../images/productos.png') 220px 168px;

}
.acci:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
    background: url('../images/productos_hover.png') 0px 168px;
}
.cont:HOVER{
  text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
	background: url('../images/productos_hover.png') 482px 168px;
}

.cobe:HOVER{
  	text-shadow: 1px 1px #000000;
    width: 220px;
	height: 168px;
	background: url('../images/productos_hover.png') 220px 168px;
}

 .title{
    color: #ffffff;
	text-align: center;
	line-height: 45px;
	text-transform: uppercase;

}
.col-md-4{

margin-bottom: 5px;
}
.ejecutivos {
margin-top: 95px;
background-color: #d7deea;
padding-bottom:35px;
}
.ejecutivos  .titulo{
margin-top: 95px;
margin-bottom: 55px;
color: #b1b2b3;
}
.ejecutivos  .titulo h1{
color: #122f83;
}
.ejecutivos  h2 p{
color: #122f83;
font-size: 15px;
text-align: center;
font-weight: normal;
margin-bottom: 55px;
}
.ejecutivos  .ejecutivo_izq{
margin-left: auto;
width: 400px;
height: 160px;


}
.ejecutivos  .ejecutivo_der{
margin-right: auto;
width: 400px;
height: 160px;


}
.ejecutivos  .ejecutivo_izq  .foto{
float: right;
width: 150px;


}
.ejecutivos  .ejecutivo_izq  .datos{
float: left;
width: 245px;
margin-top: 80px;
text-align: right;

}
.ejecutivos  .ejecutivo_der  .foto{
float: left;
width: 150px;
}
.ejecutivos  .ejecutivo_der .datos{
/*margin-right: 40%;*/
width: 245px;
margin-top: 80px;
}
.ejecutivos  .nombre{
color: #122f83;
font-weight: bold;
text-align:center;
}
.ejecutivos  .mail{
text-transform: lowercase;
font-size: 12px;
text-align:center;

}


.contacto {
background-color: #122f83;
color: #ffffff;
padding: 25px;
}
.contacto  .titulo{
margin-top: 55px;
margin-bottom: 55px;
color: #b1b2b3;
}
.contacto  .titulo h1{
color: #ffffff;
}
.contacto  h2 p{
color: #122f83;
font-size: 15px;
text-align: center;
font-weight: normal;
margin-bottom: 55px;
}




/******* MENU RESPONSIVE ******/

#menu {
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
  
}

#menu li {
    float:left;
    list-style:none;
}

#menu li a {
   
    width: 100%;
    float:left;
}

#menu li a:hover {

}

.menu_select {
    width:100%;
    float:left;
    display:none;
    position:relative;
}

#selectme {
    width:100%;
    background-color:#FFFFFF;
    color:#red;
    padding:10px;
    font-weight: bold;
    text-align:left;
    cursor:pointer;
    float:left;
}

ul#options {
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
    display:none;

}

ul#options li {
    width:100%;
    float:left;

}

ul#options li a {
    color: #122f83;
    padding:10px;
    font-weight: bold;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    margin-bottom:1px;
    width:100%;
    float:left;
}

ul#options li a:hover {
    color:#122f83;
    background-color:#c3c3c3;
    text-decoration: none;
}

ul#options li:hover {

}

#arrow {
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
	float: right;
margin-top: 20px;
}

.down {
   background-image:url("../images/menu.png");
    background-repeat:no-repeat;
    height:35px;
    width:35px;
}

.up {
    background-image:url("../images/menu.png");
    background-repeat:no-repeat;
    height:35px; 
    width:35px;
}

@media only screen and (max-width: 1124px) {
nav ul { 
display: none; 
}
.formulario { text-align:center;}	
.formu{color:black; margin-top:4px; float:none;}
.text-area{ color:black;}

nav select { 
display: inline-block; 
width:100%; 
background-color: #000; 
color:#FFF; 
font-size: 16px; 
font-weight: bold; 
}
nav .menu_select { 

display: inline-block; 
width:100%; 

font-size: 16px; 
font-weight: bold; 
	background-color: #ffffff;
	color: #122f83;
}
}

footer p{
text-align: center;
font-size: 12px;
}

@media only screen and (max-width: 437px) {
.ejecutivos  .ejecutivo_izq{
margin-right: auto;
width: 250px;



}
.ejecutivos  .ejecutivo_der{
margin-right: auto;
width: 250px;



}


}
@media only screen and (max-width: 1132px) {
header   .head_telefono{
width: 150px;
color: #122f83;
font-weight: bold;
background-color: #fff;
float: right;
margin-top: 4px;
font-size: 15px;
text-align: right;
}
}