div.web{
width : 86%;
margin-left :7%;
}

.body{
	background-color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
.tabla{
	align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e42484;
	cellpadding:3;
	cellspacing:15;
	border-color:#333333;
	border:1;
	font-weight:bold;
	text-align:center;
}

.tabla2{
	align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	cellpadding:4;
	cellspacing:4;
	border:0;
	background-color:#333333;
	font-weight: bold;
	text-align:left;
}


.Titulo-produc{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
cellpadding:1;
cellspacing:1;

}

.tabla4_cargar{
	vertical-align:top;
	cellpadding:3;
	background-color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:normal;
	text-align:justify;
	border-color:#333333;
    border:0;

}

.tabla_irene{
	vertical-align:top;
	cellpadding:3;
	background-color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	color:#FFFFFF;
	font-weight:normal;
	text-align:justify;
	border-color:#333333;
    border:0;

}

.titulo-doc{
	vertical-align:top;
	cellpadding:4;
	cellspacing:4;
	background-color:#fcc14d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333333;
	font-weight: bold;
	text-align:left;

}

.producciones{
	vertical-align:top;
	cellpadding:2;
	cellspacing:2;
	background-color:#fcc14d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	font-weight: bold;
	text-align:center;

}

.producciones-musica{
	vertical-align:top;
	cellpadding:2;
	cellspacing:2;
	background-color:#cc66ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;

}

.producciones-fiestas{
	vertical-align:top;
	cellpadding:2;
	cellspacing:2;
	background-color:#330066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;

}

.producciones-medioambiental{
	vertical-align:top;
	cellpadding:2;
	cellspacing:2;
	background-color:#99cc00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	font-weight: bold;
	text-align:center;

}

.producciones-educacion{
	vertical-align:top;
	cellpadding:2;
	cellspacing:2;
	background-color:#660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;

}

.titulo-prensa{
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	font-weight:normal;
	text-align:left;

}

.subtitulo-doc-GRIS{
	vertical-align:top;
	cellpadding:4;
	cellspacing:4;
	background-color:#ffffcc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight: bold;
	text-align:left;

}

.normal{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-align:justify;
color:#FFFFFF;
}

.cuerpo-texto{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-align:justify;
color:#FFFFFF;
vertical-align:top;
}

.cuerpo-texto-Gris{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-align:justify;
color:#333333;
vertical-align:top;
}


.leyenda{
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
font-style:italic;
text-align:center;
color:#333333;
}


.fecha{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-align:right;
color:#ab0021;
}


.cabecera{
font-size:11px;
font-style:normal;
color:#FFFFFF;
text-align:center}

.titulos{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-style:bold;
color:Black;
text-align:left;
}

.subtitulo{
font-size:13px;
font-style:normal;
color:#ab0021;
text-align:left;
}


.letrapeq{
font-size:9px;
font-style:italic;
color:white;
text-align:right}



a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#e42484;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
}
	

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e42484;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#e42484;
	text-align: center;
	text-decoration:underline;
	
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#000000;
	text-align: center;
}



#bot1968 {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
    }
    
    #bot1968 a{
    background-image:url(images/1968-rosa.jpg);
    height:145px;
    width:140px;
    background-position: center top;
    display: block;
    text-decoration: none;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    }
    #bot1968 a:hover{
    background-image:url(images/1968-amarillo.jpg);
    }
    #bot1968 a:focus{
    background-image:url(images/1968-amarillo.jpg);
    }