/*
Hoja de estilo - www.iglifo.com
Realizada por: Carlos Emilio Ruiz Llaven
*/
*{
margin: 0;
padding: 0;
}
body{
background-color: black;
}
#contenedor{
background: #ffde5b url(imagenes/bg.jpg) repeat-x;
padding-bottom: 20px;
}
#pagina{
margin: 0 auto;
text-align: center;
width: 800px;
}
#encabezado{
margin: 0 auto;
text-align: center;
background: transparent url(imagenes/logo.jpg) no-repeat;
width: 800px;
height: 98px; 
}
#encabezado span{
display: none;
}
/* FORMATEO DE MENU */
#menu{
width: 900px;
margin: 0 auto;
text-align: center;
color: #666633;
margin-top: 10px;
margin-bottom: 15px;
}
#menu a{
color: #1c1c00;
text-decoration: none;
}
#menu a:hover{
border-bottom: solid 3px #666633;
}
#menu .menulevel1 li{
text-align: center;
background: transparent url(imagenes/menu_division.jpg) no-repeat right;
display: inline;
list-style-type: none;
padding-right: 13px;
padding-left: 13px;
}
#menu .menulevel1 ul{
padding-top: 25px;
}
#menu .menulevel2{
text-align: right;
position: absolute;
top: 150px;
right: 94px;
width: 200px;
background: #99cc66 url(imagenes/bg_submenu.jpg) no-repeat top;
border: solid 2px white;
}
#menu .menulevel2 ul{
padding-top: 1px;
}
#menu .menulevel2 li{
margin-top: 5px;
margin-bottom: 10px;
text-align: right;
background-image: none;
display: list-item;
}
#menu .menulevel3 li{
margin-top: 1px;
border: none;
}
/* CONTENIDO */
#contenido{
text-align: justify;
margin-bottom: 100px;
}
#contenido img{
padding: 5px;
margin: 10px;
border: solid 1px gray;
background-color: white;
float: right;
}
#subcontenido{
text-align: justify;
width: 600px;
}
/* SUBMENU */
#submenu{
margin-top: 20px;
}
#submenu li{
margin-left: 20px;
margin-top: 5px;
}
/* SPLASH */
#splash img{
padding: 0; 
margin: 0;
border: none;
float: none;
background-color: transparent;
}
.cuadro{
float: left;
width: 223px;
padding: 20px;
}
.cuadro h2{
display: none;
}
.cuadro2 h2{
display: none;
}
.cuadro2{
float: left;
width: 400px;
padding: 20px;
}
#menu_recorridos{
background: transparent url(imagenes/menu_recorridos.jpg) no-repeat;
height: 55px;
width: 184px;
}
#menu_servicios{
background: transparent url(imagenes/menu_servicios.jpg) no-repeat;
height: 55px;
width: 163px;
}
#menu_descargas{
background: transparent url(imagenes/menu_descargas.jpg) no-repeat;
height: 55px;
width: 174px;
}
#menu_jaimesabines{
background: transparent url(imagenes/menu_jaimesabines.jpg) no-repeat;
height: 60px;
width: 182px;
}
#paisaje_sonoro{
background: transparent url(imagenes/menu_paisaje_sonoro.jpg) no-repeat;
height: 60px;
width: 218px;
}
#promocion img{
float: left;
margin: 10px;
padding: 5px;
background-color: white;
border: solid 1px gray;
}
/* SITE MAP */
.sitemaplevel1 li{
margin-left: 40px;
margin-bottom: 0px;
}
.sitemaplevel2 li{
margin-left: 20px;
margin-bottom: 2px;
}
.sitemaplevel3 li{
margin-left: 40px;
margin-bottom: 2px;
}
/* PIE */
#pie{
clear: both;
text-align: center;
background: #1c1c00 url(imagenes/bg_pie.jpg) repeat-x;
padding-bottom: 20px;
}
#pie a{
color: white;
text-decoration: none;
}
#pie a:hover{
border-bottom: solid 2px white;
}
#pie span{
display: none;
}
#pie #leyenda{
width: 800px;
margin: 0 auto;
text-align: center;
background: transparent url(imagenes/bg_leyenda.jpg) no-repeat top;
width: 777px;
height: 35px;
margin-bottom: 18px;
}
/* FUENTES */
#contenido{
color: #1d1b02;
font-family: "trebuchet ms", helvetica, sans-serif;
font-size: 14px;
line-height: 1.5;
}
#contenido h1, h2, h3{
color: black;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
#contenido h1{
letter-spacing: 10px;
border-left: solid 15px #4f8100;
border-bottom: solid 1px #4f8100;
padding-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
}
#contenido ul{
margin-left: 20px;
margin-top: 5px;
}
#submenu h4{
font-size: 20px;
color: #2a2a0e;
}
#menu {
font-size: 17px;
font-weight: bold;
font-family: "trebuchet ms", helvetica, sans-serif;
}
#menu .menulevel1{
font-size: 16px;
}
#menu .menulevel2{
font-size: 12px;
}
#menu .menulevel3{
font-size: 11px;
}
#searchbox .text{
font-size: 11px;
}
#searchbox .submit{
font-size: 11px;
color: #efead7;
}
.cuadro, .cuadro2{
font-size: 11px;
line-height: 1.8;
}
#pie{
color: white;
font-family: "trebuchet ms", helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
/* HERRAMIENTAS */
#herramientas{
padding-top: 40px;
padding-left: 480px;
}
#herramientas img{
border: none;
}
#searchbox{
width: 240px;
float: left;
}
#searchbox .text{
border: none;
background: transparent url(imagenes/text_searchbox.jpg) no-repeat;
width: 150px;
height: 14px;
padding-left: 2px;
}
#searchbox .submit{
border: none;
background: transparent;
width: 40px;
}
#mapa_sitio{
width: 40px;
float: left;
}
#imprimir{
width: 40px;
float: left;
}
/* OTROS */
blockquote{
padding: 10px 20px 10px 60px;
border: solid 1px black;
background: #ffcf3f url(imagenes/aviso.jpg) no-repeat;
}
.print{
background-color: white;
}
.retrieve{
background-color: white;
}
.edit{
background: white;
font-size: 10px;
width: 620px;
}
.edit td{
border: solid 1px gray;
}
.limpiar{
clear: both;
}
/* IGLIFO */
#iglifo{
color: white;
background-color: black;
font-family: "trebuchet ms", helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
text-align: right;
}
#iglifo a{
color: white;
text-decoration: none;
}
#iglifo a:hover{
border-bottom: solid 2px white;
}