/* invisible para IE mac \*/
body {
 background-image: url(../images/trama2.gif);
 }
/* fin invisible para IE mac */
body {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:100%;
 color:#333333;
 background-color:#FFFFFF;
 /*margin:0; */
 padding:0;
 min-width:770px;
}

#caja {
 width: 770px;
 margin: 0 auto;
 padding: 0;
 height: 100%;
 text-align: left;
}
/* ----- Cabecera y Logo */
#cabecera {
 background-color:#0066CC;
 background-image:url(../images/Hitoria.gif);
 background-position:bottom right;
 background-repeat:no-repeat;
}

#cabecera_C {
 background-color:#0066CC;
 background-image:url(../images/cultos.gif);
 background-position:bottom right;
 background-repeat:no-repeat;
}

#cabecera_f {
 background-color:#0066CC;
 background-image:url(../images/ocio.gif);
 background-position:bottom right;
 background-repeat:no-repeat;
}

#divLogo {
 width: 770px;
 height: 64px;
}
/* invisible para IE mac \*/
#divLogo img{float: left;}
/* */

/* -------------- Pie */
#Separador {
 background-color: #FF9933;
 background-image:url(../images/espacio.gif);
}

#Separador_c {
 background-color: #CC0000;
 background-image:url(../images/espacio.gif);
}

#Separador_f {
 background-color: #33FF66;
 background-image:url(../images/espacio.gif);
}

#divSeparador {width: 770px; height: 5px;}


/* ----- Cuadro */
#divExterna{
 margin: 0px auto 0 auto;
 padding: 0;
 width: 770px;
 background-color:#0066CC;
}
#divInterna{
 background-color:#0066CC;
}

.limpiarlo {
 clear:both;
 height: 0;
 line-height:0.0;
 font-size:0;
}
 
p {margin: 12px 0;}
h1, h2, h3 {
 font-size: 1.5em;
 margin: 0;
}
h2, h3 {
 margin: 30px 0 0 0;
}

div.recuadro { background-color: #FFFFCC;   border : 1px solid; padding: 0 12px 0 12px;}

/* -------- Menus */

#divMenus {
 background-color:#0066CC;
 padding: 3px 1px 3px 2px;
 font-size: 0.8em;
 width: 127px;
 float:left; 
}

#divMenus ul li {
 display: block;
 background-color:#CCCCCC;
 color:#000000;
 font-weight:bold;
}
#divMenus ul, #menuItems li {
 width: 125px;
 margin: 0;
 padding: 0;
 list-style-type:none;
}
#menuItems a {
 display: block;
 background-color: #0099CC;
 color: #ECE9D8;
 border: 1px solid;
 border-color: #0066CC #0066CC #0066CC #0066CC;
 padding: 2px 6px;
 text-decoration: none;
 font-weight: normal;
}
#menuItems a:hover, #menuItems a:active, #menuItems a:focus {
 background-color: #333333;
 color: #FFFFFF;
 border-color: #333333 #000000 #000000 #333333;
 filter: alpha(opacity=75);
 opacity: 0.75;
}
/* -------------- Contenido */
#cajaPrincipal {
 width: 640px;
 float:left;
}
#contenidoPrincipal {
 font-size:0.8em;
 line-height: 1.75em;
 padding: 0 24px 20px 32px;
 background-color:#FFFFFF;
}

#contenidoPrincipal img { padding:2em 0 2em 0;}

/* ---------------- Navegar */
div.barraNavegar { 
 background-color: #FFFFFF; 
 margin: 0;
 padding: .5em 0 .5em 0; 
 text-align: center; 
 border-top : 1px solid Black; 
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size : 1em; 
}

div.barraNavegar a:link { background-color: #00CCFF; color: black; text-decoration: none }
div.barraNavegar a:visited { background-color: #00CCFF; color: black; text-decoration: none }
div.barraNavegar a:hover { background-color: #FFFFCC; color: black; text-decoration: underline }
div.barraNavegar a:active { background-color: #00CCFF; color: black; text-decoration: underline }


/* -------------- Pie */
#PiePagina {
 background-color: #0066CC;
 color: #FFFFFF;
 filter: alpha(opacity=75);
 opacity: 0.75;
}
#divPie {width: 770px;}
#contenidoPie {
 padding: 12px;
 font-size: 0.75em;
}

/* ------------- Enlaces */
#contenidoPrincipal a:link {color: #0000FF;}
#contenidoPrincipal a:visited {color: #993300;}
#contenidoPrincipal a:hover, #contenidoPrincipal a:active, #contenidoPrincipal a:focus {
 background-color: #4A4A4A;
 color: #CCCCCC;
 text-decoration: none;
}
#contenidoPie a:link {color: #ffffff;}
#contenidoPie a:visited {color: #ABABAB;}
#contenidoPie a:hover, #contenidoPie a:active, #contenidoPie a:focus {
 color: #ffff00;
}


/* ------------- Nuevo */

.mostrarlo {
display: block;
}
.esconderlo {
display: none;
}

p.navButs {
 display: block;
 background-color:#CCCCCC;
 color:#000000;
 font-weight:bold;
 margin: 0;
 padding: 0;
}

p.navSubs {
 width: 125px;
 margin: 0;
 padding: 0;
 list-style-type:none;
}

p.navButs a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	color: #000000;
	border-top: 1px solid #0066cc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #0066cc;
	border-left: 1px solid #cccccc;
}

p.navButs a:hover, p.navButs a:active, p.navButs a:focus {
 background-color: #333333;
 color: #FFFFFF;
}


p.navSubs a {
 display: block;
 background-color: #0099CC;
 color: #ECE9D8;
 border: 1px solid;
 border-color: #0066CC #0066CC #0066CC #0066CC;
 padding: 2px 6px;
 text-decoration: none;
 font-weight: normal;
}
p.navSubs a:hover, p.navSubs a:active, p.navSubs a:focus {
 background-color: #333333;
 color: #FFFFFF;
 border-color: #333333 #000000 #000000 #333333;
 filter: alpha(opacity=75);
 opacity: 0.75;
}