/* CSS Document */


body{
	background-color:#000000; 
	background-repeat:repeat-y;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	margin:0px;
	height:100%;
}
.clear{clear:both;}
.flotaIzquierda{float:left;}
.flotaDerecha{float:right;}
.centro{text-align: center}
.pieFoto{
	text-align: center;
	font-size:1em;
	margin-top:4px;
	margin-bottom:15px;
}
.w20{width:20%;}
.p70{
	padding-left:10px;
	width:70%;
}

#divCabecera{
	position:relative;
	top:0px;
	left:0px;
	height:auto;
	width:100%;
	background-color: #fff;
	padding-bottom: 9px;	
	border-bottom: 20px solid #CF0711;		
}
.contenedor{
	width:1024px;
	margin:0 auto;	
}


.logoAsociacion{
	float:left;
	position: relative;
	top: -10px;
	width:198px;
	height:280px;
	margin-left:5px;
}

.contenidoDerecha{
	color:#ffffff;
	height:100%;
	float:left;
	margin-left: 10px;
	width: 750px;
	padding-top:8px;
	padding-left:15px;	
	background-color:#426501;
	min-height:500px;	
	-webkit-box-shadow: inset 11px 0px 5px -3px rgba(255,255,255,0.22);
	-moz-box-shadow: inset 11px 0px 5px -3px rgba(255,255,255,0.22);
	box-shadow: inset 11px 0px 5px -3px rgba(255,255,255,0.22);
}

.contenidoDerecha img{
	border-radius:5px 5px 5px 5px;
	-moz-boder-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;			
	box-shadow:3px 3px 3px #333333;
	-moz-box-shadow:3px 3px 3px #333333;
	-webkit-box-shadow:3px 3px 3px #333333;
	-o-box-shadow:3px 3px 3px 3px #333333;
}

.pie{
	background-color: #ffffff;
	width: 735px;
	float: right;
	position: relative;
	right: 46px;
	padding: 15px;
	border-radius:0 0 5px 5px;
	-moz-boder-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
}


.fotoInicial {
    position: relative;
    left: 30px;
}

.bloque{padding-left:5px}


span.bloque{
	display:block;
text-align:left;}




.nav a{font-size:1em}


	div.separador {
		height: 2px;
		background-color: #FCE300;
		width:99%;
	}
	h2 {
		margin-top:0;
		font-size: 2.5em;
    }
	h3{text-align:left;font-size:1.3em}
	h3.h3Centro{text-align:center;font-size:1.4em}
	.Estilo1 {font-size: 16px;color: #FFFF00;}

	a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.15em;color:#000000}
	p{width:98%;text-align:justify;font-size:1.15em}
	p.indentado{width:98%;text-indent:4%}
	p.cita{margin-left:70px;margin-right:70px;width:80%}
	p.titCentrado{width:98%;font-weight:bold;text-align:center;font-size:16px}
	p.derecha{width:98%;text-align:right}

	em, ul{font-size:1.15em}
	
	.centro{text-align:center;}
	.lett{padding-top:5px;padding-bottom:9px;width:100%;text-align:center}
	.mano  {cursor:pointer; cursor:hand}
	
	.poema,.titPoema {text-align:center;color:#eec900; line-height:1.4;}
	.poemaB {text-align:center;color:#ffffff; line-height:1.5;}
	.poema {font-style:oblique}
	.nav{width:100%;text-align:center;}
	#divCabecera .nav a.active:hover {
	   color: #ffffff;
	   border-bottom: 2px solid black;
	   background-color: #ce000b;
	   cursor: hand;
	}
	
	#divCabecera .nav a.current,
	#divCabecera .nav a.current:link,
	#divCabecera .nav a.current:visited,
	#divCabecera .nav a.current:hover {
	   color: #ffffff;
	   border-bottom: 2px solid black;
	   background-color:  #ce000b;
	   cursor: default; font-weight:bold;
	   padding-left:2px; padding-right:2px;
	}
		
	a.partituras { text-decoration: none;border-bottom:solid #CCC 1px;	color:#ffffff;}
	a.partituras:link{}
	a.partituras:visited{color:#ffffff;}
	a.partituras:hover{color:#FFF; background-color:#000;}
	a.partituras:active{color:#FFF; background-color:#700;}
	ul.partituras {padding-left:2em; margin:10px 0 0 0;}
	
	/*actas*/
	.acta{background-color:#353B2B}
	.acta td{padding-left:3px}
	.theadGris{font-weight:bold; background-color:#353B2B; text-align:left;}
	.theadGris th{padding-left:3px}
	.fdoColor{background-color: #426501; color:#ffffff}
	.fdoColor2{background-color: #B7BC02; color:#003300}
	.negrita{font-weight:bold}


.flex{
	display: flex;
}
@media screen and (max-width: 990px) {
	.d-block-m{
		display: block !important;
	}
}
.esp-10-right{
	margin-right: 10px
}
p, em, ul, li {
		font-size: 16px;
		line-height: 22px;
	}

@media screen and (max-width: 990px) {	
	.logoAsociacion{
		display: flex;
    	align-content: center;
		align-self: center;
	}
	.contenedor{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.contenidoDerecha{
		width: 95%;
	}
	.contenidoDerecha img{
		height: auto;
		width: 97%;
		max-width: fit-content;
	}	
	table, iframe{
		width: 100%;
	}
}

@media screen and (max-width: 568px) {	
	.contenidoDerecha{
		margin-left: 5px;
		padding-left: 3px;
	}
}