body{
background-color:white;
margin:0 0 0 0;
font-weight: lighter;
font-family:"Myriad Pro";

}

a:active { color:white; text-decoration:none}
a:hover {text-decoration:underline}
a:visited {color:white; text-decoration:none}

.mas.a:active { color: black; text-decoration: none}
.mas.a:hover {text-decoration:underline}
.mas.a:visited {color: gray; text-decoration:none}

.aviso.a:active { color: red; text-decoration: none}
.aviso.a:hover {text-decoration:underline}
.aviso.a:visited {color: red; text-decoration:none}

	
}

h1{
font-size:19px;
color:#26348B;
font-weight:lighter;
text-align:right;
font-family:"Myriad Pro";
text-align:left;
padding-left:20%
}


h2{
font-size:30px;
color:#606060;
font-weight:lighter;
text-align:left;
font-family:"Myriad Pro";
padding-left:0%;
margin-top:-15px
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

#pagewrap {
	margin: 0 auto;
	background-color:white;
	height:auto;
	width:100%;

}

#header {
	height:160px;
	width:90%;
	margin-left:5%;
	margin-right:5%
}

#logo{
float:left;
width:25%;
height:135px;
margin-left:3%;
}


#iconos{
float:left;
width:68%;
text-align:right;
font-family:"Myriad Pro";
font-size:14px;
color:gray;
height:135px
}


#menutop{
width:100%;
text-align:right;
height:25px;
margin-top:22px;
color:gray
}

#leyenda{
font-size:medium;
text-align:right;
margin-top:5px
}

#tel{
width:100%;
text-align:right;
height:35px;
font-size:xx-large;
color:black

}

#redes{
width:100%;
text-align:right;
height:38px;
margin-top:10px	
}


#menuazul{
background-color:#606060;
height:60px;
border-bottom:1px solid black;
font-family:"Myriad Pro";
font-size:15px;
color: white;
font-weight:lighter
}

#menuazul1{
width:90%;
margin-left:5%;
margin-right:5%
}

	
#content {
	width: 100%;
	float: none;
	height:350px;
}

#info
{
width:90%;
margin-left:5%;
margin-right:5%;
margin-top:-50px;
height:1300px;
}

#barra
{
border-bottom:1px solid #606060;
}

#barra-t
{
border-bottom:1px solid #606060;
margin-left:-5%

}


#barrat
{
width:90%;
margin-left:5%;
margin-right:5%;
padding-top:-20px
}

#barrat-p
{
width:90%;
margin-left:0%;
margin-right:5%;
padding-top:-20px
}

.txt{
font-weight:lighter
}

#b-azul
{
height:450px;
width:76%;
float:left;
background-color:white
}


#b-azul1
{
height:450px;
width:80%;
float:left;
background-color:white
}


#b-azulp
{
height:450px;
width:100%;
float:left;
background-color:white
}


#b-azul1
{
height:600px;
width:22%;
float:right;
background-color:#EAEAEA;
margin-right:2%
}

#separa
{
height:24px;
width:100%;
background-color: white;
}


#noticias
{
padding: 0 10px 0 10px;
font-family:"Myriad Pro";
font-size:15px;
color: white;
font-weight:lighter

}


#b-azul3
{
height:116px;
width:100%;
}


#galeria {
	width:100%;
}


#sidebar {
	width: 280px;
	float: right;
}

#banner {
	height:60px;
	width:100%;
	text-align:center;
}

#banner1 {
	height:60px;
	width:100%;
	text-align:center;
	margin-top:-150px
	
	}



#footer {

	background-color:#363636;
	height:100px;
	clear:both;
	position: relative
}


#footer1 {
text-align:center;
max-width: 1024px;
margin: 0 auto;
padding-top:10px;
font-family:"Myriad Pro";
font-size:14px;
color: white;
font-weight:lighter

}


img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}



#menu{
width:100%;
height:54px;
background-color:#246FA4;
padding-top:20px
}


#menu2{
float:right;
width:55%;
height:30px;
font-size:13.5px;
color:#263F93;
font-weight:lighter;
text-align:right;
font-family:"Myriad Pro";
padding-top:25px;
margin-right:5%
}


#social{
width:100%;
height:50px;
padding-top:15px;
text-align:right;
font-family:"Myriad Pro";
font-weight:bolder;
color:#26338B;
font-size:14px
}

#menuopciones{
width:100%;
height:30px;
}

#opcion{
width:25%;
height:25px;
background-color:#26338B;
float:left;
font-size:13.5px;
color:white;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
padding-top:5px;
}

#opcion1{
width:25%;
height:25px;
background-color:#0E71B8;
float:left;
font-size:13.5px;
color:white;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
padding-top:5px;
}


#columna1{
width:50%;
height:550px;
float:left;
font-size:13.5px;
color:white;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
background-color:white
}

#columna2{
width:50%;
height:550px;
float:left;
font-size:13.5px;
color:white;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
background-color: white
}

#columnas{
width:85.5%;
height:400px;
margin-left:7%;
margin-right:7%
}

#columnas2{
width:78%;
height:215px;
margin-left:10.5%;
margin-right:10.5%;
margin-top:5%
}

#columnas3{
width:96%;
height:50px;
margin-left:2%;
margin-right:2%;
margin-top:2%;
text-align:center;
font-size:13.5px;
color:#0D71B7;
font-weight:lighter;
font-family:"Myriad Pro";
letter-spacing:0.15em
}

#columna1a{
width:85%;
height:215px;
margin-left:10%;
float:left;
font-family:"Myriad Pro";
font-size:16px;
color:gray;
text-align:left
}

#columna2a{
width:95%;
height:600px;
margin-right:4%;
float:left;
}

#azul{
color:#002C57;
padding: 0 1% 0 3%;
}

#columna3a{
width:48%;
height:215px;
float:left;
background-color:#82B0D0
}



#contenidos1{
width:75%;
margin-left:13.5%;
margin-right:10%;
font-size:13.5px;
color:#727176;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
text-align:left
}


#contenidos1-blanco{
width:75%;
margin-left:13.5%;
margin-right:10%;
font-size:13.5px;
color:white;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
text-align:left
}

#line{
width:100%;
height:8px;
background-color:#0E71B8;
}

#footer-content{
width:100%;
height:150px;
background-color:#094B95;
}

#contenidos-footer{
max-width: 1242px;
margin: 0 auto;
font-size:13.5px;
color:white;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
padding-top:2.5%	
}


#contenidos-footer1{
max-width: 1242px;
margin: 0 auto;
font-size:13.5px;
color:#4C80B8;
font-weight:lighter;
text-align:center;
font-family:"Myriad Pro";
padding-top:2.5%	
}