/* Generated by KompoZer */
/* Clases */
img {
border: 0px;
}
.ParrafoCentrado  {

 text-align: center;
 font-size: 1em;
 color: #333333;
}

.ParrafoCentradoDiscografia  {
padding-left:100px;
 
 font-size: 25px;
 color: #333300;
}

.ParrafoIzquierda {
 text-align: left;
 font-size: 1em;
 color: #333333;
}

.ParrafoDerecha {
 text-align: right;
 font-size: 1em;
 color: #333333;
}

/* Pseudoclases */

a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}


body {
  margin: 0px;
  height: 100%;
  font-size: 80%;
}
a:link, a:visited {
  color: #cc0000;
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color: #0000cc;
  text-decoration: underline;
  font-weight: normal;
}
p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}
div, p {
  font-family: Tahoma,Helvetica,Arial,sans-serif;
  line-height: 1.3em;
  font-size: 1em;
  color: #333333;
  text-align: justify;
}
table, td, th {
  padding: 1px;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
  line-height: 1.3em;
  font-size: 1em;
  color: #333333;
  text-align: center;
}

/* Centra todas las imagenes con la etigeta img */
.ImagenCentrada {

display: block;
margin: auto;
margin-top: 10px;
margin-bottom: 5px;
}

#FondoPagina {
  padding: 10px 0;
  background-image: url(background.jpg);
  height: 100%;
  margin-bottom: 1px;
}

div#Envoltura {
  margin: 10px auto;
  padding: 1px;
  background-color:  #ffffff;
  /* #f7f7f7; */
  background-repeat: repeat-y; 
  width: 920px;
   height: 6800px;  
}

div#EnvolturaEventos {
  margin: 10px auto;
  padding: 10px;
  background-color: #f7f7f7;
  background-repeat: repeat-y; 
  width: 920px;
  height: 7500px; 
}

div#ContenedorLogo {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  height: 435px;
  margin-left: 5px;
  margin-top: 5px;
}
div#Logo {
  left: 0;
  top: 0;
  float: left;
  width: 426px;
  height: 426px;
  margin-left: 5px;
  margin-top: 5px;
}

.ImagenColumnaIzquierda {
  left: 0;
  top: 0;
  float: left;
  width: 150px;
  
 
}

.ImagenColumnaDerecha {
  left: 0;
  top: 0;
  float: left;
  width: 350px;
  
 
}


.TextoColumnaIzquierdaCentrado {
  left: 0;
  top: 0;
  float: left;
  width: 150px;
  font-size:20px;
  text-align:center;
  color: red;
 
}

.CajaFolklore {

float: left;
  width: 200px;
margin-top:15px;
}
.TextoColumnaIzquierdaFolklore {
  left: 0;
  top: 0;
  float: left;
  width: 150px;
  font-size:20px;
  text-align:center;
  color: green;
  /* margin-top:5px; */
 
}

div#Banner {
  left: 0;
  top: 0;
  float: left;
  width: 400px;
  height: 426px;
  margin-left: 5px;
  margin-top: 100px;
}
div#ContenedorMenus {
 /* border: black solid thin; */

  float: left;
  width: 920px;
  height: 70px;
  margin-left: 0px;
  margin-top: 5px;
}

#BarraNavegacion ul{
   list-style-type: none;
   text-align: left;
}

#BarraNavegacion li{
   display: inline;
   text-align: center;
   margin: 0 1px 0 0;
} 

#BarraNavegacion li a {
   padding: 2px 7px 2px 7px;
   color: #666;
   background-color: #eeeeee;
    border: 1px solid #ccc; 
   text-decoration: none;
}


div#ContenedorColumnaIzquierda {
  /* border: black solid thin;   */
 
  float: left;
  width: 155px;
  height: 2500px;
  padding-left: 5px;
  margin-top: 5px;
}

div#ContenedorColumnaCentral {
   /* border: black solid thin;   */
 
  float: left;
  width: 370px;
  height: 2500px;
 /*  padding-left: 5px; */
  margin-top: 5px;
}

div#ContenedorColumnaDerecha {
 /* border: black solid thin;    */
  
  float: left;
  width: 370px;
  height: 2500px;
  /* padding-left: 5px; */
  margin-top: 5px;
}

div#menus {
  margin: 0 1px;
  background: #f7f7f7;
/*  none repeat-x scroll 0 50%;*/
  left: 0;
  top: 0;
  float: left;
  width: 890px;
  height: 48px;
}
div#CajaMensajeInicio {
  left: 0px;
  top: 0px;
  width: 910px; 
  height: 800px; 
/*  text-align:"center"; */ 
  float: left;
  color: #0000ff;
  font-family: "Script MT Bold cursive";
  font-size: 4px;
  margin-left: 5px;
  /* margin-righ 150px;  */
  margin-top: 5px;
 padding-left: 5px;
 /* padding-right: 150px; */
}

div#ContenedorCuerpo {
 /* border: black solid thin; */  
  left: 0;
  top: 0;
  float: left;
  width: 900px;
 /*  height: 1900px; */
 
  margin-top: 5px;
}


div#EncabezamientoTitulo {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  height: 30px;
  font-size: 25px;
  text-align: center;
  color: #ff842c;
  height: 40px;
}

.TextoCentradoRealzado {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  height: 30px;
  font-size: 25px;
  text-align: center;
  color: #ff0000;
  height: 40px;
}

div#EncabezamientoAnteTitulo {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  height: 30px;  
  font-size: 25px;
  text-align: center;
  color: green;
  height: 30px;
}
div#CajaTextoIzquierda {
  left: 0;
  top: 0;
  float: left;
  width: 440px;
  height: 350px;
  margin-left: 5px;
  margin-top: 5px;
}

.CajaTextoGrupos {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  
  margin-left: 5px;
  margin-top: 5px;
  font-size: 16px;
 
}

.ParrafoGustavo {
font-family: Georgia, Tahoma,Helvetica,Arial,sans-serif;
font-size: 16px;

}

.CajaTextoGustavo {
font-family: Georgia, Tahoma,Helvetica,Arial,sans-serif;
 
  float: left;
  width: 850px; 
  
  margin-left: 25px;
  margin-top: 5px;
  font-size: 16px;
  margin-right: 25px;
}

div#CajaTextoInicio {
  left: 0;
  top: 0;
  float: left;
  width: 480px;
/*  height: 350px; */
  margin-left: 5px;
  margin-top: 5px;
}
.TextoFrontalAzul {
text-shadow: 0 0.5px 0 grey; 
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
font-family: Georgia,Verdana,serif;
font-weight: bold;
font-size:large;
color: #4169E1; 
text-align: center;
}

.TextoMadre {
float: left;
margin-top:15px;
font-family: Verdana, serif;
font-style: italic;
width: 250px;
font-size:20px;
color: #4169E1; 
margin-left:50px; 
text-align: center;
line-height:1em;
margin-bottom:15px;

}

.TextoSerenata {
font-family: Verdana,serif;
font-style: italic;
font-weight: bold;
font-size:30px;
color: #800080; 
text-align: center;
line-height:0.8em;

}

.TextoServicios {
float: left;
width: 165px;
font-family: Georgia,Verdana,serif;

font-weight: bold;
font-size:15px;
color: #800080; 
text-align: center;
/* line-height:0.8em; */

}
.CajaTextoCentral {
  left: 0;
  top: 0;
  float: left;
  width: 375px;
/*  height: 350px; */
  margin-left: 5px;
  margin-top: 5px;
}

.CajaTextoDerecha {
  /* border: black solid thin;     */
  left: 0;
  top: 0;
  float: left;
  width: 350px;
/*  height: 350px; */
  margin-left: 5px;
  margin-top: 25px;
  padding-top: 5px;

  
}

.CajaTextoVisite {
  /* border: black solid thin;     */
  float: left;
  width: 120px;
  margin-left: 5px;
  
  padding-top: 5px;
  text-align: left;
  font-size: 26pt;
  color:#5f497a;
}

.CajaTextoJalisco {
  /* border: black solid thin;     */
  float: left;
  width: 120px;
  padding-top: 5px;
  font-size: 26pt;
  color:#e36c09;
}


.CajaTextoApaisado {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  /* height: 350px; */
  margin-left: 5px;
  margin-top: 5px;
}

.TextoPublicidadJalisco {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  /* height: 350px; */
  margin-left: 150px;
  margin-top: 5px;
  font-size: 20px;
  color: #FF00FF;
}
.TextoPublicidadJaliscoCentrado {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  /* height: 350px; */
  text-align:center;
  
  margin-top: 5px;
  font-size: 20px;
  color: #FF00FF;
}

.CajaImagenVisitaJalisco {
  /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 120px;
  /* height: 350px; */
 
  margin-left: 150px;
  margin-bottom: 5px;
}

.CajaImagenColibri {
  /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 190px;
  /* height: 350px; */
 
  margin-top: 5px;
  
}
.TextoPublicidadJaliscoTitular {
  left: 0;
  top: 0;
  float: left;
  width: 300px;
  /* height: 350px; */
  margin-left: 70px;
  margin-top: 5px;
  font-size: 60px;
  color: #ff0000;
}

.TextoPublicidadTourgus {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  /* height: 350px; */
  margin-left: 500px;
  margin-top: 5px;
  font-size: 45px;
  color: #00ccff;
}

.ContenedorGruposMariachis {
 
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  /* height: 350px; */
 
  
}

.CajaImagenDerecha {
 
  
  float: right;
  width: 440px;
  /* height: 350px; */
 margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.CajaImagenIzquierda {
 
  
  float: left;
  width: 440px;
  
  margin-right: 5px;
  margin-top: 5px;
   margin-bottom: 5px;
  
}

.CajaImagenColumnaDerecha {
  left: 0;
  top: 0;
  float: left;
  width: 350px;
  /* height: 350px; */
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.CajaImagenTotal {
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  
  
}

.CajaImagenCentrada {
 
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 900px;
  border: 0px;
  
  }

div#VideoJalisco {
 
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 605px;
  
  margin-right: 5px;
  margin-top: 5px;
  padding-left:150px;
  padding-right:150px
}

div#VideoJaliscoPortada {
 
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 400px;
  
  margin-right: 5px;
  margin-top: 5px;

  
}

div#VideoVivaMexicoPortada {
 
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 400px;
  
  margin-right: 5px;
  margin-top: 5px;

  
}


div#VideoHistoriaMariachis {
 
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 400px;
  
  margin-right: 5px;
  margin-top: 5px;

  
}

div#VideoSones {
 
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 400px;
  
  margin-right: 5px;
  margin-top: 5px;

  
}


.CajaImagenCentradaPie {
 /* border: black solid thin;  */
  left: 0;
  top: 0;
  float: left;
  width: 605px;
  
  margin-right: 5px;
  margin-top: 5px;
  
  
}




.CajaImagenCentradaJalisco {
  
  float: left;
  width: 300px;
  padding-left:15px;
  
  
}

div#CajaImagenMariachisHistoricos {
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  float: right;
  width: 295px;
  height: 165px;
 /* margin-right: 5px;
  margin-top: 5px; */
}
div#CajaTextoDerecha {
  left: 0;
  top: 0;
  float: right;
  width: 440px;
  height: 350px;
  margin-right: 5px;
  margin-top: 5px;
}
div#CajaImagenIzquierda {
  left: 0;
  top: 0;
  float: left;
  width: 440px;
  height: 350px;
  margin-left: 5px;
  margin-top: 5px;
}
div#CajaTextoCentro {
  
  width: 890px;
  float: left;
/*  height: 350px; */
  margin-left: 5px;
  margin-top: 5px;
}

div#menu{float:left;width: 100%;padding-top:5px;background: #ffffff}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 30px;width:960px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 8em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #731b1a;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}