@charset "utf-8";

#sin_columnas .columnas_principal_y_secundaria {  width: 960px;}
.columnas_principal_y_secundaria { padding: 0 20px;}
.header .seccion { display:none;}

li, ul, ol{list-style: none;}
img{display: inline-block; max-width: 100%; height: auto;}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/v1.x/v1.0/lato/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/v1.x/v1.0/lato/lato-regular-webfont.woff") format("woff"), url("/fonts/v1.x/v1.0/lato/lato-regular-webfont.ttf") format("truetype"), url("/fonts/v1.x/v1.0/lato/lato-regular-webfont.svg#lato") format("svg");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: url("/fonts/v1.x/v1.0/lato/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/v1.x/v1.0/lato/lato-bold-webfont.woff") format("woff"), url("/fonts/v1.x/v1.0/lato/lato-bold-webfont.ttf") format("truetype"), url("/fonts/v1.x/v1.0/lato/lato-bold-webfont.svg#lato") format("svg");
}

@font-face {
    font-family:'Roboto';
    src: url('/fonts/v1.x/v1.0/roboto/roboto-black-webfont.eot');
    src: url('/fonts/v1.x/v1.0/roboto/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v1.x/v1.0/roboto/roboto-black-webfont.woff') format('woff'), url('/fonts/v1.x/v1.0/roboto/roboto-black-webfont.ttf') format('truetype'), url('/fonts/v1.x/v1.0/roboto/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.eot');
    src: url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.woff') format('woff'), url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.ttf') format('truetype'), url('/fonts/v1.x/v1.0/roboto/roboto-light-webfont.svg#robotoblack') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/fonts/v1.x/v1.0/roboto/robotocondensed-light-webfont.eot');
    src: url('/fonts/v1.x/v1.0/roboto/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/v1.x/v1.0/roboto/robotocondensed-light-webfont.woff') format('woff'), url('/fonts/v1.x/v1.0/roboto/robotocondensed-light-webfont.ttf') format('truetype'), url('/fonts/v1.x/v1.0/roboto/robotocondensed-light-webfont.svg#robotocondensedbold') format('svg');
    font-weight: 200;
    font-style: normal;
}

/*generales*/
.carcasa__interior{font-family: "Lato"; font-weight: 400; padding: 5px 10px; color: #2F2F2F;}
.col6{width: 50%; float: left;}

#sin_columnas .columnas_principal_y_secundaria {  width: 960px; padding-top: 0;}
.columnas_principal_y_secundaria { padding: 0 20px;}

.carcasa__interior ul{list-style:none;}
.carcasa__interior .encabezado {text-align: center;  margin: 40px 15px 15px 15px; padding-bottom: 40px; border-bottom:1px dotted #CCC; }
.carcasa__interior .encabezado h1{font-family: "Majerit Headline Regular"; font-size: 40px; width: 100%; display: inline-block; text-align: center;}
.carcasa__interior .encabezado p{text-align: center;margin: 20px auto; max-width: 900px; line-height: 24px; font-family: "Roboto Condensed"; font-weight:light; font-size:16px;}
.carcasa__interior .encabezado p span{ padding: 0 5px; display:block; text-transform:uppercase; font-size:14px; margin-top:10px;}
.carcasa__interior .encabezado p a{font-family: "Roboto"; font-weight:bold; color:#000;}

/*redes sociales*/
.encabezado .barra_compartir { position: relative; ; overflow: hidden; margin-top: 8px; text-align: center;}
.encabezado .barra_compartir ul { display: inline-block;list-style: outside none none; margin: 0 auto;}
.encabezado .barra_compartir ul li { float: left; margin: 0 1px;}
.encabezado .barra_compartir ul li a { background: rgba(0, 0, 0, 0) url("../img/compartir.png") no-repeat scroll center center; display: block; height: 45px; text-indent: -9999px; width: 44px;}
.encabezado .barra_compartir ul li .facebook {background-position: 0 0;}
.encabezado .barra_compartir ul li .twitter { background-position: -45px 0;}
.encabezado .barra_compartir ul li .googlemas1 {background-position: -92px 0;}

/*entradilla */
.columna_principal-encabezado{margin-bottom: 80px;}
.columna_principal-encabezado h1{font-size: 36px;
   color: #333333;
   text-align: center;
   margin: 35px 0 10px;}
.columna_principal-encabezado p{font: 200 16px/21px 'MarcinAntB', sans-serif;
   color: #333333;
   text-align: center;
   padding: 20px 50px;}

#sin_columnas .columnas_principal_y_secundaria {  width: 960px; padding-top: 0;}
.columnas_principal_y_secundaria { padding: 0 20px;}
.division_columnas .columna_principal{float: none;}
#timeline{margin: 0 auto 50px; padding: 0; position: relative;}   
#timeline .mod-txt{ width:385px;  text-align: left; position: absolute; left: 24px; top: 46px;}
#timeline .mod-txt h2{font-size: 28px;font-weight: normal;line-height: 35px;text-align: left; font-family: "Majerit Headline Regular";  margin-bottom: 10px;}
#timeline .mod-txt h2 strong{ display: block; text-transform: uppercase; font-weight: normal;}
#timeline .mod-txt p{text-align: left; line-height: 22px; font-size: 15px; color: #333; }


.apoyos{margin-top: 15px;}
.apoyos.no-line{ border:none;}
.apoyos ul li { background: none; padding: 0; margin: 0 0 10px;}
.apoyos ul li span { background: none; padding: 0; margin: 0; font:bold 14px 'Roboto Condensed'; color: #444; display: block; line-height: 14px;}
.apoyos ul li a {color: #868686;}
.apoyos ul li {font-size: 12px;font-weight: normal;line-height: 16px; list-style-type: none;}

.division_columnas { background: none; padding-top: 0px; }
.columna_principal { width: auto; padding: 0; float: none; overflow:hidden;}


.linea_tiempo { background: url("../img/sep-linea.png") repeat-y scroll center top; width: 960px; min-height: 300px; padding: 0px 10px 0; }
.columna_principal .article {  margin: 65px 0 0 0; position: relative; width: 468px; border: 0; background: url('../img/1x1-azul.png') repeat-x 0 28px; min-height: 473px;}

.columna_principal .linea_tiempo .article:first-child { margin-top: 0; }
.columna_principal .article .firma_comentarios {margin-bottom: 15px; line-height:20px; min-height: 20px;}
.columna_principal .article .firma_comentarios .actualizado { font-family:'Roboto Condensed'; font-weight:200; color: #226AA5; font-size: 20px; border: 0; text-transform: none; padding:0; margin:0}
.columna_principal .article .firma_comentarios .anyo{display:none;} 
.article .firma_comentarios .data { width: 25px; height: 25px; text-indent: -9999px; display: block; position: absolute; top: 15px; background: url('../img/bolillo.png'); border: 0; padding: 0; margin: 0; }
.columna_principal .article.a_izda { float: left; clear: left; text-align: left; padding-right: 60px; }
.a_izda .firma_comentarios .data { right: -25px; left: auto; }
.columna_principal .article.a_dcha { float: right; clear: right; text-align: right; padding-left: 60px; }
.a_dcha .firma_comentarios .data { right: auto; left: -25px; background-position: right top; }
.columna_principal .article h2 { color: #444444; font-family: 'Roboto'; font-weight:800; font-size:16px; line-height: 20px; letter-spacing: 0;margin-bottom: 10px; margin-top: 15px;}
.columna_principal .article h2 a { color: #444444; border-bottom: 1px dotted #bbb; }
.columna_principal .article p { color: #7C7C7C; font: 14px/19px 'Roboto', Arial, Helvetica, sans-serif; font-weight:200; }
.columna_secundaria .article h2 { font: 800 28px/54px 'Roboto', Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #E8E8E8; padding: 0; margin: 0; text-transform: uppercase; text-align: center; display: block; }


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

[data-title]{position: relative;}
[data-title]:before {
    width: 60px;
    text-align: center;
    content: attr(data-title);
position: absolute;
right: -40px;
    top: -37px;
    border: 1px solid #000;
    background: #fff;
    padding: 2px 0;
}
[data-title].a_dcha:before{
    right: auto;
    left: -40px;
}
/*
@media (max-width:999px) {   
    
    .contenedor_centro {margin-left: 0;display:none;} 
    .contenedor_principal {width: 100%; box-sizing: border-box;border:none; }
    .columnas_principal_y_secundaria {width:100%; box-sizing: border-box; padding:0;}
    #pie {display: none;} 
    #sin_columnas .columnas_principal_y_secundaria {width:100%;box-sizing: border-box;}
    
	
	.contenido_principal .cab_trump{ width:auto; margin:0 10px; background-position:right top}
	.contenedor_izquierda{ width:200px}
}*/
@media(max-width:999px){
	#timeline{width: auto; padding-right:30px}	
	.linea_tiempo{background: transparent url("../img/sep-linea.png") repeat-y scroll 10px top;}
	.columna_principal .article { width:auto; margin-top:60px !important; min-height:auto;}
	.columna_principal .article.a_izda { float: none; clear: right; text-align: right; padding-left:80px;padding-right: 0; }
	.columna_principal .article.a_dcha { float: none; clear: right; text-align: right; padding-left:80px;padding-right: 0; }
	.a_dcha .firma_comentarios .data {right: auto; left: 3px; background-position: right top; }
	.a_izda .firma_comentarios .data { right: auto; left: 3px; background-position: right top; }

[data-title]:before, [data-title].a_dcha:before{right:auto; left: 0;}

	/*.columna_principal .article img { width:100%;}*/
}

@media(max-width:599px){
	.contenedor_izquierda{ display:none;}
	.contenido_principal .cab_trump{ background-position: left top}
	.carcasa__interior .encabezado h1{font-size: 30px; width: 100%; display: inline-block; text-align: left;}
	.carcasa__interior .encabezado p{text-align: left;margin: 10px 0 20px 0; }
	.carcasa__interior .encabezado {  margin: 0; padding-bottom: 20px;}
}

@media(max-width:400px){
	.contenedor_derecha .usuario .boton_favoritos { display:none;}
	.contenido_principal .cab_trump{ background-position: -10px -13px; height:95px; min-width:300px;}
	.contenido_principal .cab_trump h2{ padding:5px 0 0 8px;}
	.contenido_principal .cab_trump .menu_trump{ padding:25px 0 0;}
	.contenido_principal .cab_trump .menu_trump ul li{font-size:14px;} 
	.contenido_principal .cab_trump .menu_trump ul li a{ padding:1px 10px;}
	.columna_principal .article img { width:100%;}
	.carcasa__interior .encabezado h1{font-size: 28px;}
	.carcasa__interior .encabezado p{ font-size:15px; }
	
}