/* CSS Document */
body {text-align: center;
      color: #5d5b46;
      font:11px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
      background: #ffffff url(images/main-bg.gif) repeat-x; 
      
margin: 0; padding: 0 ;}

div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}




#contacto  { font: bold 12px/16px Arial, Helvetica, sans-serif; background: #ffffff url(images/bg_contacto.gif) repeat-y; margin: 0 auto; position: relative; width: 980px; height: 16px }
        
#contacto ul{width:240px;
           height:16px; 
           position:absolute; 
           top:0px; 
           right:130px;}
           
#contacto ul li{float:left; 
              width:45px; 
              height:16px;}
              
#contacto ul li a { color: #4e4e4e; font: bold 11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; display: block; width: 45px; height: 16px }
#contacto ul li a:hover { color: #cd6c03; text-decoration: underline }

#contacto ul li.register{float:left; width:65px; height:22px;}
#contacto ul li.register a { color: #4e4e4e; font: bold 11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; display: block; padding: 0 0 0 10px; width: 65px; height: 16px }
#contacto ul li.register a:hover { color: #b74e00; text-decoration: underline }

#contacto ul li.mapa{float:left; width:120px; height:22px;}
#contacto ul li.mapa a { color: #4e4e4e; font: bold 11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; display: block; padding: 0 0 0 10px; width: 120px; height: 16px }
#contacto ul li.mapa a:hover { color: #b74e00; text-decoration: underline }


#header{width:980px;

        height:300px; 
        position:relative; 
        margin:0 auto; 
        text-align: center;
        font:12px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

#header img.logo{width:980px; height:300px; position:absolute; top:0px; right:0px;}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/

/*----Menu----*/

#fondo_nar { background-image: url(images/bg_menu_nar.jpg); background-repeat: repeat-x; display: block; margin: auto; position: relative; z-index: 100; width: 980px; height: 28px;}

.menu  { background: #000000;  margin: auto; position: relative; z-index: 100; width: 948px; height: 28px; border-right: 1px solid #000;   }

.menu  { font-size: 8px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:948px; w\idth:948px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; text-align:center;}
.menu ul ul {width:158px; text-align:left;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:158px;position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:147px; height:26px; border:1px solid #000; border-width:1px 0 1px 1px; padding-left:10px; line-height:28px;  background: url(images/bg_menu.gif) repeat-x;}
/* yet another hack for IE5.5 */

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:158px; w\idth:147px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:158px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:29px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#000; height:auto; line-height:1em; padding:5px 10px; width:158px;border-width:0 1px 1px 1px; background: url(images/bg_submenu.gif) repeat-x;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:158px;w\idth:147px;}

/* style the top level hover */
.menu a:hover {color:#fff; background:#F4CD60 url(images/bg_menu_act.gif) repeat-x;}

.menu ul ul a:hover{color:#fff; background:#7E7E7E url(images/bg_submenu_act.gif) repeat-x;}
/*continuar aquiiiiiiiiiiiiiiiiiii */

.menu :hover > a  { color: #000; background: #f4cd60 url(images/bg_menu_act.gif) repeat-x }

 .menu ul ul :hover > a {color:#fff; background: #F4CD60 url(images/bg_submenu_act.gif) repeat-x;}
/* yet another hack for IE5.5 */

/* 
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background: #F4CD60 url(images/bg_menu_act.gif) repeat-x;}
 */


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#abajo {background: #ffffff; text-align: center; margin: 0 auto; position: relative; width: 100%;  } 


#cuerpo {background: #ffffff; text-align: center; margin: 0 auto; position: relative; width: 947px; overflow: auto ; border-style: solid; border-width: 0 1px 1px; border-color: #000 } 


#colizq  {text-align: center; padding: 20px 23px 0 24px; width: 280px; float: left; text-align: left;}
#headnar { background: #ffffff url(images/bg_naranja.gif) repeat-x; text-align: left; padding-top: 3px; padding-right: 10px; padding-left: 30px; width: 238px; height: 19px; float: left; border-style: solid; border-width: 1px 1px 0; border-color: #4e4e4e }

#oferta   { background: #ffffff url(images/bg_ofertas.gif) repeat-x; text-align: left; margin-bottom: 20px; padding: 11px 11px 0; width: 258px; height: 211px; float: left }
#oferta_img  {text-align: left; padding-right: 10px; width: 59px; float: left;  }
#ofert_list   {text-align: left; margin: auto; float: left; }

#beneficios   { background: #ffffff url(images/bg_beneficios2.gif) repeat-x; text-align: left; margin-bottom: 20px; padding: 11px 11px 0; width: 258px; height: 130px; float: left }
#oferta_img  {text-align: left; padding-right: 10px; width: 59px; float: left;  }
#beneficios_list   {text-align: left; margin: auto; float: left; }

#ofert_list li {  background-color: #fdf3de; text-align: left; margin-bottom: 2px; padding: 8px 1px 8px 20px; width: 233px; float: left }
#ofert_list a   { color: #333; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }


#eventos  {text-align: left; margin-bottom: 20px; padding: 10px; width: 258px; float: left; border: solid 1px }
#eventos_img  {text-align: left; padding-right: 10px; width: 74px; float: left;  }
#eventos_txt   {text-align: left; margin: auto; width: 174px; float: left; }

#eventos_txt h2  { color: #ce6c04; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }


#eventos_txt h4 { color: #ce6c04; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }

#calendario {text-align: left; margin-bottom: 20px; padding: 10px; width: 258px; float: left; border: solid 1px}
#calendario td   { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(images/bg_dia.gif); background-repeat: repeat-x; text-align: center; padding: 2px; border: solid 1px #666 }
#calendario td.mes { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(images/bg_cal.gif); background-repeat: repeat-x; text-align: center; padding: 2px; border: solid 1px #666 }
#calendario td.dia { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background: #bfbfbf; background-position: 0 0; text-align: center; padding: 2px; border: solid 1px #666 }

#calendario td.current { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(images/current_cal.gif); background-repeat: repeat-x; text-align: center; padding: 2px; border: solid 1px #666 }

#calendario a  { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; padding: 2px }


#galeria   { background: #ffffff; text-align: left;  float: left; margin-bottom: 20px; }

#fotonota { width : 280px;margin-bottom: 20px;margin-right: 10px;}

#fotogal {margin:6px;
	      }	
		  
#fotogal img{
position:relative;
padding:0px;
border:5px solid #e0e0e0;
background-color:inherit;
}

h2     { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }


/* Comienza columna derecha */
#colder    { background: #fff; text-align: left; padding: 20px 24px 0 0; width: 596px; float: left }
#cont_colder  { background: #e0e0e0; text-align: left; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; width: 586px; float: left }

#cont_colder2  { background: #FDF3DE; text-align: left; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; width: 586px; float: left }


#headnar2 { background: #ffffff url(images/bg_naranja.gif) repeat-x; text-align: left; padding-top: 0px; padding-right: 10px; padding-left: 30px; width: 546px; height: 22px; float: left; border-style: solid; border-width: 1px 1px 0; border-color: #4e4e4e }


#cont_not  { background: #ffffff; text-align: left; padding: 10px 15px; width: 556px; float: left; border: solid 1px }

#noticias {background: #ffffff;
           text-align: left; 
           padding-top: 10px; 
           padding-bottom: 10px; 
           width: 556px; 
           float: left }

#noticias_img    { background: #ffffff; text-align: left; margin: 1px; padding: 1px; width: 110px; float: left; border: solid 1px #4e4e4e}
#noticias_txt   { color: #cd6c03; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; padding-left: 15px; width: 412px; float: left }
#noticias_txt h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }

#noticias2 {top: 0px;
            background: #FDF3DE; 
            text-align: left; 
            padding-top: 10px; 
            padding-bottom: 10px; 
            width: 556px;
            float: left }
#galeria2 { background: #ffffff; text-align: left; margin: 6px; padding: 1px; width: 140px; float: left; border: solid 1px #4e4e4e}
#fotogaleria2 { margin-left: 40px}			


#paginas  { background: #e0e0e0; text-align: center; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; width: 586px; float: left;}
#paginas a {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
 
#paginas a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}
#nav_not {float:left}			

#contenido {text-align: left; padding-top: 10px; padding-bottom: 10px; width: 100%; float: left }
#contenido h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }
#contenido h2  { color: #363837; font: 14px/14px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }

#contenido li   { white-space: normal; list-style: decimal inside; display: list-item }
#lista_bul li    { white-space: normal; list-style: disc; list-style:outside; display: list-item }
#lista_abc li     { white-space: normal; list-style: lower-alpha inside; display: list-item }
#contenido p   { padding-bottom: 10px }
#contenido a    { color: #b74e00;}
#contenido a:hover  { color: #cd6c03; }
#contenido_img    { background: #ffffff; text-align: left; margin: 1px; padding: 1px; width: 110px; float: left; border: solid 1px #4e4e4e}
#contenido_txt   { text-align: left; padding-left: 15px; width: 100%; float: left }
#contenido_txt h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }


#enportada {text-align: left; padding-top: 10px; padding-bottom: 10px; width: 556px; float: left }
#enportada_img    { background: #ffffff; text-align: left; margin: 1px; padding: 1px; width: 110px; float: left; border: solid 1px #4e4e4e}
#enportada_txt  { text-align: left; padding-left: 15px; width: 412px; float: left }
#enportada_txt h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }


#vermas   { text-align: right; width: 412px; float: left }
#vermas2   { text-align: right; width: 170px; float: left }

#line   { width: 100%; float: left; border-top: 1px dashed #9B9B9B;}
.spc { height: 5px }
.cita  { color: #5d5b46; font-size: 9px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-align: center; margin: 0; padding: 0; position: relative; top: -2px }
.piedefoto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
}
.piedefoto a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF6600;
	text-decoration: none;
}