@charset "utf-8";
/* CSS Document */
header .int ul#redes li.instagram a {
	background:url(images/instagram.png) top left no-repeat transparent;
	width:36px;
	height:36px;
	text-indent:-9999px;
	display:block; background-size:100%!important
}
@media all and (max-width:980px) {

	header .int {
		width:95%!important;
	}
	
	header .int div.alba {
		clear: both!important;
		display: block!important;
		float: left!important;
		margin: 15px 0!important;
		position: relative!important;
		right: 0!important;
		text-align: left!important;
		top: inherit!important;
		width:100%!important;
	}
	header .int ul#redes {
		bottom: inherit!important;
		clear: both!important;
		display: block!important;
		float: left!important;
		margin: 0 0 10px!important;
		position: relative!important;
		right: inherit!important;
		top: inherit!important;
	}
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	#slider .int {
		width:95%!important;
	}
	#main > aside {
		float:left!important;
		width:100%!important;
	}
	#main > aside > article {
		text-align:center;
		/*display:none!important;*/
	}
	#main > aside > article.redessociales {
		display:none!important;
	}
	#main {
		width:95%!important;
	}
	#main section  {
		width:100%!important;
	}
	#main section a.img {
		width:30%!important;
	}
	#main section a.img img {
		width:100%!important;
		height:auto!important;
	}
	#main section .txt {
		width:65%!important;
	}
	
	.trabajo section .composicion {
		width:30%!important
	}
	.trabajo section .composicion.om div, .trabajo section .composicion.yosi div {
		background-size: 100% auto!important
	}
	.trabajo section .composicion .foto {
		width:100%%!important;
	}
	.trabajo section .descripcion {
		width:65%!important;
	}

}
@media all and (max-width:760px) {
	ul#slide li .contenido .imagen {
		/*display:none!important;*/
		display:block!important; width:100%!important; clear:both!important; float:none!important;
		padding-top:30px!important; padding-bottom:30px!important
	}
	ul#slide li .contenido .info {
		width:100%!important;
	}
	#slider .int {
		/*height:260px!important*/
		height:auto!important
	}
	#main section article div.left, #main section article div.right {
		width:100%!important;
		float:left!important;
	}
	ul#slide {position:relative!important}

}
@media all and (max-width:640px) {

	#main section img {
		width:100%;
	}
}
@media all and (max-width:640px) {
	p, li, #main section .txt {
		text-align:left!important;
	}
	header .int h1 {
		float:none;
	}
	header .int h1 a.logo {
		text-align:center
	}
	header .int h1 a.logo img {
		display:inline-block
	}
	header .int ul#redes {
		float:none;
		margin-top:10px;
		position:relative;
		bottom:inherit;
		right:inherit;
		text-align:center
	}
	.trabajo section .composicion {
	    border: none!important;
		display: block!important;
		float: none!important;
		margin: auto!important;
		height:57px!important;
		width:185px!important
	}
	.trabajo section .composicion.yosi {
		height:72px!important
	}
	.trabajo section .composicion div {
		top:0!important;
		background-position:top center!important;
	} 
	
	.trabajo section .composicion .foto {
		display:none!important
	}
	.trabajo section .descripcion {
		float:left!important;
		width:100%!important
	}
	.imgppal, .attachment-interior {
		width:95%!important;
		height:auto!important;
	}

}
@media all and (max-width:560px) {
	#main section a.img {
		display:none!important;
	}
	#main section .txt {
		float:left!important;
		height:auto!important;
		width:100%!important
	}
	#main section .txt a.masinfo {
		bottom: inherit!important;
		clear: both!important;
		float: right!important;
		position: relative!important;
		right: inherit!important;
	}
	form label {
		float:left!important;
		width:100%!important;
	}
}
@media all and (max-width:500px) {
	#main section .txt {
		width:95%!important
	}
	ul#slide li .contenido .info h2 {
		font-size:25px!important;
		line-height:28px!important
	}
	ul#slide li .contenido .info p {
		font-size:12px!important;
		line-height:16px!important
	}
}

@media all and (max-width:430px) {
	header .int h1 a.logo img {
		width:95%;
		height:auto
	}
	footer {
		height:auto!important;
		line-height:15px!important;
		padding:5px!important;
	}
}