body{

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

background-color: #000;;

color: #fff;

margin:auto;

padding:0px;

text-align:center;

background-image:url(img/fondoArriba.jpg);

background-repeat: repeat-x;

}



img, div, p {border:0px; margin:0px;}



#general{

width:1000px;

margin-left: auto;

margin-right: auto;}





#content{

	position: absolute;

	width:1000px;

	

}



h1{}



h2{

font-weight:normal;

text-align:left;}



h3{font-size:1.0em; 

font-weight:normal;

text-align:left;}



a{}



#superior{

width:1000px;

clear:both;

}

	

#url{

width:500px;

float:left;

text-align:left;

color:#FFFF00;}



#vacio{

width:250px;

float:left;

text-align:right;}







#encabezado{

width:1000px;

background-image:url(img/fondoPapel.png);

background-repeat:no-repeat;

width:996px;

height:170px;

clear:both;

}



#areaBuscador{

width:990px;

 clear:both;}



#tituloPagina h2{

color:#FFFF00;

width:500px;

font-size:1.2em;

float:left;

margin:0px;

padding-left:150px;

width:600px;}



#tituloPaginaB h2{

color:#ccc;

width:600px;

font-size:1.0em;

font-weight:normal;

float:left;

margin:0px;

padding-left:150px;

}



#buscador{

text-align:right;

float:left;

}



#columnas{

	width:1000px;

	clear:both;

	}

	

#izquierda{

width:150px;

float:left;}



#izquierda ul{

width:150px;

border:0px;

margin:0px;

padding:0px;

text-align:left;

}



#izquierda ul li{

list-style-type: none;

color:#cf0;

 font-size:0.8em;

 font-weight:bold;

 background-image:url(img/menuFondo.jpg);

background-repeat: repeat-x;

height:30px;

display:block;

border:0px;

margin:0px;}



#izquierda ul.categ{

border:0px;

margin:0px;

display:block;

}



#izquierda ul.categ li{

text-align:left;

color:#fff;

height:30px;

display:block;

padding-left:15px;

border:0px;

font-size:0.9em;



}



#izquierda ul.categ li a:link, #izquierda ul.categ li a:visited{

display:block;

font-size:1.0em;

font-weight:normal;

color:#fff;

text-decoration:none;

height:30px;

}



#izquierda ul.categ li a:hover{

background-image:url(img/menuFondoB.jpg);

background-repeat: repeat-x;

font-weight:normal;

color:#FF6600;

text-decoration:none;

display:block;

border:0px;

height:30px;

}



#centro{

float:left;

margin-left:10px;

margin-right:10px;

}

#centro ul{
text-align:left;
font-size:0.8em;
color:#ccc;
}

#derecho{

width:200px;

float:left;

}





#uno, #dos, #tres{

width:620px;

height:226px;

text-align:center;

clear:both;

}



#anuncioIzq, #anuncioDer{

background-image:url(img/marquesinAnuncio.jpg);

background-repeat:no-repeat;

width:284px;

height:170px;

padding:50 5 5 20px;

float:left;

text-align:center;

}



#anuncio{

text-align:center;

width:240px;

height:145px;

float:left;

}





#sabiasQ, #comentarios{

	width:600px;

	text-align:left;

}



#sabiasQ h2{

margin:0px;

font-size:1.3em;

color:#FF3366;

}



#sabiasQ p{

font-size:0.9em;

color:#fff;}



#sabiasQ a{

text-align:right;

font-size:0.8em;

text-decoration:none;

color:#ff0;}



#sabiasQ a:hover{

color:#cc3;

text-align:right;

font-size:0.8em;

text-decoration:underline;}





.rigth{text-align:right;}







#comentarios h4{

margin:0px;

font-size:1.3em;

font-weight:normal;

color:#ccc;

}



#comentarios{

border-top:dotted 1px #666;

margin-top:25px;

font-size:0.8em;

color:#ccc;

}



#comentarios form input, #comentarios form textarea{

margin:6px;

vertical-align:top;

}



#eventos{
width:190px;}



#eventos h3{

text-align:right;

color:#f06;

margin:0px;}



#eventos p{

font-size:0.9em;

text-align:center;

margin-top:10px;

margin-bottom:10px;
color: #FFFF00;

}

#unionMariachis{

background-image:url(img/marcoUnion.jpg);
background-position:right bottom;

background-repeat:no-repeat;

width:200px;

height:200px;

text-align:center;

font-size:0.8em;

float:left;

margin-top:10px;
margin-bottom:10px;}



#unionMariachis h2{

width:190px;

text-align:center;

/*margin-top:45px;
margin-bottom:13px;*/

font-size:1.3em;

font-weight:bold;

color:#f60;}



#unionMariachis .dir p{

width:170px;

font-size:1.0em;

text-align:right;

margin:0px;
padding-top:0px}



#unionMariachis p{

width:170px;

color:#000;

font-size:1.0em;

text-align:left;

margin:0px;

margin-top:0px;

padding-left:11px;

}





#unionMariachis a{
color:#FFFF00;
font-weight:bold; 
margin:0px;
}





#unionMariachis  a:hover{

text-decoration:none;

color:#fff;

font-weight:bold;

}



/*#fotoGaleria{

width:195px;

margin-top:10px;

height:34px;

float:left;

}*/



#fotoGaleria h2{

font-weight:bold;

text-align:center;

font-size:1.0em;

margin-top:10px;

padding:2px;

color:#000;

background-image:url(img/fondoGaleria.jpg);

background-repeat:repeat-x;

width:195px;

height:34px;

border:solid 1px #ff0;

float:left;

display:block;

}



#fotoGaleria h2 a:link, #fotoGaleria h2 a:visited{

text-decoration:none;

color:#000;}





#fotoGaleria h2 a:hover{

text-decoration:none;

color:#993;}



/*#bannerDerecho{

margin-top:5px;
margin-bottom:5px;

width:195px;

height:330px;

float:left;

}*/



#pie{font-size:0.7em;

text-align:right;

width:999px;

color:#ccc;

float:left;}

#pie a{color:#FFFF00;
text-decoration:none}





#anuncioIzqB{

border:solid 1px red}



#anuncioB{

border:solid 1px blue}



#anuncioDerB{

border:solid 1px yellow}





<!-- Estilos InteriorA -->



/*#tituloPagina h2{

color:#fff;

width:700px;

border:solid 1px red;

font-size:1.0em;

}*/





#despliegue{

width:410px;

float:left;

}



#despDerecho{

width:410px;

float:left;

}





#despAnuncio{

width:380px;

margin:8 8 8 8px;

clear:both;

border-bottom:dashed 1px #333;}



#despDatos h3{

font-size:1.2em;

color:#FF9900;

font-weight:bold}



#despDatos{color:#ccc;

text-align:left;

font-size:0.8em;

float:left;

vertical-align:top;

padding-left:5px;
width:240px;
}



#despTextos p{color:#ccc;

text-align:justify;

font-size:0.8em;

float:left;

vertical-align:top;

padding-left:5px;}

 

#despDatos a{

font-size:0.9em;

color:#CCFF00;

text-decoration:none;

text-align:right;}



#despDatos a:hover{

color:#99CC33;

text-decoration:underline;

text-align:right;

}



#despSitio{

width:380px;

margin:8 8 8 25px;

clear:both;}





#areaFoto{

width:300px;

height:350px;

/*border:dashed 1px #999;*/

text-align:left;}





#despFoto{

width:120px;

height:100px;

/*border: dotted 1px #666;*/

float:left;

vertical-align:top;

margin:5px;

}



#despInfo{

text-align:left;

margin:0px;

font-size:0.9em;

}



#despInfo p{

margin-bottom:12px;}





#despInfo h2{

font-size:1.4em;

color:#FF9900;

font-weight:bold}

}



#produccion{

width:300px;

padding:0px;

margin:0px;

clear:both;

vertical-align:top;

}



#fotoCD{

width:100px;

height:100px;

float:left;

padding:15px;

/*border:dashed 1px #999*/}



#pistas{

color:#f90;

font-size:0.8em;

text-align:left;

float:left;

vertical-align:top;

padding-left:15px;}



#video{
background-image:url(img/marquesinAnuncio.jpg);

background-repeat:no-repeat;

width:250px;

height:200px;

text-align:left;

border:dashed 1px #999;

margin: 8 8 8 8px;

float:left;}



<!-- Modificaciones -->



.inicio{

background-color:#CCFF00;

padding:4px;

display:block;

height:24px;

text-decoration:none;

color:#000;}





a.inicio:hover{

background-color:#333;

text-decoration:none;

color:#FF9900;}


#anunciate{
width:190px;
text-align:center;
float:left;
background-color:#FFFF00;
color:#000;
font-size:0.8em;
padding:6px;

}

.acento{font-weight:bold; color:#ff0000; font-size:1.1em;}

#anunciate a{color:#f00;}

#anunciate h3{text-align:center;
font-weight:bold; margin:0px;
}

#textoMedio p{font-size:0.8em;
text-align:justify;
padding:8px;}


#textoMedio{
width:590px;
text-align:justify;
float:left;
}

#promo
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #000;
background-image:url(img/mantaAnuncio.jpg);
background-repeat:no-repeat;
float:left;
width: 327px;
height: 127px;
clear: both;
display:table;
}

#textoPromo
{
	clear:both;  
	position:relative; 
	top:50px; 
	left:10px;
	width:80%; 
	text-align:center;
	color: #f33;
}

.resaltar{color:#f93}

#pagEventos{width:1000px;
float:left}


#union{
width:950px;
float:left;
text-align:center}


#union h2{
text-align:center}


#eveFotos{width:180px;
float:left;
}




#eveInfo{width:630px;
float:left;
text-align:center;
background-image:url(cecilia.jpg);
background-repeat:no-repeat;
background-position:left top;

}

#eveInfo h3{
font-size:1.0em;
color:#999;
text-align:center;
padding-top:8px;
margin:0px;}

.acentoB{color:#FFCC00;}

#eveInfo h4{
font-size:0.9em;
color:#FF6600;
text-align:center; margin:0px; padding-top:8px;}


#eveInfo p{
color:#ccc;
font-size:0.8em;
margin-bottom:6px}

#eveDerecho{width:160px;
float:left;
background-color:#333;
color:#fff;
text-align:right;
padding:4px;}

#eveDerecho p{
color:#ccc;
font-size:0.7em;
margin-bottom:8px}

#eveDerecho h3{
font-size:0.9em;
color:#999;
text-align:right}

#eveDerecho h4{
font-size:0.8em;
color:#666;
text-align:right}


#eveDerecho a{
color:#FFFF00;
}

#eveDerecho a:hover{
color:#FF9900;
}



p.ancla a{color:#FFFF00; text-decoration:none; text-align:right; font-size:0.7em;}
p.ancla a:hover{color:#CCFF00; text-decoration:none; text-align:right; font-size:0.7em;}
.pieFoto{font-size:0.7em; color:#999;}


#derecho .redes{color:#00FFFF;
font-weight:bold; font-size:0.7em;}