/*
 *	Theme Name: Mexillon de Galicia
 * Description: CSS responsive
 *	Author: Cancrexo / Acuarel
 *	Version: 1.0
 *	@package mexillondegalicia
 * Text Domain: mexillondegalicia
 */
@charset "utf-8";



h5.menu-toggle{
	display:none !important;	
}

@media (max-width: 950px) {
	
	body.categoria-comercializadores	#page section  div.sidebar,
	body.categoria-recetario #page section  div.sidebar{
		display:none;	
	}
	body.categoria-comercializadores	#page section div.contido,
	body.categoria-recetario #page section div.contido,{
		width:100%;
		padding:18px 10px;
	}
}
@media (max-width: 1000px) {

	/*Imos co menu*/
	
	header nav.main-menu-container{
		width:100%;
		clear:both;
		float:left;
		height:auto;
		margin-top:10px;
		margin-bottom:5px;
		z-index:5000;
		/*acuarel-border*/border:0px solid #c00;
	}
	
	header h5.menu-toggle {
		display: block  !important;
		cursor: pointer;
		/* font-family: 'Duru Sans', sans-serif; */
		font-family: "Times New Roman", Times, serif;
		font-size: 2.6em;
		text-align:center;
		font-style:italic;
		top: 0;
		margin: 0 0 0;
		padding: .2em 0;
		background: #00adaa ;
		color: #fff;
	
		/*acuarel-border*/border: 0px solid #c00;
	}
	.menu-toggle:hover {
		color: #fff;
	}
	
	.menu-toggle span {
		float:left;;
		padding-left:20px;
	}
	
	
	/*Reseteo*/
	
	header nav.main-menu-container ul.menu-principal,
	header nav.main-menu-container ul.menu-principal ul,
	header nav.main-menu-container ul.menu-principal ul ul{		
	
		position: relative;
		visibility: visible;
		opacity: 1;		
		width: 100%;
		display:block;/* none;*/	
		float:left;
		top:0;
		left:0;
		height:auto;
		margin:0;
		padding:0;
		background-color: #00adaa;
		border: none;

	}
	
	header nav.main-menu-container ul.menu-principal ul{
				-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	header nav.main-menu-container ul.menu-principal{
		position:absolute;
		top:38px;	
		display:none;
	}
	
	
	header nav.main-menu-container ul.menu-principal li{
		display:block;
		float:left;
		
	}
	
	
	
	
	/*DEBUG*/
	header nav.main-menu-container ul.menu-principal{border:0px solid #000;}
	header nav.main-menu-container ul.menu-principal li ul{border:0px solid #c00;}
	header nav.main-menu-container ul.menu-principal li ul li ul{border:0px solid #00c;}
	
	header nav.main-menu-container ul.menu-principal >li{	border:0px dashed #000;}
	header nav.main-menu-container ul.menu-principal >li ul >li{border:0px dashed #c00;}
	header nav.main-menu-container ul.menu-principal >li ul li ul li{	border:0px dashed #00c;}
	
	/*DEBUG*/
	

	header nav.main-menu-container ul.menu-principal >li,
	header nav.main-menu-container ul.menu-principal ul li {
		display: block;
		width: 100%;
		float:left;
		line-height: normal;
		font-size: 16px;
		text-align:center;
		color: #fff;
		clear: none;
		padding: 0;
		margin: 0 0 5px 0;
		background: none;			
	}
	
	nav.main-menu-container ul.menu-principal >li:hover > ul  {
		display: none;
		visibility:visible;
		opacity:1;	
	}

	
	nav.main-menu-container ul.menu-principal >li > ul  li a{
		border:none; /*Linea blanca*/
	}
	
	
	
	/*Fin reseteo. Imos co estilo propio*/
	
	nav.main-menu-container ul.menu-principal >li.current-menu-ancestor > a,
	nav.main-menu-container ul.menu-principal >li.current-menu-ancestor:hover > a{
		color:#111;		
		}
	
	/*A cruz chula*/
	header nav.main-menu-container ul.menu-principal >li.menu-item-has-children> a:after{
		font-family: FontAwesome;
		font-size:16px; /*normal 15px*/
		content: "\f0fe";		
		float:right;		
		color:#fff;	
	}
	
	/*Ocultar submenus*/
	
	header nav.main-menu-container ul.menu-principal >li >ul{
		display:none;
	}

	header nav.main-menu-container ul.menu-principal >li >ul >li ul{
		display:block;
	}




	img.section-image {
	  display: block;
	  position: relative;
	  width: 100%;
	  height: auto;
	  margin: 0;
	}
		
}

@media (max-width: 800px) {
	div.ofertas-top {	
	  left: auto;
	  margin: 0 auto 20px;
	  top: 0;	
	}

	section {
	  position: relative;
	  display: block;
	  float: left;
	  width: 98%;
	  margin-left:1%;
	  min-height: 500px;
	}
	section div.sidebar {
		display:none;	
	}
	body.home section.with-sidebar div.contido {
	  width: 100%;
	  padding:18px 10px;
	}
	ul.footer-links {
		width:90%;			
	}
	ul.footer-links li{
		width:100%;
		display:block;
		line-height:1.3em;
		border:0;
	}
	
	footer img.logotipos {
	  display: block;
	  position: relative;
	  right:auto;
	  top:auto;
	  margin:20px auto;
	}
}

@media (max-width: 700px) {
	
	ul.comercializadores, ul.recetario
	{
		text-align:center;
	}
	ul.comercializadores >li,ul.recetario >li{
		width:90%;
		max-width:360px;
	}
}
@media (max-width: 660px) {
	
	div.top-box{
		height:auto;
	}
	div.top-box form.searchform {
		float:right;
	}
	div.top-box a.link-logo-home{
		clear:both;
		float:none;
		margin:0 auto;
		padding-top:20px;
	}
	div.top-box a.link-logo-home img{
		display:block;
		position:relative;
		width:100%;
		height:auto;
		float:none;
	}


}
@media (max-width: 480px) {
	ul.rrss {
  		position: relative;
		float:left;  
	}
	div.idiomas {
	  float: right;
	  margin-top: 10px;
	}
	div.top-box form.searchform {
		clear:both;
		width:99%;
		margin:20px 1%;
	}
	div.top-box form.searchform input.busqueda {
	  width: 100%;
	}
	ul.bloque-noticias-home li img.thumb{
		display:none;	
	}
	ul.bloque-noticias-home li a {
		width:100%;
		float:left;	
	}
	
}