/* CSS Document */

/* MEDIA QUERYS COMUNES PARA TODAS LAS PÁGINAS */


@media screen and (max-width:1024px){
	
	.scrollup{
		right:10px;
	}
	
	section#pie_col1, section#pie_col2 {	
		/* min-height: 35em; */
	}
	
	section#pie_col1 img {
		width: 95%;
	}
	
	.bloque_izquierdo, .bloque_derecho {
		font-size: .8em;
	}
}


@media screen and (max-width:920px){
		
	section#pie_col1, section#pie_col2 {	
		min-height: 17em;
		width: 40%
	}	
	
	section#pie_col1 img {
		max-width: 200px;
	}
	
	section#pie_col3 {	
		width: 90%
	}

}

@media screen and (max-width:800px){
	.sm-clean a {
		font-size: 15px;
	}	
	
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right: 20px;
	}		
}

@media screen and (max-width:640px){
	
	section#pie_col1, section#pie_col2 {	
		width: 90%;
		border: 0px;
		min-height: 10em;
	}
	
	.bloque_izquierdo {
		right: 60%;
		font-size: .7em;
	}
	
	.bloque_derecho {
		left: 40%;
		font-size: .7em;
	}
}

@media screen and (max-width:480px){
	header #buscar #search #q {
		width: 120px;
	}	
	
	#contenido .tesela {
		width: 18em;
	}
	
	.indent1 {
		margin-left: 1em;
	}
	
	.indent2 {
		margin-left: 2em;
	}

	.width100pcent {
		width: 100%;
	}
	
	input[type="text"], select, textarea {
		width: 95%;
	}
	
	.bloque_izquierdo {
		right: 58%;
	}
	
	.bloque_derecho {
		left: 42%;
	}
}