
@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ 

background: #fff url(../images/fondo.png) repeat center top;
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;

}

/* C A B E C E R A */

#cabecera{
background: url(../images/fondo_menu_s.png) no-repeat center top;
width: 986px;
height: 254px;
margin:auto;
}
#cabecera_sup{

}


#logo{

width: 421px;
height: 88px;
float:left;
}


#social{
margin-top: -18px;
margin-left:-100px;
width: 70px;
height: 30px;
float:right;
z-index: 10;
}

#menu_superior{
margin-top: 58px;
margin-right: 70px;
width: auto;
height: auto;
float:right;	

}


#menu_superior li {
display: inline;
margin: 10px 5px;
}


#menu_superior ul{
float:left;
width:100%;
padding-left:0;
margin:0 5px;
list-style-type:none;
}

#menu_superior a{
font-family: 'allerregular';
width:5em;
font-size: 0.9em;
text-decoration:none;
color:white;
background-color:#af141b;
padding:0.6em 1.5em;
border-right:1px solid white;
text-shadow: 0px 0px 5px #000;
transition: all 0.5s ease;
}

#menu_superior a:hover{
background: #5a5a5a;
transform: scale(3.2) rotate(-365deg);
}


#banner{
margin-top: -15px;
width: 986px;
height: 165px;
float:right;
}


/* M E N U   P R I N C I P A L  */

#menu_p{
background: url(../images/menu.png) no-repeat center top;
width: 986px;
height: 54px;
margin: auto;
}

/* M E N U   P R I N C I P A L   1 */

#menu_principal{

height: 37px;
float: left;
margin-left: 24px;
margin-top:-2px;
}
#menu_principal ul li {
        display: inline;
        padding: 8px 12px; /*Separar el texto*/
        margin: 3px; /* Separar los botones */
        background-color:#143a60;
        color:white;
        transition: all 0.5s ease;
}
#menu_principal ul li:hover {
       background: #5a5a5a;
        cursor: pointer; /* cambiar el aspecto del puntero */
transform: scale(3.2) rotate(-365deg);
}

#menu_principal a {
	
	color:white;
	text-decoration:none;
	font-family: 'allerregular';
	font-size: 0.9em;
}

#menu_principal a:hover {
	

}


#menu_principal > li{


}

#menu_principal li ul{
display: none;
position: absolute;

}

#menu_principal li:hover > ul{
margin-top:12px;
margin-left: 42px;
display: block;
z-index: 10;
font-size: 0.9em;
height: 40px;

}
/*  M E N U    C E R T I F I C A C I O N */

#certificacion{
margin-right:25px;
float: right;

}

#certificacion li {
display: inline;

}


#certificacion ul{
float:left;
width:100%;
padding-left:0;
margin:13px 10px 13px 5px;
list-style-type:none;
}

#certificacion a{
font-family: 'allerregular';
width:5em;
font-size: 0.9em;
text-decoration:none;
color:#143a60;
background-color:#fff;
padding:0.5em 1.2em;
transition: all 0.5s ease;
}

#certificacion a:hover{
background: #5a5a5a;
color:#fff;
transform: scale(3.2) rotate(-365deg);
}

/* C O N T E N I D O S  */

#contenidos{
background: #fff;
box-shadow: 0px 0px 20px #999;
width: 960px;
height: 725px;
margin: -6px auto;
}


/* A R T I C U L O S  */
#articulos{
padding: 10px 5px 10px 15px;
width: 652px;
height: 504px;
float: left;
}

#articulos h2{
font-size: 0px;
}

#articulos h3{
	
	font-family: 'allerregular';
	font-size: 1em;
	
}
#articulos p{
	
	 font-family: 'aller_lightregular';
	font-size: 1em;
	
}
/* F I N     A R T I C U L O S  */
.acymailing_form .inputbox {
	
}


#lateral{
background: url(../images/fondo_lateral.png) repeat-y;
width: 288px;
float: right;
}

#search{
margin-top: 15px;
width: 237px;
height: 30px;
float:right;
}

#publicidad1{

width: 288px;
height: 347px;
float:right;
margin-right: -5px;
}

#publicidad2{
	
width: 288px;
height: 320px;
float:right;
margin-right: -5px;
}


#noticias{
margin-top:-5px;
font-family: 'aller_lightregular';
color:#012142;
width: 660px;
height: auto;
float: left;
margin-left:10px;
}

#noticias h1{
font-size:4em;
}

#noticias h2{
font-size:4em;
}

#noticias h3{
margin-top:10px;
font-size:1em;
font-family: 'aller_lightregular';
color:#012142;
}


#tnoticias{
margin-top:20px;
font-family: 'aller_lightregular';
width: 650px;
height: auto;
 border-bottom-style: solid;
float: left;
padding-left:15px;
color:#143a60;
}
/* A L I A D O S  */

#aliados{
background: #fff;
width: 986px;
height: 210px;
margin:auto;
padding-top:20px;
}

#aliados_titulo{
background: url(../images/fondo_aliados.png) no-repeat center top;
width: 984px;
height: 72px;
margin: -12px auto;
}
/* M E N U     F O O T E R  */

#menu_inferior{
background: url(../images/foter_sup.png) no-repeat center top;
width: 1026px;
height: 365px;
margin:auto;
}

#menu_inferior1{
margin-top: 35px;
margin-left: 20px;
width: 328px;
height: 333px;
float: left;
}

#menu_inferior1 li{

    padding-top: 5px;
}

#menu_inferior1 a{
font-family: 'allerregular';
width:5em;
font-size: 0.9em;
text-decoration:none;
color:#fff;

transition: all 0.5s ease;
}

#menu_inferior1 a:hover{
color:#143a60;

transform: scale(3.2) rotate(-365deg);
}

#menu_inferior2{

width: 328px;
height: 350px;
float: left;
}
#menu_inferior3{
padding-top: 20px;

width: 328px;
height: 350px;
float: left;
}

#menu_inferior3 p {
    font-family: 'allerregular';
    margin: 5px;
    font-size: 0.9em;
}

/*F O O T E R  */

footer{
background: #000;
width: 1026px;
height: 30px;
margin:-35px auto 0 auto;
}

footer p{
font-family: 'allerregular';
 font-size: 0.8em;
 color: #fff;

}
