@charset "UTF-8";

<style>



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}




/* Combination filter options*/

#options .option-combo {
	display: inline-block;
	float: left;
	margin-right: 10px;
	font-size: x-small;
	color: #F00;
	text-decoration: none;
}
#options .option-combo a {
	display: inline-block;
	font-size: x-small;
	text-decoration: none;
}





.obra {
	margin: 10px;
	float: left;
	width: 370px;
	border: 10px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
}
.obra .mask,.obra .content {
	position: absolute;
	overflow: hidden;
	top: 0.2px;
	right: 5px;
	height: auto;
}
.obra img {
	display: block;
	position: relative;
	background-image: url(III_Encuentro_Coral.jpg);
}
.obra h2 {
	color: #F00;
	text-align: center;
	position: relative;
	font-size: 0.7em;
	padding: 5px;
	background: rgba(0, 0, 0, 0.8);
	margin: 5px 0 0 0;
}	

.obra p {
	
	font-style: normal;
	position: relative;
	padding: 10px 10px 15px;
	text-align: center;
}
.obra a.info {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
	font-size: 0.8em;
	background-color: #369;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	

}


.obra-foto h2 {
	background: rgba(255, 255, 255, 1);
	font-family: 'News Cycle', "sans-serif;";
	color: #333;
	-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	font-weight: normal;
	font-size: 0.7em;
}
.obra-foto p {
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	
	color: #000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size: 0.9em;
	margin-top: -3px;

}
.obra-foto:hover .mask {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	text-decoration: none;
}
.obra-foto:hover img {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	text-decoration: none;
}
.obra-foto:hover p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration: none;
}
.negrita {
	font-weight: bold;
}
#teatros .selected {
	color: orange;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;

}
a:active {
	text-decoration: none;

}
h4 {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}

* { margin: 0; padding: 0; }




#linea {
	height: 30px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
	z-index: 130;
	position: absolute;
	background-color: #FFF;
}


img {
    border: none;
}

#conferencia_img img {
	margin-left: -17px;
}

#conferencia_txt  {
	margin-left: -17px;
}


.rojo {
	color: #69C;
	margin-right: 4px;
	margin-left: 4px;
}
#rojo {
	color: #69C;
	margin-right: 4px;
	margin-left: 4px;
}

#header li {
	float: left;
	list-style-type: none;
	text-decoration: none;
	margin-right: 10px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #333;
	list-style-position: outside;
	padding-right: 9px;
}

#container {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 900px;
	color: #999;
	padding-top: 10px;
}

#container-act {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 900px;
	color: #999;
	padding-top: 10px;
}

.subrayado {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #69C;
}
#header li a {
	list-style-type: none;
	text-decoration: none;
	color: #333;
}
.lineboton {
	font-family: 'News Cycle', "sans-serif;";
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.obra-foto:hover .mask {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	text-decoration: none;
}
#teatros {
	position: absolute;
	z-index: 2;
	color: #FFF;
	left: 137px;
	top: 10px;
	text-align: justify;
	visibility: visible;
	float: left;
	height: 280px;
	width: 760px;
}
#logo {
	z-index: 4;
	margin-top: 22px;
	margin-left: 50px;	
}

#logo img {
	
	
}
#logo2 {
	z-index: 4;
	margin-top: 22px;
	margin-left: 50px;	
}


#asociacion {
	font-family: 'Raleway', sans-serif;
	width: auto;
	margin-top: 140px;
	background-color: #FFF;
	overflow: auto;
	visibility:visible;
	margin-left: 78px;
}

#asociacion2 {
	font-family: 'Raleway', sans-serif;
	width: auto;
	margin-top: 140px;
	background-color: #FFF;
	overflow: auto;
	visibility:visible;
	margin-left: 78px;
}





#aaoma {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 650px;
	height:600px;
	color: #000;
	
}

.menu{
     font-size: 0.7 em;
}

#aaoma p {
	font-size: 1.2em;
	color: #000;
	text-align: justify;
	font-family: 'Open Sans', sans-serif;
	background-repeat: repeat-y;
		
}

#estatutos {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 650px;
	height:2600px;
	background-repeat: repeat-y;
	
	
}

#estatutos p {
	font-size: 1.2em;
	color: #000;
	text-align: justify;
	font-family: 'Open Sans', sans-serif;
}

#junta {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	height:740px;
	width: 650px;

	background-repeat: repeat-y;
	
	
}

#junta p {
	font-size: 1.2em;
	color: #000;
	text-align: justify;
	font-family: 'Open Sans', sans-serif;font-weight: 200

	
}
#socios {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 650px;
	left: 341px;
	height:1100px;
	background-repeat: repeat-y;
	
}

#socios p {
	font-size: 1.2em;
	color: #000;
	text-align: justify;
	
	font-family: 'Open Sans', sans-serif;

}

#socios a {
	font-size: 1.2em;
	color: orange;
	text-align: left;
	text-decoration: underline;
}

#malaga {
	font-family: 'Open Sans', sans-serif;
	width: auto;
	margin-top: 5px;
	margin-left: 50px;
	background-color: #FFF;
	margin-left: 78px;
	overflow: auto;
	visibility: visible;
	font-style: italic;
	font-size: 1.1em;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}


#otrosteatros {
	font-family: 'EB Garamond', serif;
	width: 1000px;
	margin-top: 16px;
	margin-left: 50px;
	padding-left: 40px;
	background-color: #FFF;
	margin-left: 10px;
	overflow: auto;
	visibility: visible;
	font-style: italic;
	
	
	
	
}


body {
	font-size: 0.8em;
	overflow : -moz-scrollbars-vertical

}


.tachado {
	text-decoration: line-through;
}



#sonido {
	margin-left: 70px;
	width: 90%;
	overflow: hidden;
	
}
#header #logo #fb {
	float: right;
	position: relative;
	top: 100px;
	overflow: visible;
	z-index: 100;
	margin-right: 39%;
}
#footer {
	font-family: 'Open Sans', sans-serif;
	height: 200px;
	width: 110%;
	color: #666;
	margin-top:160px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #F90;
}
#footer p {
	margin-top: 10px;
	margin-left: 50px;
}

#enlaces img {
	float: left;
	padding-top: 10px;
	padding-left:40px;
}

#enlaces img a {
	text-decoration: none;	
}


.cursiva {
	font-style: italic;
}
#actividad #conferencia_txt p .cursiva {
	font-style: italic;
}
#actividad #sonido {
	margin-left: 500px;
}


.w3-row {
	width:700px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C60;
	
	padding-top: 10px;
    padding-bottom: 10px;

	margin-left: 180px;

}

.w3-row img{
	margin-top: 10px;
	margin-bottom: 10px;

}

.w3-threequarter.w3-container {
	clear:left;
}


.title_actividad  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #C63;
	
}


.subtitle_actividad {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	font-style: normal;
	font-weight: bold;
}

.autor_actividad {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
color: #C63;
	font-style: normal;
}

.quien_actividad {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #999;
	font-style: normal;
}

.fecha_actividad {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #C63;
	font-style: normal;
}
.opciones_actividad a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-style: normal;
	margin-right: 2px;
}

.opciones_actividad a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-style: normal;
	margin-right: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
}
/*Responsive Styles*/
@media screen and (max-width : 760px){
	
#teatros {
	z-index: 2;
	color: #FFF;
	left: 10px;
	top: 10px;
	text-align: justify;
	visibility: visible;
	float: left;
	height: 280px;
	width: 90%;
	margin-left: -30px;
}

#asociacion2 {
	z-index: 2;
	color: #FFF;
	left: 10px;
	top: 10px;
	text-align: justify;
	visibility: visible;
	float: left;
	height: auto;
	width: 95%;
	margin-left: 50px;
}


#aaoma {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 100%;
	height:auto;
	color: #000;
	margin-top:90px;
	
}

#estatutos {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 100%;
	height:auto;
	color: #000;
	margin-top:90px;
	
}
#junta {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 100%;
	height:auto;
	color: #000;
	margin-top:90px;
	
	
}
#socios {
	font-family: 'Arial Narrow', Arial, sans-serif;
	overflow: auto;
	width: 100%;
	height:auto;
	color: #000;
	margin-top:90px;
	
}

#malaga {
	z-index: 2;
	color: #FFF;
	left: 10px;
	top: 10px;
	text-align: justify;
	visibility: visible;
	float: left;
	height: auto;
	width: 80%;
	margin-left: 50px;
}



#container {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	color: #999;
	padding-top: 80px;
}

#container-act {
	width: 140%;
    height: auto;

	margin-right: 0;
	margin-left: -150px;
	color: #999;
	padding-top: 50px;
}




#logo img {
	z-index: 4;
	margin-top: 2px;
	margin-left:2px;
	width: 80%;
	height: auto;
}

.obra {
	
	width: auto;
	border: 10px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
}

#header #logo #fb {
	float: right;
	position: relative;

	overflow: visible;
	z-index: 100;
	margin-right: 1%;
	margin-top: 1%;
}

.obra img {
	width: 100%;
	height:70%;
	align: center;
	margin-right: auto;
	margin-left: auto;
	
}

}