﻿/*******************Setting de PÁGINA************************/

.img_bg{
	position:fixed;
	z-index:-3;
	margin:0;
	margin-top:100px;
	padding:0;
	padding-bottom:30px;
	background:black;
	display:block;
    width:100%;
	}
.img_bg img{
	opacity:.9;}
.contenedor{
	text-align:center;
	margin:0px;
	padding:10px;
	margin-top:300px;
	width:100%;
	padding-left:0px; padding-bottom:0;
	
	}
	
.contenedor .titulo {
	color:white;
	width:100%;
	font-size:1.5rem;
	text-align:center;
	margin-bottom:200px;
	opacity:.9;
	/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	/*
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.33) 60%,rgba(0,0,0,0.72) 100%);*/
	}
.contenedor .titulo:hover {
	opacity:.75;}
.white_bg{background:rgba(255,255,255,.85);
margin:0px;
margin-top:0;
padding-bottom:80px;
border-bottom:solid 15px rgba(12,96,33,.20);}
<!--COLUMNA DE PRESENTACION-->



<!--EMPIEZA LA COLUMNA DEL MEDIO--->
.first_col{width:150px;padding:0;margin:0;}
.left_col{
	
	padding:0 1%;
	width:54%;
	margin:0px;}

.comentarios_face {
    width:100%;
    height:100%;
	text-align:center;
	margin:0%;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	box-sizing: border-box;
	}
	
.comentarios_face div {
    
	max-width:99%;
	padding:0px;
	margin:0px;	
	
	}


.video {
    width:100%;
	text-align:center;
	margin:0%;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	box-sizing: border-box;
    display:block;
    height:auto;
	}
	
.video iframe {
    
	max-width:99%;
	max-height:360px;
	padding:0px;
	margin:0px;	
	
	}

.videoface {
    width:100%;
	text-align:center;
	margin:0%;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	box-sizing: border-box;
	}
	
.videoface div{
    
	max-width:99%;
	
	padding:0px;
	margin:0px;	
	
	}


.album_face {
    width:100%;
	text-align:center;
	margin:0%;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	box-sizing: border-box;
	}
	
.album_face iframe {
    
	max-width:99%;
    max-height:99%
	padding:0px;
	margin:0px;	
	
	}

.text_img{
	
	overflow:hidden;
	width:99%;
	margin-bottom:3%;
	height:350px;
	background-color:black;
	
	/*ANIMACION*/
	-webkit-transition:all 100ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;	
	}
.text_img img{
	position:relative;top:0px;}
.caja_flecha{
	position:relative;z-index:1; float:right;
	bottom:10%;
	/*background-color:rgba(18,140,48,.30);*/
	background-color:rgba(255,255,255,.80);
	width:5%;
	padding:18px 10px 10px 12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	height:6vh;
	text-align:center;
	}
.caja_flecha span{
	position:relative;
	color:#09531B;
	float:right;
	font-size:2rem;
	float:right;
	
	}
.text_img:hover{
	height:800px;}
.text_img:hover<img_news{
	opacity:.8;}
.footer{
	
	margin:2% 0%;
	padding:0;
	box-sizing:border-box;
	width:100%;}
.noticia{
	text-align:left;
	margin-left:0;
	margin-right:0;
	width:25%;
	box-sizing:border-box;
	height:300;
	border-radius:0px;
	border-right:1px solid rgba(18,140,48,0.2);
	padding:1% 1% 1% 1%;
	paddin-right:0px;
	font-weight:bold;
	background-color:rgba(18,140,48,0.0);
	margin-top:0px;
	/*ANIMACION*/
	-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;}
.left_col p {
	text-align: justify;
    text-justify: inter-word;}
.div_texto_noticia {
	text-align: justify;
    text-justify: inter-word;}
.footer div a:last-child{
	border-right:none;}
.noticia_img{
	width:100%;
	display:inline-block;
	margin:3px 0px 3px 3px;
	overflow:hidden;
	
	max-height:30%;}
.noticia_img img{
	width:auto;
	max-height:100%;}

.noticia:hover{
	background-color:rgba(18,140,48,0.2);
	width:23%;left:13px;
	}
a{
	text-decoration:none;
	color:#373737;}
.footer_head{
	text-align:center;
	font-weight:bold;
	font-size:1.2rem;
	border-bottom:solid rgba(18,140,48,0.2) 1px;
	border-top:solid rgba(18,140,48,0.2) 1px;
	width:100%;
	margin-left:0;
	padding-right:0;
	margin-right:0;	
	margin-top:30px;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	}
#final{
	border:none;}
.white_bg{
	z-index:-1;
	background-color:rgba(255,255,255,.85);
	width:100%;}
/*Text Styles*/
h3 a, p a{
text-decoration:none; color:rgba(62,150,0,1.00); font-weight:bold;}
/**************ARTICULO PUBLICADO POR*************/
.first_col{width:15%;padding:0;margin:0;margin-left:7%;}
.first_col{padding-top:30px;}
.fecha{
	text-align:center;
	width:100%;
	margin: 2% 0%;
	margin-bottom:0;
	padding:0% 0%;
	font-size:0.7rem;}
	.autor{
		margin:2% 0%;
		width:100%;}
.autor_foto{
	position:relative;left:37%;
	width:50px;
	height:50px;
	overflow:hidden;
	padding:0;
	border-radius:50px;
	margin:0 auto;margin-top:6px;}
	
.autor_foto img{
	height:100%;
	width:100%;
	}
.autor p {
	padding:2% 0%;
	text-align:center;
	width:100%;
	margin: 2% 0% 0% 0%;
	font-size:.7rem;}
.autor p:last-child{
	font-size:.9rem;
	margin-top:0;
	padding-top:0px;}	
.autor a{
	width:100%;
	padding:0%;
	text-align:center;
	Text-decoration:none;
	font-weight:bold;
	
	color:rgba(62,150,0,1.00);
	}
.autor_nombre{font-size:3em;
margin-top:0px;}

.escudos_head{
	text-align:center;
	width:80%; border-bottom:1px solid rgba(55,55,55,1.00); font-size:.8rem; margin-top:10%;
	margin-left:10%; margin-right: 10%;
	padding-bottom:10px;}
	
.escudo {
	width:30%;
	paddin:0;
	margin:5% 35% 0% 35%;
	height:auto;}
	
.protagonista_nombre{
	text-align:center;
	width:80%; border-bottom:1px solid rgba(55,55,55,.30); font-size:.9rem; margin-top:2%;
	margin-left:10%; margin-right: 10%;
	margin:30;
	
	padding-bottom:10px;
	}
/******ANUNCIOS*******/
.right_col{
	width:20%;
	margin:auto 0px auto 0px;
	margin-top:1%;}
.recuadro{
	background-color:rgba(18,140,48,0.2);
	width:100%;
	height:50px;
	border-radius:5px;}	
.recuadro p{
	width:100%;
	text-align:center;
	font-weight:bold;}	
.anuncio_img{
	height:100px;
	width:100%;}					
.first_col{
margin-left:0; 	}
.right_col{
	width:15%;}
.left_col{
	width:67%;}			



/*Aqui el intento de MEDIA QUERIE */

@media screen and (max-width: 720px) {

    .comentarios_face {
    display:none;
	}

    .first_col{display:none;}
    .left_col{width:97%;}
    .right_col{display:none;}


    .contenedor {margin-top:60px;}
    .titulo {margin-botton:100px;}	
    .img_bg{overflow:hidden; display:none}
    .img_bg img {   height:100%; width:auto;}
    .titulo{display:none;}

}