@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1460px) {
	
	/* ----- GENERALES ----- */
	
	.titulo_grande1, .titulo_grande2{
		font-size: 54px;
		line-height: 54px;
		padding: 60px 0px;
	}
	.contenido_principal1, .contenido_principal2{
		font-size: 24px;
		line-height: 30px;
		padding: 40px 0px;
	}
	
	
	
	/* ----- HEADER ----- */
	
	#encabezado {
		height: 300px;
	}
	
	#encabezado img {
		max-width: 150px;
		margin-top: 10px;
	}
	
	#img-head-principal {
		padding: 10px 0px 5px 0px;
	}
	
	#name-head-principal, #name-head-principal a {
		padding: 0px 0px;
		font-size: 50px;
	}
	
	#name-head-principal a {
		margin-bottom: 5px;
	}
	
	
	
	/* BIOGRAFÍA */
	#biografia{
		height: 350px;
	}
	#biografia .contenido_principal2{
		line-height: 34px;
	}
	
	/* Boton */
	.btn_biografia {
		margin-top: 40px;
	}
	.btn_biografia a{
		padding: 10px;
	}
	
	
	
	/* --- VIDEOS --- */

	#videos{
		height: 280px;
	}
	#img-videos-principal img {
		max-width: 180px;
	}
	
	#img-videos-principal{
		padding: 50px 0px;
	}
	#videos .contenido_principal1 {
		margin: 80px 70px;
	}
	#videos .contenido_principal1 a{
		font-size: 28px;
		color: #2E2E2E;
	}
	
	
	
	/* Arte */
	#arte {
		height: 440px;
	}
	#arte img{
		max-width: 110px;
	}
	
	#arte table td, #obra table td {
		padding: 0px 0px 14px 0px;
	}
	#arte table td.tdTxt, #obra table td.tdTxt {
		padding-left: 40px;
	}
	
	
	
	/* --- OBRA ---- */
	#obra {
		height: 600px;
	}
	#obra img{
		max-width: 130px;
	}
	#obra .contenido_principal1 {
		font-size: 20px;
		line-height: 26px;
	}
	
	/* Botón */
	.btn_obra {
		margin-top: 20px;
	}
	.btn_obra a{
		font-size: 24px;
		padding: 10px;
	}
	
}



@media screen and (max-width: 1000px) {
	
	.contenido_internas{
		max-width: 750px;
	}
	
	#biografia{
		height: 300px;
	}
	
	#arte {
		height: 430px;
	}
	#arte img{
		max-width: 130px;
	}
	.bx-wrapper img {
		max-width: 70%;
	}
	#arte .cuadro_b img{
		max-width: 105px;
	}
	
}



@media screen and (max-width: 880px) {
	
	#encabezado nav ul li a {
		padding: 0px 14px;
	}
	#encabezado nav ul li.parent a, #encabezado nav ul li.parent:hover > a{
		background: none;
	}
	#encabezado nav li ul li a{
		padding: 8px 24px 8px 60px;
	}
	
}



@media screen and (max-width: 750px) {
	
	#encabezado {
		height: auto;
	}
	#imagenes-header{
		float: left;
		width: 100%;
	}
	#name-head-principal, #name-head-principal a {
		padding: 0px 0px;
		margin-bottom: 0px;
	}
	
	#encabezado nav {
		display: none;
		position: static;
		width: 100%;
	}
	
	#encabezado nav ul{
		margin: 0px;
		padding: 0px;
	}
  
  	#encabezado nav ul li {
		float: none;
		text-align: left;
		border-bottom: solid 1px #FBFBFB !important;
	}
	
	#encabezado nav ul li a {
    	display: block;
    	width: 97%;
		margin: 0px;
    	padding: 0px 6px;
		line-height: 36px;
  	}
  
	#encabezado nav ul li a:hover {
		/* Personalizar */
    	/* background: #ccc; */
	}
  
  	#encabezado #navbtn {
    	display: block;
  	}
	
	/* SUB-ITEMS */
	#encabezado nav li ul{
		width: 100%;
		display: block !important;
		position: relative !important;
		padding: 0px;
	}
	
	#encabezado nav li ul li {
    	width: 100%;
		border-bottom: none !important;
	}
	
	#encabezado nav li ul li a, #encabezado nav ul li.parent ul li a{
		padding: 0px 20px;
		line-height: 36px;
	}
	
	#encabezado nav li.parent a{
		background: none !important;
		padding-bottom: 0px !important;
	}
	
	
	#cuerpo{
		background: #FFF;
		padding-bottom: 80px; /* El tamaño del padding-bottom debe ser igual al height y al margin-top del footer footer */
	}
	
	
	#biografia{
		height: 300px;
	}
	
	.cuadro_a, .cuadro_b {
		width: 100%;
		padding: 0px;
	}
	.titulo_grande1, .titulo_grande2 {
		font-size: 36px;
		line-height: 36px;
		padding: 20px;
	}
	.contenido_principal1, .contenido_principal2 {
		font-size: 22px;
		padding: 0px 20px 20px 20px;
	}
	
	#arte{
		height: 480px;
	}
	#arte img{
		max-width: 80px;
		min-width: 80px;
	}
	#arte .cuadro_a img{
		display: none;
	}
	#arte .cuadro_b .contenido_principal2{
		font-size: 40px !important;
	}
	
	
}




@media screen and (max-width: 390px) {
	
	#cuerpo{
		padding-bottom: 80px;
	}
	
	#footer{
		margin-top: -80px;
		height: 80px;
		line-height: 30px;
	}
	
	#biografia{
		height: 380px;
	}
	
	#arte .cuadro_b .contenido_principal2{
		font-size: 24px !important;
	}
	
}