body{
	background-color: #fff;
	background-image: url('../imagenes/fondo_home/fondo-01.jpg');
	font-family: arial, sans-serif;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a, a:hover, a:visited, a:active, a:focus{
	background: none;
	border: none;
	outline: none;
	text-decoration: none;
}

/* header */
header{
	position: relative;
	width: 100%;
	max-width: 960px;
	height: 200px;
	margin: 0 auto 30px;
	background-image: url('../imagenes/header/header.png');
	background-repeat: no-repeat;
	background-position: top center;
}
header a{
	display: inline;
}
header div.logo{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 100%;
	max-width: 190px;
	height: 190px;
	margin: 45px 0 0 4%;
	background-color: #fff;
	background-image: url('../imagenes/header/logo_home.png');
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
}
header div.horario{
	float: right;
	margin: 30px 5% 0 0;
	text-align: center;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
}
header div.horario img{
	display: block;
	width: 100%;
	max-width: 250px;
}
header div.horario a{
    color: #333;
    font-weight: 700;
    text-shadow: 0px 0px 1px #fff;
}
/* END header */
/* nav */
nav{
	width: 100%;
	max-width: 960px;
	margin: -50px auto 0;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
}
nav ul{
	position: relative;
	float: right;
	margin: 0 20px 0 0;
	list-style: none;
}
nav ul li{
	display: inline-block;
	position: relative;
	margin-left: 10px;
}
nav ul li a{
	display: block;
	padding: 2px 0;
	color: #000;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
}
nav ul li a:hover{
	color: #000;
}
nav ul li a.epi{
	border-bottom: 3px solid #d3bdee;
	cursor: pointer;
}
nav ul li a.epi + ul.dropdown{background-color: rgba(211, 189, 238,.5);}
nav ul li a.epi + ul.dropdown li a:hover{background-color: rgb(211, 189, 238);}
nav ul li a.com{
	border-bottom: 3px solid #5ddb60;
	cursor: pointer;
}
nav ul li a.com + ul.dropdown{background-color: rgba(93, 219, 96,.5);}
nav ul li a.com + ul.dropdown li a:hover{background-color: rgb(93, 219, 96);}
nav ul li a.dis{
	border-bottom: 3px solid #f7e610;
	cursor: pointer;
}
nav ul li a.dis + ul.dropdown{background-color: rgba(247, 230, 16,.5);}
nav ul li a.dis + ul.dropdown li a:hover{background-color: rgb(247, 230, 16);}
nav ul li a.car{
	border-bottom: 3px solid #91c4f3;
	cursor: pointer;
}
nav ul li a.car + ul.dropdown{background-color: #91c4f3;}

nav ul li span.open{display: none;}

/* dropdown */
nav ul.dropdown{
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	max-height: 0;
	text-align: left;
	transition: max-height 0.25s;
	-webkit-transition: max-height 0.25s;
}
nav ul li:hover ul.dropdown{
	max-height: 87px;
}
nav ul li ul.dropdown li{
	display: block;
	margin: 0;
}
nav ul li ul.dropdown li a{
	display: block;
	line-height: 25px;
	padding-left: 10px;
	color: #555;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
}

/* END nav*/

main{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	color: #fff;
}

/* #video */
section#video{
	position: relative;
	width: 100%;
	height: 400px;
	margin: 150px 0 40px;
	background-color: #fdc975;
}
section#video span.titulo{
	top: -30px;
	color: #000;
	background-color: #fffe04;
}
/* END #video */

/* #episodios*/
article#episodios{
	position: relative;
	width: 100%;
	/*height: 220px;*/
	margin: 5px 0;
	padding: 20px ;
	background-color: #d4bcec;
}
/* .slider */
article#episodios div.slider{
	overflow: hidden;
	position: relative;
	float: left;
	width: 70%;
	height: 100%;
}
article#episodios div.slider figure.imgLiquidFill.imgLiquid{
	position: relative;
	height: 180px;
}
/* .slider2 */
article#episodios div.slider2{
    overflow-y: hidden;
    overflow-x: scroll;
	position: relative;
	float: left;
	width: 70%;
	height: 200px;
}
article#episodios div.slider2 figure.imgLiquidFill.imgLiquid{
	position: relative;
	float: left;
	width: 180px;
	height: 180px;
	margin: 0 5px;
}
article#episodios div.slider2 div.slid{
	float: left;
	width: 1330.67px;
}
/* END .slider2 */
article#episodios div.slider figure figcaption,
article#episodios div.slider2 figure figcaption{
	overflow: hidden;
	position: relative;
	top: 160px;
	width: auto;
	padding: 3px 6px;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	font-size: 12px;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
/* END .slider */
/* .epi-desc */
article#episodios div.epi-desc{
	float: right;
	width: 29%;
	height: 100%;
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px solid #fff;
	font-size: 14px;
	font-style: italic;
}
article#episodios div.epi-desc h3{
	color: #000;
	font-size: 24px;
	font-style: normal;
}
article#episodios div.epi-desc h3:after{
	content: '__';
	display: table;
	margin: -5px 0 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
/* END .epi-desc */
/* END #episodios */

/* .left */
aside.left{
	float: left;
	width: 68%;
}

/* #acciones */
section#acciones{
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
	margin: 20px 0;
	padding: 25px 1%;
	background-color: #5ddb5d;
}
/* .acc-desc */
section#acciones div.acc-desc{
	float: left;
	width: 30%;
	height: 160px;
	padding: 5% 3px 0 0;
    padding-left: 7px;
	border-right: 2px solid #fff;
	font-size: 15px;
	font-style: italic;
}
section#acciones figure.imgLiquidFill.imgLiquid{
	position: relative;
	float: left;
	width: 160px;
	height: 160px;
	margin-left: 10px;
}
section#acciones figure figcaption{
	margin: 100px 0 0 15px;
	font-size: 12px;
	font-style: italic;
}
section#acciones figure figcaption span{
	margin-bottom: 10px;
	padding: 0 2px 0 0;
	color: #fff;
	background-color: #000;
}
section#acciones figure figcaption span:first-child:after{
	content: '';
	display: table;
	margin: 5px 0;
}
/* END .acc-desc */

/* .subi-accion */
section#acciones p.subi-accion{
	position: absolute;
	bottom: 6px;
	right: 40px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
/* END .subi-accion*/
/* END #acciones */

/* #fadu */
div#fadu{
	position: relative;
	float: left;
	width: 40%;
	min-height: 220px;
	margin: 5px 0;
	padding: 19px 1%;
	background-color: #93c6f5;
	font-weight: 700;
	text-align: center;
    }

img#estudia{
    width: 78%
    
}

/*
div#fadu p.big{
	font-size: 31px;
	text-transform: uppercase;
}
div#fadu p.small{
	font-size: 18px;
	text-transform: none;
}
*/
/* END #fadu */

/* #sustent */
div#sustent{
	position: relative;
	float: right;
	width: 55%;
	height: 220px;
	margin: 5px 0;
	padding-left: 10px;
	background-color: #f6e712;
}
div#sustent figure.imgLiquidFill.imgLiquid{
	float: left;
	width: 45%;
	height: 180px;
	margin: 20px 5px 0 0;
}
div#sustent figure figcaption{
	overflow: hidden;
	position: relative;
	top: 160px;
	width: auto;
	padding: 3px 2px 3px 5px;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	font-size: 11px;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
/* END #sustent */
/* END .left */

/* #sabias-que */
aside#sabias-que{
	position: relative;
	float: right;
	width: 29%;
	height: 465px;
	margin: 20px 0;
	background-color: #d3d9e9;
}
aside#sabias-que span.titulo{
	top: 10px;
	color: #000;
	background-color: #fffe04;
	font-size: 23px;
}
aside#sabias-que span.titulo:before{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	border-width: 3px;	
	border-style: solid;
	border-color: #000 #000 transparent transparent;	
}
aside#sabias-que span.titulo:after{
	top: 0;
	left: calc(100% - 1px);
	border-top-width: 28px;
	border-right-width: 8px;
	border-bottom-width: 15px;
	border-left-width: 4px;
	border-color: #fffe04 transparent transparent #fffe04;
}
aside#sabias-que .imgLiquidFill.imgLiquid{
	width: 100%;
	height: 465px;
}
/* END #sabias-que */

/* footer */
footer{
	width: 100%;
	max-width: 960px;
	min-height: 140px;
	margin: 10px auto 0;
	padding: 20px 1%;
	background-color: #78e0bf;
    clear: both;
}
footer div.footer-logo{
	float: left;
}
footer div.footer-logo img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
footer div.pares{
	float: left;
	font-size: 13px;
	font-weight: 700;
    padding-right: 10px;

}
footer div.pares ul{
	float: left;
}
footer div.pares img{
	float: left;
	margin: 0 10px;
	padding: 0 10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
footer div.site-map{
	/*float: right;*/
	margin-bottom: 20px;
}
footer div.site-map ul{
	float: left;
	margin-left: 35px;
	font-size: 11px;
	list-style-type: disc;
}
footer div.site-map ul li{
	font-weight: 700;
	text-transform: uppercase;
}
footer div.site-map ul li ol{
	padding-left: 20px;
	list-style-type: circle;
}
footer div.site-map ul li ol li{
	font-weight: 400;
	text-transform: none;
}
footer div.copy-r{
	margin-top: 13px;
    float: left;
	width: 80%;
	font-size: 10px;
	font-style: italic;
}
footer div.redes{
	float: right;
    margin-top: 10px;
    margin-right: 70px;
}
footer div.redes a img{
	width: 26px;
}
/* END footer */

@media screen and (max-width: 960px){
	/*header*/
	header div.horario{
		margin-top: 87px;
	}
	/* nav */
	nav{
		margin-top: 55px;
		text-align: center;
	}
	nav ul{
		float: none;
		margin: 0;
	}
	/* #video */
	section#video{
		margin-top: 110px;
	}
}
@media screen and (max-width: 780px){
	/* header */
	header{
		height: auto;
		text-align: center;
	}
	header div.logo{
		float: none;
		width: 100%;
		margin: 45px auto 0 auto;
	}
	header div.horario{
		float: none;
		margin: 15px 0 0 0;
	}
	header div.horario img{
		margin: 0 auto;
	}
	/* nav */
	nav{
		margin-top: 0;
	}
	nav ul li{
		display: block;
		margin: 0 10px 5px;
	}
	nav ul li a{
		margin: 0px;
		padding: 10px 0;
		font-size: 20px;
	}
	nav ul li span.open{
		display: inline-block;
		position: absolute;
		right: 10px;
		color: #7b7b7b;
	}
	nav ul li:hover ul.dropdown,
	nav ul li ul.dropdown{
		position: relative;
		max-height: 0px;
	}
	nav ul li ul.dropdown.ul-open,
	nav ul li:hover ul.dropdown.ul-open{
		max-height: 160px;
		font-size: 12px;
	}
	/* #video */
	section#video{
		height: 350px;
		margin-top: 80px;
	}

	/* #episodios*/
	article#episodios{
		height: auto;
		margin-bottom: 40px;
	}
	article#episodios div.slider,
	article#episodios div.slider2{
		width: 100%;
	}
	article#episodios div.epi-desc{
		display: block;
		width: 100%;
		margin: 20px 0 10px;
	}
	aside.left{
		float: none;
		width: 100%;
	}
	/* #acciones*/
	section#acciones{
		float: none;
		height: auto;
		padding-bottom: 35px;
	}
	section#acciones div.acc-desc{
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		border: none;
		font-size: 16px;
		text-align: center;
	}
	section#acciones div.acc-img{
		width: 100%;
		max-width: 520px;
		margin: 0 auto;
	}
	section#acciones div.acc-img figure.imgLiquidFill.imgLiquid{
		width: 100%;
		max-width: 250px;
		margin: 5px;
	}
	/* #fadu */
	div#fadu{
		float: none;
		width: 100%;
		margin: 0 auto 30px;
	}
	/* #sustent */
	div#sustent{
		float: none;
		width: 100%;
	}

	/* #sabias-que */
	aside#sabias-que{
		float: none;
		width: 100%;
		max-width: 330px;
		margin-right: auto;
		margin-left: auto;
	}

	/* footer */
	footer div.footer-logo{
		float: none;
		margin-bottom: 10px; 
		text-align: center;
	}
	footer div.pares{
		float: none;
		width: 272px;
		margin: 10px auto;
	}
	footer div.pares img{
		border-left: 0;
	}
	footer div.site-map{
		float: none;
		width: 158px;
		margin: 20px auto;
	}
	footer div.site-map ul{
		float: none;
	}
	footer div.copy-r{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	footer div.redes{
		float: none;
		margin: 10px;
		text-align: center;
	}

}
@media screen and (max-width: 570px){
	/* #acciones */
	section#acciones div.acc-img figure.imgLiquidFill.imgLiquid{
		width: 100%;
		max-width: 97%;
		height: 270px;
	}
	section#acciones div.acc-img figure.imgLiquidFill.imgLiquid figcaption{
		margin-top: 200px;
	}
}

/*Globales*/
span.titulo{
	z-index: 50;
	position: absolute;
	top: -18px;
	left: -5px;
	padding: 5px 8px;
	color: #fff;
	background-color: #010101;
	font-weight: 700;
	text-transform: uppercase;
}
span.titulo:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	border-width: 3px;	
	border-style: solid;
	border-color: #000 #000 transparent transparent;	
}
span.mas a{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 7px 10px;
	color: #fff;
}
article#episodios span.mas a{
	background-color: #b08bdb;
}
section#acciones span.mas a{
	background-color: #25bc21;
}
div#fadu span.mas a{
	background-color: #559ae8;
}
div#sustent span.mas a{
	background-color: #edd101;
}

main:after,
article#episodios:after,
aside.left:after,
section#acciones:after,
footer:after,
footer div.pares:after{
	content: '';
	display: table;
	clear: both;
}

/*END globales*/


/*EPISODIO*/




.contenedorep { 
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}



h1 {
    color: black;
    font-family: Helvetica;
    text-align: center;
}



.grilla {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	background-color: ghostwhite;
	box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.25);
    margin-top: 1.5em;
}

.grilla h3 {
	color: #0a2449;
	font-size: 1.3em;
	max-width: 91.5%;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: -10px;
	border-bottom: 1px solid #0a2449;
}

.grilla ul {
	padding: 3px;
	margin: 10px 10px 15px 10px;
	height: auto;
}

.grilla ul li {
    list-style: none;
	border-bottom: 1px solid lightseagreen;
	line-height: 1.25rem;
}

.grilla ul li span {
	color: darkslategrey;
	margin-right: 6px;
	font-weight: 600;
	line-height: 1.25em;
}

.grilla ul li a {
	color: #608194;
	font-size: 1.5rem;
}

.grilla ul li a:hover {
	color: #0a2449;
}



#imgcap{
    float: left;
    width: 100%;
    height: auto;
    margin: 1em;
}

#imgcap img{
    width: 100%;
    height: auto;
    max-width: 300px;
}

#textcap{
    float:left;
    width: 100%;
    height: auto;
    margin:0.5em;
}

#exarticle  {
    
    clear:both;
    font-family: helvetica;
    line-height: 1.6 em;
    background-color: #adb7bf; 
    overflow: auto;
     
}


@media screen and (min-width: 40em) {
   
#imgcap{
width: 30%;
}

#textcap{
width: 60%;
}
    
}
/* END nav*/



/* main work*/
.contenedor { 
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

main, article, aside, h1 {
       padding: 1em;   
}

h10 {
    color: black;
    font-family: Helvetica;
    font-size: 1.5rem;
}

.linea {
    border-style: solid; 
    margin-bottom: 3%; 
    margin-top: 2%; 
    border-color: black
} 
h2{
    clear:both;
}

.separador{
clear: both;
}


.derecha{
float: right;    
}

.izquierda{
float: left;    
}

section{
width: 86%;
display: block;
margin: 0 auto;    
}


.contenedor .tituloagenda{
    font-size: 1.8rem; 
    font-family: Helvetica; 
    font-weight:700;  
    text-align: center;
    color: white;
    margin: 0.3em 0;
}

.contenedor .bajadaagenda{
    font-size: 1.2rem; 
    font-family: Helvetica; 
    font-weight:500;  
    text-align: center;
    color:white;
    margin: 0.2rem;
}

.contenedor .tiras{
    width: 100%;
    height: auto;
    float: left;
    display: block;
    margin: 0em 0em 1em 0;
    overflow: hidden;
}

.contenedor .tiras:hover .agenda_img{
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%);
    transition: 0.5s;
}

.contenedor .tiras:hover .actividad{
  background-color: darkseagreen;
transition: 0.5s;    
}

.contenedor .agenda_img{
    width: 38%;
    display: block;
}

.contenedor .actividad{
  width: 59%;
  min-height: 154px;
  position: relative;
  background-color: seagreen;
  box-sizing: border-box;
  padding: 0.5em 2em;    
}


@media screen and (min-width: 40em) {
   
#imgcap{
width: 30%;
}

#textcap{
width: 60%;
}
    
}

/*diy*/
.contenedormar { 
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}




#logo img {
    border-radius: 50%;
    width: 15%;
    margin-top: 3em;
    margin-left: 3em;
}

#maindiy h1 {
    clear: both;
    text-align: left;
    color: black;
    font-family: Helvetica;
    font-size: 1.5rem;
}



#maindiy h2{
    clear:both;
    color: black;
    margin-top:1em;
    margin-bottom: 0.5em;
}
h3{
    color: black;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.6em;
}
#corchos{
    overflow:auto;
}

#botellas{
    overflow:auto;
}

#botellas2{
    overflow:auto;
}

#carton{
    overflow:auto;
}

#carton2{
    overflow:auto;
}

#muebles{
    overflow:auto;
}

#latas{
    overflow:auto;
}

#latas2{
    overflow:auto;
}

#frascos{
    overflow:auto;
}

#c1{
    width: 301.5px;
    height: 300px;
    background-image: url(../imagenes/corchos/Realiza-tu-propio-sello-con-corchos-reciclados.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#c1_cont {
    position: absolute;
    width: 301.5px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#c1:hover #c1_cont{
    opacity: 1;
    color:black;
}

#c1_text {
    position: absolute;
    font-size: 16px;
}

#c2{
    width: 301.5px;
    height: 300px;
    background-image: url(../imagenes/corchos/images.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#c2_cont {
    position: absolute;
    width: 301.5px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#c2:hover #c2_cont{
    opacity: 1;
     color:black;
}

#c2_text {
    position: absolute;
    font-size: 16px;
}

#c3{
    width: 301.5px;
    height: 300px;
    background-image: url(../imagenes/corchos/9842910.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#c3_cont {
    position: absolute;
    width: 301.5px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#c3:hover #c3_cont{
    opacity: 1;
    color:black;
}

#c3_text {
    position: absolute;
    font-size: 16px;
}

#b1{
    width: 301.5px;
    height: 230px;
    background-image: url(../imagenes/botellas/10277849.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#b1_cont {
    position: absolute;
    width: 301.5px;
    height: 230px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#b1:hover #b1_cont{
    opacity: 1;
    color:black;
}

#b1_text {
    position: absolute;
    font-size: 16px;
}

#b2{
    width: 301.5px;
    height: 230px;
    background-image: url(../imagenes/botellas/8958399.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#b2_cont {
    position: absolute;
    width: 301.5px;
    height: 230px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#b2:hover #b2_cont{
    opacity: 1;
    color:black;
}

#b2_text {
    position: absolute;
    font-size: 16px;
}

#b3{
    width: 301.5px;
    height: 230px;
    background-image: url(../imagenes/botellas/p0.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#b3_cont {
    position: absolute;
    width: 301.5px;
    height: 230px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#b3:hover #b3_cont{
    opacity: 1;
    color:black;
}

#b3_text {
    position: absolute;
    font-size: 16px;
}

#b4{
    width: 301.5px;
    height: 450px;
    background-image: url(../imagenes/botellas/diy3-1407440696.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
    
}

#b4_cont {
    position: absolute;
    width: 301.5px;
    height: 450px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding: 1em;
}

#b4:hover #b4_cont{
    opacity: 1;
    color:black;
}

#b4_text {
    position: absolute;
    font-size: 16px;
}

#b5{
    width: 301.5px;
    height: 450px;
    background-image: url(../imagenes/botellas/fotonoticia_20150605100539_800.jpg);
    background-size:cover;
    float:left;
    margin: 0.07em;
}

#b5_cont {
    position: absolute;
    width: 301.5px;
    height: 450px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#b5:hover #b5_cont{
    opacity: 1;
    color:black;
}

#b5_text {
    position: absolute;
    font-size: 16px;
}

#b6{
    width: 301.5px;
    height: 450px;
    background-image: url(../imagenes/botellas/zzreciclaed.jpg);
    background-size:cover;
    float:left;
    margin: 0.07em;
}

#b6_cont {
    position: absolute;
    width: 301.5px;
    height: 450px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#b6:hover #b6_cont{
    opacity: 1;
    color:black;
}

#b6_text {
    position: absolute;
    font-size: 16px;
}

#ca1{
    width: 908px;
    height: 371px;
    background-image: url(../imagenes/carton/31.jpg);
    background-size: cover;
    margin: 0.07em;
}

#ca1_cont {
    position: absolute;
    width: 908px;
    height: 371px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#ca1:hover #ca1_cont{
    opacity: 1;
    color:black;
}

#ca1_text {
    position: absolute;
    font-size: 16px;
}

#ca2{
    width: 453px;
    height: 350px;
    background-image: url(../imagenes/carton/d6b4fd3298e6501e19b4cb2eb3dc2cb8.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#ca2_cont {
    position: absolute;
    width: 454px;
    height: 350px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#ca2:hover #ca2_cont{
    opacity: 1;
    color:black;
}

#ca2_text {
    position: absolute;
    font-size: 16px;
}

#ca3{
    width: 453px;
    height: 350px;
    background-image: url(../imagenes/carton/ec11c9a0b9f1d59f70bab7764486599d.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#ca3_cont {
    position: absolute;
    width: 454px;
    height: 350px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#ca3:hover #ca3_cont{
    opacity: 1;
    color:black;
}

#ca3_text {
    position: absolute;
    font-size: 16px;
}

#m1{
    width: 301.5px;
    height: 300px;
    background-image: url(../imagenes/muebles/skate2.png);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#m1_cont {
    position: absolute;
    width: 301.5px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#m1:hover #m1_cont{
    opacity: 1;
    color:black;
}

#m1_text {
    position: absolute;
    font-size: 16px;
}

#m2{
    width: 301.5px;
    height: 300px;
    background-image: url(../imagenes/muebles/72.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#m2_cont {
    position: absolute;
    width: 301.5px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#m2:hover #m2_cont{
    opacity: 1;
    color:black;
}

#m2_text {
    position: absolute;
    font-size: 16px;
}

#m3{
    width: 301.5px;
    height: 300px;
    background-image: url(../imagenes/muebles/63.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#m3_cont {
    position: absolute;
    width: 301.5px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#m3:hover #m3_cont{
    opacity: 1;
    color:black;
}

#m3_text {
    position: absolute;
    font-size: 16px;
}

#l1{
    width: 909px;
    height: 379px;
    background-image: url(../imagenes/latas/11.png);
    background-size: cover;
    float:left;
    margin: 0.07em;  
}

#l1_cont {
    position: absolute;
    width: 909px;
    height: 379px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding: 1em;
}

#l1:hover #l1_cont{
    opacity: 1;
    color:black;
}

#l1_text {
    position: absolute;
    font-size: 16px;
}

#l2{
    width: 301.5px;
    height: 450px;
    background-image: url(../imagenes/latas/74.jpg);
    background-size:cover;
    float:left;
    margin: 0.07em;
}

#l2_cont {
    position: absolute;
    width: 301.5px;
    height: 450px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#l2:hover #l2_cont{
    opacity: 1;
    color:black;
}

#l2_text {
    position: absolute;
    font-size: 16px;
}

#l3{
    width: 301.5px;
    height: 450px;
    background-image: url(../imagenes/latas/creative-diy-ideas-19-1.jpg);
    background-size:cover;
    float:left;
    margin: 0.07em;
}

#l3_cont {
    position: absolute;
    width: 301.5px;
    height: 450px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#l3:hover #l3_cont{
    opacity: 1;
    color:black;
}

#l3_text {
    position: absolute;
    font-size: 16px;
}

#l4{
    width: 301.5px;
    height: 450px;
    background-image: url(../imagenes/latas/PicMonkey%20Collagelatas2.jpg);
    background-size:cover;
    float:left;
    margin: 0.07em;
}

#l4_cont {
    position: absolute;
    width: 301.5px;
    height: 450px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#l4:hover #l4_cont{
    opacity: 1;
    color:black;
}


#l4_text {
    position: absolute;
    font-size: 16px;
}
#f1{
    width: 453px;
    height: 350px;
    background-image: url(../imagenes/frascos/22.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#f1_cont {
    position: absolute;
    width: 453px;
    height: 350px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#f1:hover #f1_cont{
    opacity: 1;
    color:black;
}

#f1_text {
    position: absolute;
    font-size: 16px;
}

#f2{
    width: 453px;
    height: 350px;
    background-image: url(../imagenes/frascos/diy-reciclando-tarros-cristal-L-FoBjAl.jpeg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#f2_cont {
    position: absolute;
    width: 453px;
    height: 350px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#f2:hover #f2_cont{
    opacity: 1;
    color:black;
}

#f2_text {
    position: absolute;
    font-size: 16px;
}

article {
    clear:both;
    font-family: Helvetica;
    color:black;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.6em;
}


@media screen and (min-width: 40em) {
   
#imgcap{
width: 30%;
}

#textcap{
width: 60%;
}
    
}


/*marcas*/

#mainmarcas h3{
    color: black;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 1em;
}

#mainmarcas {  
    color: black;
	 font-family: Helvetica;
     line-height: 1.6em;
     clear: both;
}

#mainmarcas h1 {
    color: black;
    font-family: helvetica;
    font-size: 1.5rem;
    clear: both;
    text-align: left;
    }



#mafia{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/mafiabags.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#mafia_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#mafia:hover #mafia_cont{
    opacity: 1;
    color: black;
}

#mafia_text {
    position: absolute;
    font-size: 16px;
}

#bochi{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/bochibrochi.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#bochi_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#bochi:hover #bochi_cont{
    opacity: 1;
    color: black;
}

#bochi_text {
    position: absolute;
    font-size: 16px;
}

#buen{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/buenpapel.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}
#buen_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#buen:hover #buen_cont{
    opacity: 1;
    color: black;
}

#buen_text {
    position: absolute;
    font-size: 16px;
}

#carro{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/carro.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#carro_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#carro:hover #carro_cont{
    opacity: 1;
    color: black;
}

#carro_text {
    position: absolute;
    font-size: 16px;
}

#disa{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/disappearinpackage.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#disa_cont{
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#disa:hover #disa_cont{
    opacity: 1;
    color: black;
}

#disa_text {
    position: absolute;
    font-size: 16px;
}

#ceibo{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/elceibo.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#ceibo_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#ceibo:hover #ceibo_cont{
    opacity: 1;
    color: black;
}

#ceibo_text {
    position: absolute;
    font-size: 16px;
}

#milhojas{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/milhojas.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#milhojas_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#milhojas:hover #milhojas_cont{
    opacity: 1;
    color: black;
}

#milhojas_text {
    position: absolute;
    font-size: 16px;
}

#miluso{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/miluso.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#miluso_cont{
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#miluso:hover #miluso_cont{
    opacity: 1;
    color: black;
}

#miluso_text {
    position: absolute;
    font-size: 16px;
}

#modesta{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/modesta.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#modesta_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#modesta:hover #modesta_cont{
    opacity: 1;
    color: black;
}

#modesta_text {
    position: absolute;
    font-size: 16px;
}

#neu{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/neumatica.jpg);
    background-size: cover;
    float:left;
    margin: 0.07em;
}

#neu_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#neu:hover #neu_cont{
    opacity: 1;
    color: black;
}

#neu_text {
    position: absolute;
    font-size: 16px;
}

#pom{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/pomada.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#pom_cont{
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#pom:hover #pom_cont{
    opacity: 1;
    color: black;
}

#pom_text {
    position: absolute;
    font-size: 16px;
}

#tyl{
    width: 300px;
    height: 300px;
    background-image: url(../imagenes/tinchoylola.jpg);
    background-size: cover;
    float:left;
     margin: 0.07em;
}

#tyl_cont {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: rgba(224, 226, 226, 0.9);
    opacity: 0;
    padding:1em;
}

#tyl:hover #tyl_cont{
    opacity: 1;
    color: black;
}

#tyl_text {
    position: absolute;
    font-size: 16px;
}

#filacuatro {
    margin-bottom: 2em;
}


/* fadu academico */


.imagenprincipal img {max-width:960px;
                      width: 100%;
    margin-top:3em;
                    }

.parrafo {font-family:Helvetica;
            font-size:0.9em;
            color:black;
}



#faduequipo{
    max-width: 960px; 
	margin: auto;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

#fotoequipo{ 
    width: 60%;
    height: 25em;
    float: left;
    margin-bottom: 2em;
}

.infogral{
    width: 36%;
    height: 25em;
    float: right;
    background-color: #93c6f5;
    margin-bottom: 2em;
    margin-top: 0.5em;
    
    }

.bloque {display: block;
         background-color: #5599ea;
         margin-bottom: 0.5em;
         margin: 0.4em;
    width: 250px;
       }

.bloque h2 {font-family: Helvetica;
            font-weight: 300;
            margin-left: 0.5em;
            font-size: 1.5em;
            color:white;}

.infogral p {color: #3f8ae3;
            font-size: 13px; 
            margin: 0.6em;
            font-family: Helvetica;}

.bloque2 {display: block;
         background-color: #5599ea;
         margin-bottom: 0.5em;
         margin: 0.4em;
    width: 250px;
       }

.bloque2 h2 {font-family: Helvetica;
            font-weight: 300;
            margin-left: 0.5em;
            font-size: 1.5em;
            color:white;}

.bloque3 {display: block;
         background-color: #5599ea;
         margin-bottom: 0.5em;
         margin: 0.4em;
        width: 250px;}


.bloque3 h2 {font-family: Helvetica;
            font-weight: 300;
            margin-left: 0.5em;
            font-size: 1.5em;
            color:white;}


.info{ 
    width: 60%;
    height: auto;
    float: left;
    margin-bottom: 8em;
margin-top:3em;
}

.info h3 {font-family: Helvetica;
    font-size: 26px;    
    font-weight: 400;
    color: #529be7;
           }

.info p {font-family: Helvetica;
    margin:0.3em;
    margin-top:0.5em;
    font-size: 13px;
color:black;
}

/* BLOQUE COLOR 2*/

.extra{  width: 36%;
    height: 60em;
    float: right;
    background-color: #5699ea;
    margin-bottom:8em;}

.bloqueextra {display: block;
         background-color:black;
         margin-bottom: 0.5em;
         margin: 0.4em;
    width: 250px;
       }

.extra h4 { font-family: Helvetica;
            font-weight: 300;
            margin-left: 0.5em;
            font-size: 1.5em;
    color:white; }

.extra p {font-family: Helvetica;
    margin:1em;
    margin-top:0.2em;
    font-size: 13px;
    color:white;}

.destacado {color:black;}

/*MAPA*/

.contenedormap { 
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}



h1 {
    color: black;
    font-family: Helvetica;
    font-size: 1.5rem;
}




.linea {
    border-style: solid; 
    margin-bottom: 3%; 
    margin-top: 2%; 
    border-color: black
} 


.marginleft5 {
    margin-left: 5%
}

.menumapa {
    text-decoration: none; 
    text-transform: uppercase;
	color: black;
    background-color: white;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}

.menumapa0 {
    text-decoration: none; 
    text-transform: uppercase;
	color: #FFF;
    background-color: rebeccapurple;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}
.menumapa1 {
    text-decoration: none; 
    text-transform: uppercase;
	color: #FFF;
    background-color: mediumpurple;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}

.menumapa2 {
    text-decoration: none; 
    text-transform: uppercase;
	color: black;
    background-color: yellow;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}

.menumapa3 {
    text-decoration: none; 
    text-transform: uppercase;
	color: black;
    background-color: lightgoldenrodyellow;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}

.menumapa4 {
    text-decoration: none; 
    text-transform: uppercase;
	color: black;
    background-color: lightyellow;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}

.menumapa5 {
    text-decoration: none; 
    text-transform: uppercase;
	color: white;
    background-color: green;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}
.menumapa6 {
    text-decoration: none; 
    text-transform: uppercase;
	color: white;
    background-color: limegreen;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}

.menumapa7 {
    text-decoration: none; 
    text-transform: uppercase;
	color: black;
    background-color: skyblue;
    padding: 0.5em;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: none;
    border-radius:5px;
    line-height: 3em;
}
a.menumapa:hover {
    background-color: black;
    color: white;
}
a.menumapa0:hover {
    background-color: white;
    color: rebeccapurple;
}
a.menumapa1:hover {
    background-color: white;
    color: mediumpurple;
}
a.menumapa2:hover {
    background-color: black;
    color: yellow;
}
a.menumapa3:hover {
    background-color: black;
    color: lightgoldenrodyellow;
}
a.menumapa4:hover {
    background-color: black;
    color: lightyellow;
}
a.menumapa5:hover {
    background-color: white;
    color: green;
}
a.menumapa6:hover {
    background-color: white;
    color: limegreen;
}
a.menumapa7:hover {
    background-color: black;
    color: skyblue;
}
.caja320 {
    position: relative
}

@media screen and (min-width: 65em) {

.nivel0{
    float: left;   
    width: 5%;
}
.nivel1{
    float: left;   
    width: 13%;
}
.nivel2{
    float: left;   
    width: 33%;
}
.nivel3{
    float: left;   
    width: 22%;
}
.nivel4{
    float: left;   
    width: 18%;
}
    
}

/*COMUNIDAD*/

#sumate{
float:left;
}

#sumate img{
    width:600px;
    height: auto;
}

#apuntes img{
    width: 300px;
    height: auto;
}
#apuntes {
    float:left;
}
    

#comunidad{
    clear:both;
}

#comunidad img{
    width:222px;
    height: auto;
}
#comunidad a:hover{
    opacity:0.5;
}

#apuntes a:hover{
    opacity:0.5;
}

#work img{
    width:900px;
}

#work a:hover{
    opacity:0.5;
}

#mini img{
    width:900px;
}
#mini a:hover{
    opacity:0.5;
}
/*MINIACCIONES*/
.actualidad_recuadros {
    margin-left: 10%;
    }
    
.actualidad_recuadro_ciudad {
    width: 30%;
    background-color: darkseagreen;
    color: black;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1.5rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_ciudad a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_politica {
    width: 30%;
    background-color: darkseagreen;
    color: black;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1.5rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_politica a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_rural {
   width: 30%;
    background-color: darkseagreen;
    color: black;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1.5rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_rural a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_policiales {
   width: 30%;
    background-color: darkseagreen;
    color: black;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1.5rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_policiales a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_pais {
    width: 30%;
    background-color: darkseagreen;
    color: black;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1.5rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_pais a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_mundo {
    width: 30%;
    background-color: darkseagreen;
    color: black;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1.5rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_mundo a {
    text-decoration: none;
    color: #313232
    }

    
@media screen and (max-width:768px){
.actualidad_recuadros img {width: 100%;}    
  
.actualidad_linea {visibility: hidden;}
    
.actualidad_titulo {
  width: 100%;
  text-align: center;
  max-width: 768px;}    
     .actualidad_navegador_secciones nav ul {padding-left: 0px;}    
}    
    
    
@media screen and (max-width:480px){
    
.actualidad_recuadros img {width: 100%;}    
  
.actualidad_linea {visibility: hidden;}
    
.actualidad_titulo {width: 100%;
  text-align: center;
  max-width: 480px;}    
 
.actualidad_navegador_secciones nav ul {padding-left: 0px;}
 
.actualidad_recuadro_ciudad {
  width: 80%;
  padding: 19px;
  margin-bottom: 1px;}
    
.actualidad_recuadro_politica {
  width: 80%;
  padding: 19px;
  margin: 0 auto;
  margin-top: 8px;}
    
.actualidad_recuadro_rural {
  width: 80%;
  padding: 19px;
  margin: 0 auto;
  margin-top: 9px;
}    

.actualidad_recuadro_policiales {
  width: 80%;
  padding: 19px;
  margin-top: 9px;
  margin-bottom: 9px;}
    
.actualidad_recuadro_pais {
  width: 80%;
  padding: 19px;
  margin: 0 auto;
  margin-top: 1px;}
    
.actualidad_recuadro_mundo {width: 80%;
                      padding: 19px;
                      margin: 0 auto;
                      margin-top: 8px;}

.actualidad_recuadros {margin-left: 18%;}    
    
}    
 
    
@media screen and (max-width:480px){

.actualidad_titulo {width: 100%;
  text-align: center;
  max-width: 320px;}  
    
}  
/*LOGIN FORO*/
.formulario {background-color: #a2e7a8;
    margin:auto;
     margin-top: 100px;
    color:black;
    width: 50%;
    border: 1px solid #5ddb60;
    position: relative;
    float: left;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding-left: 1em;
    height:553px;
    display:block;

    }
 
.formulario h2 {color:black;
                font-size: 1.7em;
                padding: 0.5em;
            font-weight: 800;
    margin:0.5em;
    margin-bottom:0.5em }

label {
display:block;
margin-top:10px;
    margin-left: 2em;
}

.nombre{
    width: 80%;
    margin-top:0.3em;
    border: 2px solid #5ddb60;
    height: 30px;
    position: relative;
    margin-bottom: 1em;
    box-sizing: border-box;
    padding-left: 10px;
    margin-left:2em;
    padding: 0.5em;
    }



.nombre3{
    width: 80%;
     margin-top:0.3em;
    border: 2px solid #5ddb60;
    position: relative;
    margin-bottom: 1em;
    box-sizing: border-box;
    padding-left: 10px;
    margin-left:2em;
    padding: 0.5em;
    }

button {
    background-color:white; 
    font-weight: 700;
    width:85px;
height:35px;
font-family: helvetica;
border:2px solid #5ddb60;
margin-top:2px;
    margin-bottom: 13px;
cursor:pointer;
    margin-left:2em;
}

/*LOGIN PASS*/
.loginformulario {
    margin:auto;
    margin-top: 100px;
    position: relative;
    font-family: helvetica;
    color:black;
  }

label {
display:block;
margin-top:10px;
    
}

.loginform {
    margin: 0 auto 0 auto;    
    width: 300px;}


.login_ul {
    list-style-type:none;
        }

.login_li{
    list-style-type:none;
    padding:5px; 
    }

.login_li input {
   width: 50%;
    margin: 0 auto 0 auto;
    border: 2px solid #009875;
    }

button {
    background-color:white; 
    font-weight: 700;
    width:85px;
height:35px;
font-family: helvetica;
border:2px solid #009875;
margin-top:2px;
    margin-bottom: 13px;
cursor:pointer;
    
}
.login_ayuda {color:#009875;
font-size: 1em;
    margin-top:10px;
    margin-bottom: 60px;
    padding-left:  330px;
    
 
    }

.login_ayuda_problema {margin-top:1em;
       }

.login_ayuda_solucion {
 
    font-weight: 700;
        text-decoration: none;
    color: #313232;}