/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
   font-family: Arial, sans-serif;
   color: #236051;
   line-height: 1.166;
   margin: 0px auto;
   width:628px;
   position: relative;
   background-repeat: repeat;
   background-image: url(imagenes/background.gif);
}

a{
   color: #236051;
   text-decoration: none;
}

a:link{
   color: #236051;
   text-decoration: none;
}

a:visited{
   color: 060605;
   text-decoration: none;
}

a:hover{
   color: 060605;
   font-weight: bold;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: 363634;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: 363634;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: 363634;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: 363634;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: 363634;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #236051;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#cabecera{
   float:left;
   width: 628px;
   height: 205px;
   background-image:url(imagenes/cabecera2.gif);
   background-repeat:no-repeat;
}

#navBar{
   background-image:url(imagenes/izq.gif);
   background-repeat:no-repeat;
   background-color:#F5F2D4;
   float: left;
   width: 140px;
   margin: 0px;
   height: 450px;
}

#headlines{
background-image:url(imagenes/dcha2.gif);
  float:left;
   width: 20px;
}

#content{
   float: left;
   width: 468px;
   background-color:#F5F2D4;
   text-align: center;
   height: 400px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
   margin: 0;
}


/************* #cab_titulo styles **************/

#cab_titulo{
   float: left;
   height:140px;
   width: 128px;
   margin: 0px;
}

/************* #cab_grupo styles **************/

#cab_grupo{
  float:left;
  height:140px;
   width: 250px;
}

/************* #cab_cuerpo styles **************/

#cab_cuerpo{
   float: left;
   height:140px;
   width:250px;
}

/*************** #pageName styles **************/

#pageName{
   margin: 0px;
   padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
   font-size: 80%;
   padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
   padding: 0px 20px 0px 20px;
   font-size: 80%;
}

.feature p{
   padding: 10px 0px 10px 10px;
}

.feature h1{
   padding: 30px 10px 5px 0px;
   text-align: center;
   color:363634;
}

.feature img{
   float: none;
   padding: 0px 0px 0px 0px;
}


/************** .story styles *****************/

.story{
   clear: both;
   padding: 10px 0px 0px 10px;
   font-size: 80%;
}

.story p{
   padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
   background-image:url(imagenes/abajo.gif);
   height:71px;
   clear: both;
   font-size: 75%;
   color: 20201F;
}

#siteInfo p{
   padding: 30px 0px 0px 160px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
   position: relative;
   margin: 0px;
   font-size: 90%;
   height: 298px;
   padding: 0px 0px 0px 0px;
}

#sectionLinks h3{
   padding: 0px 0px 0px 0px;
}

#sectionLinks a {
   display: block;
   padding: 5px 5px 5px 37px;
}

/*********** #imagenlat styles ***********/

#imagenlat{
   height: 102px;
   position: relative;
   margin: 0px;
   padding: 0px;
}

#imagenlat img{
   vertical-align:bottom;
   background-color: #F5F2D4;
}


/************** #advert styles **************/

#advert{
   padding: 30px 0px 10px;
}

#advert img{
   display: block;
   vertical-align:bottom;
}


/************** #headlines styles **************/

#headlines{
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 80%;
   height: 400px;
   background-repeat: repeat-y;
}

#headlines p{
   padding: 5px 0px 5px 0px;
}
#imagenlatbanda {
   height: 102px;
   position: absolute;
   margin: 0px;
   padding: 0px;
   left: 3px;
   top: 1094px;
}
#imagenlatinicio {
   height: 102px;
   position: absolute;
   margin: 0px;
   padding: 0px;
   left: 3px;
   top: 505px;
}
#imagenlatgaleria {
   height: 102px;
   position: absolute;
   margin: 0px;
   padding: 0px;
   left: 3px;
   top: 827px;
}
#imagenlatconciertos {
   height: 102px;
   position: absolute;
   margin: 0px;
   padding: 0px;
   left: 3px;
   top: 868px
}
