@charset "UTF-8";
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}

/* 1024px */

@media screen and (max-width: 1024px) {
	
/* ESTRUCTURA -------------------------------------------------------------- */

#wrapper {
	width: 90% !important;
	padding: 5%;
	margin-top: 0px !important;
}


/* CABECERA -------------------------------------------------------------- */

/* Menú */

.toggleMenu {
	width: 100%;
	height: 40px;
	margin-top: 35px;
	line-height: 45px;
	text-align: center;
	color:#b3b3b3;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-family: 'ShowcaseSansMini';
	letter-spacing: 1px;
	font-size: 26px;
	border-bottom: 1px dotted #ddd;
}
.toggleMenu:hover {
	color:#6b6b6b;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menu-menu-principal-container {
	/* width: 80% !important; */
	margin-top: 30px !important;
	margin: 0 auto;
}
#menu-item-3711 {margin-left: 0px !important;}
#menu-item-6:hover, #menu-item-3709:hover, #menu-item-5875:hover, #menu-item-3710:hover, #menu-item-3711:hover, #menu-item-3712:hover, #menu-item-3713:hover, #menu-item-18:hover {background-image: none !important}
.nav a {padding: 0px !important; line-height: 35px; letter-spacing: 1px;}

/* .active {display: block !important;} */
.nav {text-align: center !important}
.nav a:after {content: "" !important;}
.nav > li {display: list-item !important;}
.nav > li a {
	background-color: rgba(209, 235, 233, 0.9) !important;
	color: #fff !important;
	border-top: 1px dotted #fff !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav > li a:hover {
	background-color: rgba(175, 237, 226, 0.8) !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav > li > .parent {background-position: 95% 50% !important;}
.nav > li > .parent {
	background-image: url("http://marucca.es/wp-content/themes/marucca/img/downArrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 95% 50% !important;
}
.nav li  ul {text-align: center !important;}
.nav li li a {
	background-color: rgba(254, 211, 166, 0.9) !important;
	border-top: 1px solid #fae2c9 !important;
	color: #fff !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	padding: 10px 15px !important;
}
.nav li li a:hover {
	background-color: rgba(175, 237, 226, 0.9) !important;
	border-top: 1px solid #cdf3ec !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav ul {
	display: block !important;
	width: 100% !important;
}
.nav > li.hover > ul , .nav li li.hover ul {position: static !important;}


/* POSTS -------------------------------------------------------------- */

.compartir li {padding: 0px !important; width: 30px !important; height: 30px !important;}
.compartir li img {width: 90% !important; height: auto !important;}
.compartir span {display: none;}
.leer-mas {text-align: center !important;}


/* SIDEBAR -------------------------------------------------------------- */

#menu-redes-sociales {background-size: 100% !important;}
#text-4 label {font-size: 20px !important;}

}



/* 700px */

@media screen and (max-width: 700px) {

#main, #sidebar {width: 100% !important; float: none !important;}
#sidebar {margin-top: 60px;}
#menu-redes-sociales {background-size: auto !important;}
#text-4 label {font-size: 30px !important;}

.entry-header {height: auto !important;}
.fecha {
	width: 100% !important;
	height: auto !important;
	float: none !important;
	line-height: 16px !important;
	background: none !important;
}
.fecha-day, .fecha-month, .fecha-year {display: inline-block !important; font-size: 28px !important; letter-spacing: 2px !important;}

.entry-title {
	width: 100% !important;
	float: none !important;
	text-align: center !important;
	padding-top: 0px !important;
}
}
	
	
	
	
	

/* 600px */

@media screen and (max-width: 600px) {
	
/* ESTRUCTURA -------------------------------------------------------------- */

#wrapper {width: 80% !important; padding: 10% !important;}
}


/* 500px */

@media screen and (max-width: 500px) {
	
.miniaturarelacionada {width: 31% !important;}
.miniaturarelacionada:nth-child(4), .miniaturarelacionada:last-child {display: none;}
#text-5 li {
	width: 49%;
	float: left;
	margin-top: 2%;
	height: 200px !important;
}
}