@charset "UTF-8";
/* CSS Document */

#nojs {background: #FF9933; text-align:center; padding: 5px 0; FONT-FAMILY: Arial, Geneva, Verdana, sans-serif; FONT-SIZE: 12px; LINE-HEIGHT: 14px;}

/* LAYOUT*/
/* BASICO */
.xxx {min-height:530px; min-width:530px;}

#container {position: absolute; top: 50%; width: 100%; height: 1px; overflow: visible; !important;}
#subcontainer {position: absolute; min-height:530px; min-width:530px; left: 50%; width: 530px; height: 530px; top: -265px;  background-image: url(mainbg.jpg); background-repeat:no-repeat; overflow: visible;}

#subcontainer {margin-left: -265px;}

/* CABECERA */
#header {position: relative; min-width:488px; min-height:222px; margin-left: 21px; margin-top:21px; width: 488px; height: 222px; background-color:#666; !important;}

/* MENU PRINCIPAL */
#mainnav {position:relative; min-width:488px; min-height:22px; margin-left: 21px; margin-top:0; width: 488px; height: 22px; z-index: 9998; overflow:hidden;}

#mainnav #global { margin: 0; padding: 0; position:relative; min-width:488px; min-height:22px; margin-left: 0px; margin-top:0; width: 488px; height: 22px;}
#mainnav #global li { display: inline; }
#mainnav #global li a { float: left; width: 122px; height: 0; padding-top: 22px; overflow: hidden; }
#mainnav #global li a { background-image: url(mainnav.png); background-repeat: no-repeat; } /* _background-image: url(mainnav.png); */

/* BUTTONS */
#mainnav #global li#gn-ini a { background-position: 0 0; }
#mainnav #global li#gn-pre a { background-position: -122px 0; }
#mainnav #global li#gn-obj a { background-position: -244px 0; }
#mainnav #global li#gn-con a { background-position: -366px 0; }

/* OVER STATES */
#mainnav #global li#gn-ini a:hover { background-position: 0 0; cursor:default; }
#mainnav #global li#gn-pre a:hover { background-position: -122px -25px; }
#mainnav #global li#gn-obj a:hover { background-position: -244px -25px; }
#mainnav #global li#gn-con a:hover { background-position: -366px -25px; }

/* PRESSED STATES */
#mainnav #global li#gn-ini a:active { background-position: 0 0; cursor:default; }
#mainnav #global li#gn-pre a:active { background-position: -122px -50px; }
#mainnav #global li#gn-obj a:active { background-position: -244px -50px; }
#mainnav #global li#gn-con a:active { background-position: -366px -50px; }

/* ON STATES */
#mainnav.ini #global li#gn-ini a:hover { background-position: 0 0; cursor: default; }
#mainnav.pre #global li#gn-pre a { background-position: -122px -75px !important; }
#mainnav.obj #global li#gn-obj a { background-position: -244px -75px !important; }
#mainnav.con #global li#gn-con a { background-position: -366px -75px !important; }


/* SUBMENU S1 */
#subnav {position:relative; min-width:488px; min-height:22px; margin-left: 21px; margin-top:0; width: 488px; height: 22px; background-color:#ff3201; overflow:hidden;}

#subnav #pre { margin: 0; padding: 0; position:relative; min-width:488px; min-height:22px; margin-left: 122px; margin-top:0; width: 488px; height: 22px;}
#subnav #pre li { display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#subnav #pre li a { float: left; width: auto; height: 22px; padding-top:5px; padding-left: 11px; padding-right:11px; color: #661501; text-decoration:none; background-image:url(bullet-of.gif); background-repeat:no-repeat; background-position: 0px 7px;}

#subnav #pre li a:hover {color: #FFFFFF; background-image:url(bullet-ov.gif); background-repeat:no-repeat; background-position: 0px 7px !important;}
#subnav #pre li a:active {color: #FFFFFF; background-image:url(bullet-on.gif); background-repeat:no-repeat; background-position: 0px 7px !important;}

#subnav #pre li.activo a {color: #FFFFFF; background-image:url(bullet-on.gif); background-repeat:no-repeat; background-position: 0px 7px !important;}

/* SUBMENU S2 */
#subnav #obj { margin: 0; padding: 0; position:relative; min-width:488px; min-height:22px; margin-left: 74px; margin-top:0; width: 488px; height: 22px;}
#subnav #obj li { display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#subnav #obj li a { float: left; width: auto; height: 22px; padding-top:5px; padding-left: 11px; padding-right:11px; color: #661501; text-decoration:none; background-image:url(bullet-of.gif); background-repeat:no-repeat; background-position: 0px 7px;}

#subnav #obj li a:hover {color: #FFFFFF; background-image:url(bullet-ov.gif); background-repeat:no-repeat; background-position: 0px 7px !important;}
#subnav #obj li a:active {color: #FFFFFF; background-image:url(bullet-on.gif); background-repeat:no-repeat; background-position: 0px 7px !important;}

#subnav #obj li.activo a {color: #FFFFFF; background-image:url(bullet-on.gif); background-repeat:no-repeat; background-position: 0px 7px !important;}

/* CONTENIDOS */
#m-cont {position:relative; min-width:488px; min-height:222px; margin-left: 21px; margin-top:0; width: 488px; height: 222px;  background-color:#FFFFFF;}

/* 3 COLUMNS */
#l-col3 {position:relative; width:122px; height:222px; background-color:#FFFFFF;}
#c-col3 {position:relative; margin-top:-217px; margin-left:122px; width:330px; height:212px; padding-top:0px; background-color:#FFFFFF; clip:rect(0 330px 222px 0); z-index:2; visibility: visible; overflow:hidden;}
#r-col3 {position:relative; margin-top:-217px; margin-left:452px; width:36px; height:222px; background-color:#FFFFFF;}


#l-col4 {position:relative; width:2px; height:222px; background-color:#FFFFFF;}
#c-col4 {position:relative; margin-top:-217px; margin-left:2px; width:450px; height:212px; padding-top:0px; background-color:#FFFFFF; clip:rect(0 450 222px 0); z-index:2; visibility: visible; overflow:hidden;}
/* 2 COLUMNS */
#c-col2 {position:relative; margin-top:-222px; margin-left:122px; width:356px; height:212px; padding-top:5px; padding-right:10px; background-color: #FFFFFF;}

/* 1 COLUMN FOR MAPS */
#l-col1 {position:absolute; width:488px; height:445px; margin-left:21px; background-color:#FFFFFF;}

/* CONTENTS CLASSES */
.txt { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; text-align:justify; color:#666666;}
.titulo { padding-left:35px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF3300; font-size:12px; line-height:26px; text-align:left; font-weight:bold; }
.titulo2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF3300; font-size:12px; line-height:26px; text-align:left; font-weight:bold; }

#footer { position:relative; text-align:center; padding-top:15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#661501;}
#footer-map { position:relative; text-align:center; padding-top:454px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#661501;}

body { background-color: #ff3201;}