@charset "utf-8";

BODY {
background: #b8b8b8;
margin: 15px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
color:#333333;
text-align:justify;
}

/* ---------- ESTRUCTURA GENERAL --------- */

h1 {
color: #ffba00;
font-size: 18px;
}

#contenedor {
width: 930px;
height:auto;
margin: 0px auto;
background: url(../images/base-cuerpo.jpg) repeat-y;
}

#top {
width: 930px;
height: 150px;
background: #feda09;
margin: 0px;
padding: 0px;
}

#tap {
width: 930px;
height: 150px;
background: #000000;
margin: 0px;
padding: 0px;
}

#interior {
width: 930px;
height:auto;
padding: 0px;
margin: 0px;
float:left;
background: url(../images/base-cuerpo.jpg) repeat-y;
}

#contenido {
width: 620px;
padding: 5px 0px 5px 15px;
margin: 0px;
float: left;
}

#bottom {
width: 930px;
height: 11px;
background: #444444 url(../images/bottom.jpg) no-repeat;
float:left
}

#lateral {
width: 295px;
height: auto;
margin: 0px;
padding: 0px;
float: right;
}

/* ---------- FIN ESTRUCTURA GENERAL ---------- */

/* ---------- MDULO LATERAL ----------*/

#mod-lateral {
width: 275px;
height: auto;
padding-left: 10px;
padding-right: 5px;
padding-top: 10px;
margin: 0px;
}

#mod-lateral .superior {
width: 275px;
height: 26px;
background: #f2e01a url(../images/mod-top.png) bottom no-repeat;
margin: 0px;
padding: 0px;
}

#mod-lateral .cuerpo {
width: 275px;
height: auto;
background: #f2e01a url(../images/mod-base.png) repeat-y;
padding: 0px;
margin: 0px;
}

#mod-lateral .inferior {
width: 275px;
height: 29px;
background: #f2e01a url(../images/mod-bottom.png) top no-repeat;
padding: 0px;
margin: 0px;
}

#mod-lateral .interior {
width: 230px;
height: auto;
padding: 5px 10px 5px 25px;
margin: 0px;
}

#mod-lateral h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color: #222222;
}

#mod-lateral h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color: #444444;
text-align:center;
font-stretch:condensed
}

/* ---------- FIN MDULO LATERAL ---------- */

/* ---------- MEN ---------- */

#mod-menu {
background:#444444 url(../images/fondo-menu.jpg);
width: 910px;
height:34px;
padding: 0 5px;
margin: 0px auto;
}

.menu {
padding:0 0 0 5px;
margin:0;
list-style:none;
height:34px;
background:#444444 url(../images/fondo-menu.jpg);
position:relative;
border-width:0 1px;
}

.menu li {
float:left;
}

.menu li a {
display:block;
float:left;
height:34px;
line-height:35px;
color:#f2e01a;
text-decoration:none;
font-size:11px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 10px 0 10px;
cursor:pointer;
}

.menu li a b {
float:left;
display:block;
padding:0 6px 0 6px;
}

.menu li a:hover {
color:#f2e01a;
background:#555555 url(../images/menu-over.png);
}

.menu li a:hover b {
background:url(../images/menu-over.png) no-repeat right top;
}

/* ---------- FIN MENU ---------- */

/* ---------- MDULO INFERIOR ---------- */

#mod-inferior {
width: 930px;
height: 75px;
padding-top: 0px;
margin: 0px;
float: left
}

#mod-inferior .izquierda {
background: #f2e01a url(../images/inf-izq.png) top right no-repeat;
width: 20px;
height: 75px;
float: left;
}

#mod-inferior .derecha {
background: #f2e01a url(../images/inf-der.png) top left no-repeat;
width: 20px;
height: 75px;
float:left;
}

#mod-inferior .central {
width: 890px;
height: 75px;
background: #f2e01a url(../images/base-inferior.png) repeat-x;
float: left
}

#mod-inferior .central-interior {
padding: 15px 8px;
}

#mod-inferior .minimizado {
font-size: 8pt;
}

/* ---------- FIN MDULO INFERIOR ---------- */

/* ---------- BOTN ---------- */

.bot-1 {
width: 10px;
height: 45px;
background: #f2e01a url(../images/boton-1.png) right no-repeat;
}

.bot-2 {
height: 43px;
background: #f2e01a url(../images/boton-2.png) repeat-x;
padding-top: 2px
}

.bot-2 a {
color: #333333;
text-decoration:none;
}

.bot-2 a:hover {
color: #666666;
text-decoration:none;
}

.bot-3 {
width: 10px;
height: 45px;
background: #f2e01a url(../images/boton-3.png) left no-repeat;
}

/* ---------- FIN BOTN ---------- */

/* ---------- POP UP ---------- */

#contenedor-ventana {
width: 720px;
height: auto;
margin: 0px auto;
padding: 0px;
}

#top-ventana {
width: 720px;
height: 68px;
background: url(../images/top-ventana.png) top no-repeat;
margin: 0px;
padding: 0px;
}

#cuerpo-ventana {
width: 720px;
height: auto;
background: #ffffff url(../images/base-ventana.png) repeat-y;
padding: 0px;
margin: 0px;
}

#bottom-ventana {
width: 720px;
height: 14px;
background: url(../images/bottom-ventana.png) top no-repeat;
margin: 0px;
padding: 0px;
}

.int-top-ventana {
width: 695px;
padding-top: 15px;
padding-left: 25px
}

.int-top-ventana h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333333;
}

.int-cuerpo-ventana {
width: 690px;
padding: 15px
}

.bot-ventana-1 {
width: 10px;
height: 60px;
background: #444444 url(../images/bot-ventana-1.png) right no-repeat;
}

.bot-ventana-2 {
height: 60px;
background: #444444 url(../images/bot-ventana-2.png) repeat-x;
padding-top: 0px;
text-align:center
}

.bot-ventana-2 a {
color: #ffd200;
text-decoration:none;
}

.bot-ventana-2 a:hover {
color: #cccccc;
text-decoration:none;
}

.bot-ventana-3 {
width: 10px;
height: 60px;
background: #444444 url(../images/bot-ventana-3.png) left no-repeat;
}

/* ---------- FIN POP UP ---------- */