/**********************************************************************************************************************/
/** MEDIA QUERIES *****************************************************************************************************/
/**********************************************************************************************************************/

/***********************************************
Screen 1200px+
***********************************************/


/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {

	.cabecera h1 {
		font-size: 3em;
	}
	
	.cabecera h1 span {
		font-size: 0.7em;
	}

	.bloqueMenu li {
	    padding-top: 3px;
	    margin-right: 15px;
	    font-size: 1em;
	    letter-spacing: 1px;
	}
	
	.menuFijo div.bloqueLogo {
		margin-top: 4px;
	}	

	.bloqueBuscador form {
		margin: 0em 0%;
	}

    .bloqueTituloEntradaBlog {
        min-height: 5.5em;
    }

}


/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {

    .contenedor {
        background-image: none;
    }

	.fotoPortada {
		margin-top: 50px;
	}
		
	.ultimoArticulo {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	
	h2.tituloPortada {
		padding: 5px;
		margin-bottom: 20px;
		font-size: 1em;
		letter-spacing: 1px;
	}	

	.otraPublicacionPortada img {
		width: 100%;
		height: auto;
		margin: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
	}
	
	.fragmentoLibro p {
		font-size: 0.9em;
	}	

	.titulo {
		margin-top: 50px;
		font-size: 1.5em;
	}

	.bloqueBuscador input[name="t"] {
		width: 100% !important;
		margin: 1%;
		margin-bottom: 10px;
		float: none;
	}	

	.bBuscar {
		margin-top: 6px;
	}

	.bloquePublicaciones div.tiendas img {
		cursor: pointer;
		float: left;
		height: 40px;
		margin: 10px;
	}

	.bloqueBuscador p {
		margin-top: 9px;
	}	
	
	.bloqueCuentos h2 {
		font-size: 1em;
	}
	
	.bloqueArticulo {
		width: 44%;
		height: 150px;
		margin: 3%;
	}

	.bloqueCritica {
		width: 44%;
		height: 150px;
		margin: 3%;
	}
	
	.bloqueNoticia {
		width: 44%;
		height: 150px;
		margin: 3%;
	}
	
	.bloqueTituloEntradaBlog {
        min-height: 6.5em;
    }

	.servicio {
		width: 100%;
	}

	.podologia .servicio {
		margin-right: 0px;
	}
}


/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {

    body {
        padding-top: 50px;
    }
    
    .contenedor {
        background-image: none;
    }
    
	.fotoPortada {
		margin-top: 50px;
	}

	.menuMovil h1 span {
		display: none;
	}

	.ultimoArticulo {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.tituloPublicacionPortada {
		margin-bottom: 0px;
	}

	.publicacionPortada img.movil {
		margin: 10px;
		width: 50%;
		margin-right: 10px;
	}
	
	.otraPublicacionPortada img {
		width: 50%;
		height: auto;
	}	
	
	.otraPublicacionPortada p {
		margin: 0px;
		font-size: 1em;
	}	

	.titulo {
		margin-top: 50px;
		font-size: 1.5em;
		letter-spacing: 5px;
	}

	.contenido h1 {
		font-size: 1.2em;
	}
	
	.bloqueArticulo, .bloqueCritica, .bloqueNoticia {
		width: 94%;
		height: 150px;
		margin: 3%;
	}

	.pie {
		padding-top: 20px;
	}
	
	.pie p {
		text-align: center;
	}
	
	.datoContacto p {
			text-align: left;
	}
	
	.contacto {
		margin-top: 30px;
	}
	
	.contacto h2 {
		text-align: center;
	}	
	
	.bloqueBuscador form {
		margin: 0em;
	}
	
	.bloqueBuscador input[name="c"], .bloqueBuscador input[name="t"], .bloqueBuscador select {
		width: 100% !important;
		margin: 0px;
		margin-bottom: 10px;
		float: none;
	}	
	
	.bloqueBuscador input[name="d"] {
		float: left;
		width: 46% !important;
		margin: 0px;
		margin-bottom: 10px;
	}	
	
	.bloqueBuscador input[name="h"] {
		float: right;
		width: 46% !important;
		margin: 0px;
		margin-bottom: 10px;
	}
	
	.bloqueBuscador p {
		width: 8%;
		margin-top: 3px;
		text-align: center;
	}	
	
	.bBuscar {
		width: 100%;
		float: none;
		margin: 0px;
	}

	.bloquePublicaciones {
		width: 44%;
		height: auto;
	}	
	
	.bloquePublicaciones img.portada {
		margin: 0px;
		width: 100%;
		height: 200px;
	}	
	
	.publicacion img.portada {
		width: 70%;
		margin-right: 0px;
	}	
	
	.publicacion p.datos {
		margin-top: 20px;
		margin-bottom: 10px;
	}	
	
	.bloqueCuentos {
		width: 44%;
		height: 200px;
	}
	
	.cuento img.portada {
		width: 40%;
		margin-right: 15px;
	}	
	
	.bPaginacion {
		width: 100%;
		margin-bottom: 10px;
	}	
	
	.bloqueCuentos h2 {
		margin: 10px;
		font-size: 1em;
	}	
	
   .entradaBlog {
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 2%;
        width: 48%;
    }
    .bloqueTituloEntradaBlog {
        min-height: 6.5em;
    }

	
	.servicio {
		width: 100%;
	}

	.podologia .servicio {
		margin-right: 0px;
	}

}


/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.menuMovil h1 span {
		display: inline;
	}

	.publicacionPortada img.movil {
		margin: 10px;
		width: 40%;
		margin-right: 15px;
	}

	.bloqueArticulo {
		width: 44%;
		height: 150px;
		margin: 3%;
	}
		
	.bloquePublicaciones img.portada {
		margin: 0px;
		width: 100%;
		height: 370px;
	}
	
	.publicacion img.portada {
		width: 40%;
	}	
		
	.otraPublicacionPortada img {
		width: 40%;
		height: auto;
		float: left;
		margin: 0px;
		margin-left: 0px;
		margin-right: 15px;		
	}
	
	.bloqueCuentos {
		width: 44%;
		height: 150px;
	}
	
	.bPaginacion {
		width: auto;
		margin-bottom: 0px;
	}	
	
}