@font-face {
  font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Regular.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat Light";
    src: url("../fonts/Montserrat-Light.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat Italic";
    src: url("../fonts/Montserrat-Italic.ttf?mf5dcx") format("truetype");
    font-style: italic;
}

@font-face {
  font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat-SemiBold.ttf?mf5dcx") format("truetype");
    font-style: italic;
}

@font-face {
  font-family: "Montserrat Medium";
    src: url("../fonts/Montserrat-Medium.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat-SemiBold.ttf?mf5dcx") format("truetype");
}

body {
	background-color:#2a2a2a;
}

.menu_portales {
	background: none repeat scroll 0 0 #333333;
	height: 125px;
	overflow: hidden;
	width: 100%;
	/*border-top:15px solid #212121;*/
}

.pie_pag {
	background: none repeat scroll 0 0 #212121;
	height: 130px;
	overflow: hidden;
	width: 100%;
	/*border-bottom:2px solid #e07615;*/
}

.pie_pag .grid_12 {
	float:left;
	margin-left: 0;
}

.pie_pag .grid_12 img {
	float:left;
	margin-top:60px;
}

.pie_pag2 {
	background: none repeat scroll 0 0 #212121;
	height: 15px;
	overflow: hidden;
	width: 100%;
	border-bottom:2px solid #757575;
}

.mod_cabecera_h1 {
	padding: 20px 20px 20px 0px;
}

.grid_4 {
	border-bottom:1px solid #aaa;
	padding-bottom: 6px;
}

h2{
	font-family: 'Montserrat Light';
	color:#aaaaaa;
	padding-top:30px;
	font-size:17px;
	letter-spacing: 0.4px;
	font-weight: normal;
}

.grid_4:nth-child(26) > h2{
	padding-top: 10px;
}

h2 span{
	font-family: 'Montserrat Bold';
}
h2 a{
	font-family: 'Montserrat Light';
	color:#aaaaaa;
	text-decoration:none;
}
	
.logos {
	float: left;
	overflow: hidden;
	padding: 15px 0 20px;
}


.logos li {
	float: left;
	margin: 0;
	padding: 0 3px;
}

.logos li a {
	background-image: url("../imgs/logos.png");
	background-repeat: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logos.png', sizingMethod='crop');
	display: block;
	height: 51px;
	padding: 0;
	text-decoration: none;
}

.logos li.atresmedia a {
	height: 52px;
}

.logos li.voluntarios a {
	height: 52px;
}

.logos li.vacio {
    height: 42px;
	width: 630px;
}

.logos li.antena3 a {
	background-position: 0 0px;
	width: 65px;
}

.logos li.lasexta a {
	background-position: 0 -59px;
	width: 60px;
}

.logos li.neox a {
	background-position: 0 -2527px;
	width: 66px;
}

.logos li.nova a {
	background-position: 0 -142px;
	width: 90px;
}

.logos li.nitro a {
	background-position: 0 -185px;
	width: 100px;
}

.logos li.xplora a {
	background-position: 0 -235px;
	width: 80px;
}

.logos li.lasexta3 a {
	background-position: 0 -287px;
	width: 80px;
}

.logos li.ondacero a {
	background-position: 0 -338px;
	width: 80px;
}

.logos li.europafm a {
	background-position: 0 -389px;
	width: 120px;
}

.logos li.melodiafm a {
	background-position: 0 -438px;
	width: 80px;
}

.logos li.verte a {
	background-position: 0 -488px;
	width: 80px;
}

.logos li.nubeox a {
	background-position: 0 -536px;
	width: 124px;
}

.logos li.tualbum a {
	background-position: 0 -587px;
	width: 138px;
}

.logos li.holatv a {
	background-position: 0 -630px;
	width: 120px;
}

.logos li.atresplayer a {
	background-position: 0 -689px;
	width: 122px;
}

.logos li.atresconecta a {
	background-position: 0 -759px;
	width: 130px;
}

.logos li.fundacion a {
	background-position: 0 -2463px;
	width: 128px;
}

.logos li.formacion a {
	background-position: 0 -1781px;
	width: 142px;
}	

.logos li.ponlefreno a {
	background-position: 0 -894px;
	width: 64px;
}

.logos li.objetivo a {
	background-position: 0 -966px;
	width: 50px;
}


.logos li.elestiron a {
	background-position: 0 -1035px;
	width: 70px;
}


.logos li.hazteco a {
	background-position: 0 -1091px;
	width: 99px;
}

.logos li.voluntarios a {
	background-position: 0px -1151px;
	width: 125px;
}

.logos li.atresmedia a {
	background-position: 0px -1224px;
	width: 140px;
}
.logos li.neoxkidz a {
	background-position: 0 -1286px;
	width: 120px;
}
.logos li.constantes a {
	background-position: 0 -1345px;
	width: 128px;
}
.logos li.mega a {
	background-position: 0 -1417px;
	width: 90px;
}
.logos li.atresmediainternacional a {
	background-position: 0 -1715px;
	width: 130px;
}	

.logos li.atresmediainternacional a:hover {
	background-position: -206px -1715px;
	width: 130px;
}	

.logos li.antena3 a:hover {
	background-position: -205px 0px;
	width: 65px;
}

.logos li.lasexta a:hover {
	background-position: -206px -59px;
	width: 60px;
}

.logos li.neox a:hover {
	background-position: -207px -2527px;
	width: 66px;
}	

.logos li.nova a:hover {
	background-position: -206px -142px;
	width: 90px;
}

.logos li.nitro a:hover {
	background-position: -206px -185px;
	width: 100px;
}

.logos li.xplora a:hover {
	background-position: -206px -235px;
	width: 80px;
}

.logos li.lasexta3 a:hover {
	background-position: -206px -287px;
	width: 80px;
}

.logos li.ondacero a:hover {
	background-position: -206px -338px;
	width: 80px;
}

.logos li.europafm a:hover {
	background-position: -206px -389px;
	width: 120px;
}

.logos li.melodiafm a:hover {
	background-position: -206px -438px;
	width: 80px;
}

.logos li.verte a:hover {
	background-position: -206px -488px;
	width: 80px;
}

.logos li.nubeox a:hover {
	background-position: -206px -536px;
	width: 124px;
}

.logos li.tualbum a:hover {
	background-position: -206px -587px;
	width: 138px;
}

.logos li.holatv a:hover{
	background-position: -206px -630px;
	width: 120px;
}

.logos li.atresplayer a:hover {
	background-position: -207px -689px;
	width: 122px;
}

.logos li.atresconecta a:hover {
	background-position: -206px -759px;
	width: 130px;
}

.logos li.fundacion a:hover {
	background-position: -206px -2463px;
	width: 128px;
}

.logos li.formacion a:hover {
	background-position: -203px -1781px;
	width: 142px;
}	

.logos li.ponlefreno a:hover {
	background-position: -206px -894px;
	width: 64px;		
}

.logos li.objetivo a:hover {
	background-position: -206px -966px;
	width: 50px;
}


.logos li.elestiron a:hover {
	background-position: -206px -1034px;
	width: 70px;
}

.logos li.hazteco a:hover {
	background-position: -206px -1091px;
	width: 99px;
}

.logos li.voluntarios a:hover {
	background-position: -206px -1151px;
	width: 125px;
}

.logos li.atresmedia a:hover {
	background-position: -207px -1224px;
	width: 140px;
}

.logos li.neoxkidz a:hover{
	background-position: -206px -1286px;
	width: 120px;
}

.logos li.constantes a:hover{
	background-position: -206px -1345px;
	width: 128px;
}

.logos li.mega a:hover{
	background-position: -206px -1417px;
	width: 90px;
}

.logos li.flooxer a {
	background-position: 6px -197px;
	width: 90px;
}

.logos li.flooxer a:hover {
	background-position: -199px -197px;
	width: 90px;
}

.logos li.atreseries a {
	background-position: 0 -258px;
	width: 66px;
}

.logos li.atreseries a:hover {
	background-position: -206px -258px;
	width: 66px;
}

.logos li.toleranciacero a {
	background-position: 6px -1487px;
	width: 65px;

	height: 62px;		
}
.logos li.toleranciacero a:hover {
	background-position: -201px -1487px;
	width: 65px;		
}

.logos li.atresplayervideoclub a {
	background-position: 6px -1574px;
	width: 150px;
	height: 65px;		
}

.logos li.atresplayervideoclub a:hover {
	background-position: -194px -1574px;
}

.logos li.atresmediastudios a {
	background-position: 0 -1836px;
	width: 90px;
}	

.logos li.atresmediastudios a:hover {
	background-position: -205px -1836px;
	width: 90px;
}

.logos li.atresmediapublicidad a {
	background-position: 0 -1968px;
	width: 127px;
	height: 52px;
}

.logos li.atresmediapublicidad a:hover {
	background-position: -206px -1968px;
	width: 127px;
}	

.logos li.fever a {
	background-position: 0 -2211px;
	width: 95px;
}

.logos li.fever a:hover {
	background-position: -206px -2211px;
	width: 95px;
}

.logos li.levantalacabeza a {
	background-position: 0 -2263px;
	width: 112px;
}

.logos li.levantalacabeza a:hover {
	background-position: -206px -2263px;
	width: 112px;
}

.logos li.xperience a {
	background-position: 13px -2334px;
	width: 165px;
}

.logos li.xperience a:hover {
	background-position: -193px -2334px;
	width: 165px;
}

.logos li.descubrelafp a {
	background-position: 13px -2395px;
	width: 74px;
}

.logos li.descubrelafp a:hover {
	background-position: -193px -2395px;
	
	width: 74px;
}

.logos li.grandesprofes a {
	background-position: 13px -2457px;
	width: 61px;
}

.logos li.grandesprofes a:hover {
	background-position: -193px -2457px;
	width: 61px;
}

.logos li.grandesiniciativas a {
	background-position: 13px -2522px;
	width: 165px;
}

.logos li.grandesiniciativas a:hover {
	background-position: -193px -2522px;
	width: 165px;
}

.logos li a span {
	visibility: hidden;
}
	
.linea-blanca {
	border-bottom: 1px solid #878787;
	display: block;
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 955px;
	width: 44%;
	z-index: 10;
}

.linea-naranja {
    border-bottom: 2px solid #e07615;
	display: block;
	height: 2px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 1003px;
	width: 97%;
z-index: 10;
}

.capa_cookies .center_cookies {
    margin-left: auto;
    margin-right: auto;
    padding: 7px 0 6px;
    width: auto !important;
    max-width: 919px !important;
}

@media only screen and (max-width: 1024px) {
	.container_12 {
	    width: 100%;
	    max-width: 100%;
	}
	.container_12 .grid_8 {
		width: 95% !important;
	}
	.container_12 .grid_4 {
		width: 95% !important;
	}
	.container_12 .grid_8 .logos li {
	    margin: 7px;
	}
	.container_12 .mod_cabecera_h1 img {
		max-width: 175px;
	}
	.container_12 .linea-naranja {
		max-width: 100%;
	}
	.container_12 .grid_12 {
	    width: 99% !important;
	}
	.pie_pag .grid_12 img {
	    float: right;
	    margin-top: 30px;
	}
}