/*************/
/* PRINCIPAL */
/*************/
#main{left:0;width:100%;min-width:800px}
* html #main{width:800px}
.contenedor{margin:0 auto;width:800px;text-align:left;position:relative}
#loading{position:fixed;left:0;top:0;right:0;bottom:0;background:white url(img/loading.gif) center center no-repeat;z-Index:99;display:none}
#subloading{position:absolute;left:0;top:0;right:0;bottom:0;background:white url(img/loading.gif) center center no-repeat;z-Index:99;display:none}
#waiting{position:fixed;left:0;top:0;right:0;bottom:0;cursor:wait;display:none;z-Index:999;background:white}

/*********/
/* DEBUG */
/*********/
#debug{float:left;position:absolute;left:0;top:0;width:200px;height:200px;background:black;border:1px solid white;color:white;text-align:left;padding:10px;overflow:scroll;z-Index:1000;font-size:7.5pt;display:none}

/************/
/* CABECERA */
/************/
#contenedor_cabecera{z-Index:1;height:120px}
#cabecera{height:120px;clear:both;min-width:800px}
* html #cabecera{width:800px}
#cabecera img{margin:10px 5px 0 15px;float:left;margin-bottom:0}
#frames div{float:left;width:100px;height:100px;margin:10px 5px;border:1px solid #006a5e;opacity:0.75}

/********/
/* MENU */
/********/
#contenedor_menu{z-Index:1;height:25px}
#menu{background:url(img/bgmenu.png) repeat-x bottom;height:25px;clear:both;min-width:800px}
* html #menu{width:800px}
#menu ul{float:right;list-style:none;font-size:8.5pt}
#menu li{float:left;width:85px;line-height:25px;text-align:center;text-transform:uppercase;font-weight:bold;margin-right:1px}
#menu li{background:url(img/btnmenu_off.png) no-repeat left bottom}
#menu li:hover{background:url(img/btnmenu_on.png) no-repeat left bottom}
#menu li.clicked{background:url(img/btnmenu_on.png) no-repeat left bottom}
#menu li.clicked a{color:#006a5e}
* html #menu li.menuover{background:url(img/btnmenu_on.png) no-repeat left bottom}
#menu a{text-decoration:none;color:#4a5050;height:100%;width:100%;display:block}
#menu a:hover{color:#006a5e}
#menu p{float:left;margin:5px 5px 0 10px;color:white;line-height:20px;text-transform:uppercase;letter-spacing:4pt;font-size:8pt} 

/***********/
/* SUBMENU */
/***********/
#contenedor_submenu{z-Index:2;height:35px}
#submenu{background:url(img/bgsubmenu.png) repeat-x;height:35px;clear:both;min-width:800px}
* html #submenu{width:800px}
#submenu a{color:#4a5050;text-decoration:none;font-weight:bold}
#submenu a:hover{color:#006a5e}
#submenu ul{margin-left:5px;list-style:none;font-size:8pt}
#submenu li{float:left;border-right:1px dotted #cecece;text-transform:lowercase;font-weight:bold;line-height:15px;padding:0 5px;margin:10px 0;position:relative}
#submenu li.clicked a{color:#006a5e}
#submenu li ul{display:none;position:absolute;top:100%;left:0;width:175px;background:white;margin:0}
#submenu li li{position:relative;background-color:white;border:1px dotted #cecece;width:100%;padding:5px 20px;margin:0}
#submenu li:hover ul{display:block}
* html #submenu li.menuover ul{display:block}

/**********/
/* CUERPO */
/**********/
#contenedor_cuerpo{z-Index:1;min-height:400px;background:white url(img/bg.png) no-repeat bottom right}
* html #contenedor_cuerpo{height:400px}
#cuerpo{min-height:400px;clear:both;min-width:800px;position:relative} 
* html #cuerpo{height:400px;width:800px}

#favoritos{float:left;margin:5px 5px;width:300px}
#favoritos ul{float:left;width:300px;list-style:none;font-size:7pt}
#favoritos li{float:left;text-transform:lowercase;line-height:15px;margin:1px}
#favoritos a{text-decoration:none;font-weight:bold}
#favoritos a:hover{text-decoration:underline}

#idiomas{float:right;margin:5px 5px;width:150px}
#idiomas ul{float:right;list-style:none;font-size:7pt}
#idiomas li{float:left;padding:0 10px;border-left:1px dotted #cecece;text-transform:lowercase;line-height:15px}
#idiomas li.espanol{background:url(img/espana.png) no-repeat left center}
#idiomas li.ingles{background:url(img/english.png) no-repeat left center}
#idiomas a{padding-left:20px;text-decoration:none;font-weight:normal}
#idiomas a:hover{text-decoration:underline}

#nav{position:absolute;right:5px;bottom:10px;width:750px}
#nav ul{float:right;list-style:none;font-size:7pt}
#nav li{float:left;text-transform:lowercase;line-height:15px;margin:1px}
#nav a{text-decoration:none;font-weight:bold}
#nav a:hover{text-decoration:underline}

#cuerpo h1{margin:0px 5px 10px 330px;padding-top:20px;font-weight:normal;text-transform:uppercase;letter-spacing:2.5pt} 
#cuerpo img{float:left;margin-left:5px}
#ilust{background:url(img/loading.gif) center center no-repeat}

#texto{margin:0 10px 0 325px;padding-bottom:20px}
#texto p{margin:5px 5px;font-size:8.5pt;line-height:12pt;letter-spacing:0.1pt}
#texto a{font-weight:bold}
#texto h1{margin:10px 5px}
#texto h2{margin:9px 5px}
#texto h3{margin:7px 5px}
#texto h4{margin:5px 5px}
#texto ul{}
#texto li{margin:5px 5px 5px 30px;font-size:8.5pt;line-height:12pt;letter-spacing:0.1pt} 
#texto table{margin-top:10px}
#texto td{padding:0 15px 0 10px;text-transform:uppercase}

#logos{position:absolute;width:320px;left:0;top:50px}
#logos img{float:left;margin:1px 20px;width:100px}

#thumbs_{margin:5px 20px;padding:0}
#thumbs_ tr{padding:0}
#thumbs_ td{padding:1px}
#thumbs_ img{float:none;border:1px solid #006a5e;padding:1px;margin:2px}
#thumbs_ a{display:block}
#thumbs_ a:hover img{border:2px solid #006a5e;margin:1px}
#thumbs_ a.clicked img{border:2px solid #006a5e;margin:1px}

/************/
/* MENUPIE */
/************/
#contenedor_menupie{z-Index:1;height:25px}
#menupie{background-color:#e2e2e2;height:25px;border-bottom:1px solid #aaaaaa;clear:both;text-align:right;min-width:800px}
* html #menupie{width:800px}
#menupie ul{float:right;margin-right:5px;list-style:none;font-size:7pt;line-height:25px}
#menupie li{float:left;text-transform:lowercase;margin:0 1px 0 1px}
#menupie a{text-decoration:none;font-weight:bold}
#menupie a:hover{text-decoration:underline;border:none}

/************/
/* PIE */
/************/
#contenedor_pie{z-Index:1;height:75px}
#pie{height:60px;clear:both;min-width:800px} 
* html #pie{width:800px}
#pie p{text-align:center;color:#909090;line-height:8pt;margin:10px}
#pie a{text-decoration:none;font-weight:bold}
#pie a:hover{text-decoration:underline}
#pie img.htmlv_icon{float:left;margin:10px; width: 66px }
#pie img.cc_icon{float:right;margin:10px; width: 66px }


