@font-face {
    font-family: 'trashhandregular';
    src: url('TrashHand-webfont.eot');
    src: url('../fonts/TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TrashHand-webfont.woff2') format('woff2'),
         url('../fonts/TrashHand-webfont.woff') format('woff'),
         url('../fonts/TrashHand-webfont.ttf') format('truetype'),
         url('../fonts/TrashHand-webfont.svg#trashhandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700');


body{font-size: 18px;line-height: 1.5em;font:300 Roboto, sans-serif;}
.clear{clear:both;}

#TituloPrincipal{font:700 130px/115px 'Roboto Slab', sans-serif;color: white;text-shadow:5px 5px rgba(0,0,0,0.3);text-align:center;letter-spacing: -2px;}
#Subtitulo{font:normal 42px/50px 'Roboto Slab', sans-serif;color: white;text-shadow:3px 3px rgba(0,0,0,0.3);text-transform: normal;}

#Titulo{/*margin-top:-1rem !important;*/}
h1{max-width:1000px;margin:0 auto;font:700 'Roboto Slab', sans-serif;}
h2{max-width:700px;margin:2rem auto 1rem;font:700 2rem 'Roboto Slab', sans-serif;}
h3{width: 100%;margin: 1rem 0;font-weight: bold;font-size: 1rem;font:700 'Roboto Slab', sans-serif;}
.Sumario{font-size:1.5rem;font-weight: 300;line-height: 1.5em;max-width:700px;margin:3rem auto;}
p{max-width:700px;margin:0 auto 1rem;}
#Embed{width: 100%;max-width: 300px;float: left;margin-left: auto;padding: 0 20px 20px 0;}
#Embed figcaption{color: #666;font-size: 12px;line-height: 18px;padding-top: .5rem;}
table{width:100%;margin:0 auto .25rem;display: block;}
table tr td{padding: 0 10px;}
table tr th{padding:0 10px;font-weight: bold;}
.td0a5{background:#FBE7B0;}
.td5a10{background:#F9DDAE;}
.td10a15{background:#F9D2B0;}
.td15a20{background:#F7C9AF;}
.td20a25{background:#F5BEAD;}
.td25mas{background:#F2ABA9;}
figure{margin: 4rem auto;max-width: 900px;}
p figure{max-width: 700px;}
figure figcaption, p .pie{color:#666;font-size: 14px;line-height: 18px;padding-top:.5rem;display: block;}
p .pie{margin-bottom: 4rem;}

blockquote{max-width:700px;background:#f2f2f2;position:relative;padding:1.5em 1em 1em;margin:3rem auto;font-size: 18px;line-height: 22px;font-weight: 300;color: #444;font-style: italic;}
blockquote::before{content:'"';font-size: 8rem;position: absolute;top:16px;left:7px;font-family:Verdana;font-style: normal;color: #999;}


.padBottom{padding-bottom: 3rem;}
.padding{padding:4rem 0;}

.view.jarallax:after{background: rgba(0,0,0,0.5);color: white;padding:4px 10px;border-radius:3px;font-size:12px;line-height:16px;position: absolute;bottom:20px;left:20px;box-shadow:0,0,10px rgba(0,0,0,0.5);}
#Ninos2:after{content:'Centro de Apatzingán';}
#Ninos53:after{content:'Instalaciones de la deshidratadora Vivafrut totalmente abandonadas';}
#Ninos10:after{content:'Afuera de la iglesia de la ranchería El Paso del Capire esperaba “un grupo de jóvenes armados”';}
#Ninos64:after{content:'José Manuel Mireles Valverde, exlíder​ de los Grupos de Autodefensa Comunitaria que lucharon en contra el cártel de los Caballeros Templarios ';}
#Ninos61:after{content:'Palacio Municipal de Apatzingán';}
#Ninos6:after{content:'Carreteras de Apatzingán';}
#Ninos45:after{content:'Catedral de Morelia, Michoacán';}

span.Audio{background: rgba(0,0,0,0.1);display: block;padding: 15px;font-size: .75em;line-height: 1.25em;color: #666;margin-bottom: 1.5em;margin: 6px 15px 0 0;width: 100%;max-width:700px;margin: 3rem auto 0;}
span.Audio audio{width: 100%;margin-top: 10px;opacity: .75;cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;}
span.Audio:hover{background: rgba(0,0,0,0.15);}
span.Audio:hover audio{opacity:1;}
span.Audio i{font-style:normal;}


.HalfVideo{float: left; width: 100%;max-width: 400px;margin-right: 20px;}
.HalfVideo video{width:100%;}
.PieVideo{color:#666;font-size: 14px;line-height: 18px;padding-top:.5rem;}

#EfrainVideo{width: 100%;max-width: 700px;margin:2rem auto;}
#EfrainVideo video{width: 100%;}

.footer{font-size: 1rem;line-height: 1.5rem;}
.footer a.Logotipo{display: inline-block;margin-right: 10px;vertical-align: bottom;} 
.footer a.Logotipo img{display: block;height: 100%;} 
.footer a#LogoICFJ{height: 50px;}
.footer a#LogoCONNECTAS{height: 66px;}
.footer a#LogoRadioUNAM{height: 50px;}
.footer a#LogoELUNIVERSAL {height: 60px;padding: 0 15px;}



@media (min-width: 1200px) {
	
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	#TituloPrincipal{font-size: 100px;line-height:100px;text-shadow: 2px 2px rgba(0,0,0,0.3);}
}

@media screen and (max-width: 768px) {
	#TituloPrincipal{font-size: 75px;line-height:75px;text-shadow: 2px 2px rgba(0,0,0,0.3);}
	#Embed{max-width: initial;margin: 1.5rem 0;}
	#Embed table{margin:0;}
	h2{font-size: 1.25rem;}
	.view.jarallax:after{left:10px;bottom:10px;right: 10px;}
	.footer .padBottom{margin-top:0 !important;}
	.footer a.Logotipo{display: block;margin:0 0 20px;}
	.footer a.Logotipo img{margin:0 auto;width: auto;}
	table{max-width:initial;margin:0 0 1rem;width: 100%;}
	table tr td{width: 25%;}
}