@charset "utf-8";
/*========== FUENTES =======================*/
@font-face{
	font-family: 'ACaslonPro-Regular';
	src: url('../fonts/ACaslonPro-Regular.otf');
}

@font-face{
	font-family: 'ACaslonPro-Bold';
	src: url('../fonts/ACaslonPro-Bold.otf');
}

.parrafo{
    font-size: 14px!important; 
}
#artistas img{
    width: 250px;
    height: 333px;
}
/*========== FIN FUENTES =======================*/


#artistas img{
    height: 190px !important;
    
}
/* ====================== COMÚN =============================*/
* {
	font-family: Arial;}
img{ 
	border:none;}	
body {
	background-color: #f6f5ea!important;
	/*margin: 0px;
	padding: 0px;
	text-align:center;
	min-height: 100%;
	height: 100*/
}

#contenido {
	width: 950px;
	min-height: 100%;
	position: relative;
	margin: 0 auto 0 auto;
}

#DIVpag{
	background-color: #f6f5ea;
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: auto;
}

/*------------------ Estilos para imagen ampliable--------*/

.zoom-within-container {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.zoom-within-container img {
  transition: transform .5s ease;
}
.zoom-within-container:hover img {
  transform: scale(1.5);
}

/*------------------ INICIO ENCABEZADO -------------------*/
#cabecera{
	/*position: relative;
	width: 950px;
	float: left;*/
}

#cabecera a{
	text-decoration: none;
}

#cabeceraBanner{
	position: relative;
	/*float: left;*/
	width: 950px;
	height: 164px;
}

#cabeceraBanner a{
	text-decoration: none;
}

#cabeceraArtistas{
	height: 180px;
	width: auto;
	background-color: #D1D0D2;
	margin-top: -21px;
	margin-bottom: 8px;
	text-align: justify;
}

/*------------------- FIN ENCABEZADO -------------------------------*/

/*------------------- INICIO MENU ----------------------------------*/
#contMenu{
	box-sizing:border-box;
	position: relative;
	padding-top:20px;
	background-color: #0f1014;	
	font-weight:bold;
	width: 950px;	
    height: 63px;
	font-size:14px;
	color: #ffffff;	
	text-align:center;
}
#contMenu a{
	color:inherit;
	font-size:inherit;
	margin-right:30px;
	font-family:inherit;
	text-decoration: none;
}
#contMenu a:hover {
	color: #D1D0D2;
}
#menu{
	padding-left: 40px;
}

#menu li {
    display: inline;
}

#menu li a {
    /*padding: 5px 5px;*/
    text-decoration: none;
	font-size: 14pt;
	color: #ffffff;
	font-family: Arial;
}
/*------------------- FIN MENU -------------------------------------*/

/*------------------- INICIO REDES SOCIALES ------------------------*/
#redesSociales{
	position: relative;
	width: 950px;
	height: 100px;
}

#idioma{
	float: left;
	padding-left: 40px;
	padding-top: 65px;
}


#idioma a{
	text-decoration: none;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
}

#rrss{
	float: right;
	padding-right: 20px;
	padding-top: 55px;
}

/*------------------- ESTILOS EN BOOTSTRAP--------------------------*/

.btn{
    align-content:#F5F5DC;
}

.btn a{
    text-decoration: none;
    color: black;
}

.nav-pills .nav-link.active{
    background-color: black!important;
    color: white!important;
}
.nav-link{
    color: black!important;
}
/*------------------- FIN REDES SOCIALES ---------------------------*/


/*------------------- INICIO PIE DE PAGINA -------------------------*/
#pie {
	position: relative;
	width: 950px;
	height: 120px;
	background-color:#2f2f39;
}

#colabora{
	float: right;
	color: white;
	padding-top: 35px;
	padding-right: 5px;
	font-family: Arial;
}

#logosColaboradores{
	/*width: 610px;*/
	float: right;
	padding-top: 15px;
	padding-right: 25px;
	margin-left: 50px;
}

.bandera {
    width: 60px;
    height: 50px;
}
/*------------------- FIN PIE DE PAGINA -------------------------*/

/* ============== FIN COMÚN =============================*/


/*=============== INICIO INDEX ==========================*/

#aviso {
	position:relative;
/*	overflow:hidden; */
width:90%;
border: 1px solid #cc0000;
border-radius: 0.5rem;
font-size:1rem;
color: #cc0000;
padding:1rem;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#aviso > a
{
	color:inherit;
	font-size:inherit;
	font:inherit;
	margin-right:2rem;
	font-weight:bold

}
#aviso > a:hover
{
	color:inherit;
	font-size:inherit;
	font:inherit;
	text-decoration: none;

}

#poliniza {
	position: relative;
	width: 950px;
	height: 150px;
	background-color: #ffffff;
}

#contIz{
	float: left;
	width: 640px;
}


#slider{
	float: left;
	padding-left: 40px;
}

#contIz span{
	position: relative;
	float: left;
	padding-left: 40px;
	font-size: 10pt;
	color: #816f57;
	font-family: Arial;
}

#contDer{
	float: right;
	width: 300px;
}

.titulo{
	font-weight: normal !important;
	font-size: 11pt;
	color: #816f57;
	font-family: Arial;
}

.form {
	align-content:center;
	font-family: Arial;	
	font-size: 12pt;
	background-color: #ffff84;
}

.nombre{
	font-size: 13pt;
	font-weight: bold;
}

.origen{
	font-size: 10pt;
}

/*=============== FIN INDEX ==========================*/

/*=============== INICIO TAU - PRESENTACIÓ =========================*/
#tau{
	position: relative;
	width: 950px;
	height: 900px;
	background-color: #D1D0D2;
}

#contIz img{
	float: left;
	padding-left: 40px;
	width: 600px;
}

#contIz p{
	float: left;
	padding-left: 40px;
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
	text-align: justify;
}

#enlacesfinal{
}

#contDer{
	float: right;
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
}

#contDer p{
	line-height: 1.8;
	margin-top: 0;
	padding-left: 25px;
}

#contDer span{
	padding-left: 25px;
	font-weight: bold;
}
/*=============== FIN TAU ============================*/

/*=============== INICIO MENUDO POLINIZA =============*/
#menudo{
	position: relative;
	width: 950px;
	height: 900px;
	background-color: #D1D0D2;
}

#menudo #contDer p a{
	padding-top:20px;
	text-decoration: none;
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
}

#menudo #contIz{
	float: left;
	width: 640px;
}

#menudo .titulo{
	color: #000000;	
	font-weight: bolder;
	font-size: 12pt;
	background-color:#fcfe7a;
	padding-left:0;
}
/*=============== FIN MENUDO POLINIZA =============*/

/*=============== INICIO ARTISTAS =================*/
#artistas {
	position: relative;
	width: auto;
	height: auto;
	background-color: #D1D0D2;
}

#artistas a{
	text-decoration: none;
}

#artistas img{
	width: 250px;
}

#artistas .nombre{
	color: #000000;
	font-family: Arial;
	font-size: 12pt;
}

#artistas .origen{
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
}

#artistas td{
	padding-top: 10px;
	padding-left: 37px;
}

#intro{
	border: #D1D0D2 10px solid;
	border-bottom: #D1D0D2 10px solid;
}

h2{
	text-align: center;
	border-top: #D1D0D2 10px solid;
}


/*CAROUSEL*/

.carousel{
	background: #FFFFFF;
}

.carousel img{
	display: block;
	height: 500px;
}

@media screen and (min-width: 768px){
	.carousel img{
		heigh:600 px;
	}
}

/*=============== FIN ARTISTAS ====================*/

/*=============== INICIO FOTOS ====================*/
#fotos {
	position: relative;
	width: 950px;
	height: 1650px;
	background-color: #D1D0D2;
}

#fotos a{
	text-decoration: none;
}

#fotos img{
	width: 250px;
}

#fotos .nombre{
	color: #000000;
	font-family: Arial;
	font-size: 12pt;
}

#fotos .origen{
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
}

#fotos td{
	padding-top: 10px;
	padding-left: 37px;
}


/*=============== FIN FOTOS ====================*/


/*=============== INICIO MURALES =================*/
#murales {
	border-top:  #D1D0D2 40px solid;
	border-bottom:  #D1D0D2 40px solid;
	width: 950px;
	height: 900px;
	background-color: #ffffff;
}

#plano{
	border: solid 60px #ffffff;
}

.zoom{
	transition: transform .5s;
	background-color: #ffffff;
}

.zoom:hover {
    transform: scale(1.3); 
}


/*=============== FIN MURALES ====================*/



/*=============== INICIO PROGRAMA =================*/

#programa {
	position: relative;
	width: 950px;
	height: 400px;
	background-color: #D1D0D2;
}

#programa #cont{
	
	float: right;
	width: 950px;
}

#programa #contIz{
	float: left;
	width: 600px;
}

#programa #contIz img{
	width: 550px;
}

#programa #contDer{
	
	float: right;
	width: 340px;
}

#texto_programa{
	width: 900px;
}

#texto_programa_izq{
	padding-top:15px;
	float: left;
	padding-left:20px;
	width: 400px;
	line-height: 1.5;
}

#texto_programa_izq p{
	font-size: 10pt;
	line-height:15px;
}

#texto_programa_der{
	padding-top:15px;	
	float: right;
	width: 400px;
	line-height: 1.5;
}

#texto_programa_der p{
	font-size: 10pt;
	line-height:15px;	
}

#texto_programa .titulo{
	color: #000000;	
	font-weight: bolder;
	font-size: 12pt;
	background-color:#ffffff;
}

#texto_programa .subTitulo{
	font-weight: bold;
	font-size: 9pt;
}

#logos_programa{
	float: right;
	width: 340px;
}

.logProg{
	margin: 0 5px 0 5px;
}


/*=============== FIN PROGRAMA ====================*/

/*=============== INICIO GALLERIA ====================*/

.gallery-body{
    background-color: white;
}

/*=============== FIN GALLERIA =======================*/

/*=============== INICIO GALLERIA ARTISTAS ===========*/

.artistas td{
    max-height: 15px;
}

/*=============== FIN GALLERIA ARTISTAS    ===========*/