body
{
   margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
}

td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}

hr
{
   color: #b45d16;
}
/* ----------------------------- Contenedores ---------------------- */

#container
{
   background-color:#818689; /* #818689;   */
}

#container2
{
   background-color: #818689; /* #bcbfc0;*/
   margin-right: 200px;
}
/*---------------------------- Header ---------------------- */

#header
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 184px;
   background-image: url(images/HeaderSlice.jpg);
}

#header2
{
   padding: 0px;
   margin: 0px;
   width: 780px;
   height: 184px;
   background-image: url(images/Header.jpg);
}
/*---------------------------- HeaderMenu ---------------------- */

#headermenu
{
   position: relative;
   top: 153px;
   left: 200px; /*   245px  */
   width: 600px; /*   700px  */
   padding: 2px 2px 2px 2px;
}

.headermenulink
{
   font-family:Impact;
   font-size: 14px;
   text-transform: uppercase; 
   overflow:auto;        
}

.headermenulink a
{
   text-decoration: none;
   color: White ; /*#003399     */
   overflow:auto; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color:#FFFF99; 
   overflow:auto; 
}

/*---------------------------- BreadCrumbs ---------------------- */
#breadcrumb
{
   background-color: #EbEBEB; /* 706a6a,202020, #EbEBEB */
   color: #003366; /*White     */
   padding: 3px;
   font-size: 12px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: #003366; /*    Yellow  */
}

/* ----------- Footer Menu -------------------- */
#footermenu
{
   text-align: center;
   padding-top: 11px;            
}
.footermenulink a:hover
{
   text-decoration: underline overline;
   color:Orange; 
}
#footertext
{
   text-align: center;
   padding-top: 0px;            
}
.footermenulink
{
   font-family: Arial, Serif;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color:White; 
}


/*---------------------------- BanerBox---------------------- */

#bannerbox
{
    position:relative;
   border: dashed 2px #003366;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: center;
   background-color: White;
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: White; 
}
/*---------------------- LoginBox ---------------------*/
#loginbox
{
   position: absolute;
   top: 5px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
   color:White;
}

#loginbox a
{
    color:White;
}

#loginbox input
{
   color: red;
   border-color: red;
   background-color: #EBEBEB;/*   f7d582 */
   font-size: 10px;
}

#welcomebox
{
   font-size: 12px;
   text-align: right;
}
#welcomebox a
{
    color:white;
}

/*----------------------------- SearchBox ---------------------*/

#searchbox
{
   position: absolute;
   text-align: right;
   top: 116px; /*top: 153px;*/
   right: 8px;/*   right: 170px; left:200px*/
   width: 200px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}
/*---------------------------------- Selector de Temas ----------------- */

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
   color:White;
}

#themeselector select
{
   color:green;
   background-color:white; /* #e1e1e1; */
   font-size: 10px;
}

/* ---------------- Capa del Footer (contenedor) ------------------- */
#footer
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 60px;
   background-image: url(images/FooterSlice.jpg);
   visibility: hidden;
   color:White;
}

 /*---------------------------------- Columna Izquierda ----------------- */
        
#leftcol
{
   position: absolute;
   top: 184px;
   left: 0px;
   width: 198px;
   background-color: #FFFFCC ;/* #FFFFCC  */
   font-size: 10px;
   color: #666666; /*White */
}   

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
   
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color:#e1e1e1 ; /* Colores: #FFFF66, e1e1e1, */
   text-align: justify;
   
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #EbEBEB;/* #818689, #ffCC66    */
   color: #003366; /* white, 000066, #706a6a, 818689 */
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#leftcol a
{
   color: #003366;
}

/* ----------------------- Columna Central ------------------- */

#centercol
{
   position: relative;
   margin-left: 200px;
   padding: 0px;
   background-color: white;
   
}

#centercolcontent
{
   padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}
/* ------------------ Columna Derecha ------------------- */

#rightcol
{
   position: absolute;
   top: 184px;
   right: 0px;            
   width: 198px;
   color: #666666;
   background-color: #FFFFCC;
   font-size: 10px;
}

#rightcol a
{
   color: #003366;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color:#EbEBEB; /* CC9966,  706a6a, FFCC66    */
   color: #003366; /* 706a6a, f7b76b   */
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}
/* ---------------------------------------- Highlight ----------------- */
.highlight
{
   background-color: #EBEBEB; /*#fefbd2;   */
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #faf0de;
}

.highlightcountry
{
   background-color: #818689;
}
/* ------------------------------- Articulos ----------------- */
.articlebox
{
   background-color: white;/* #EFEDED; */
   color: #003366;
   border: dashed 1px #003366;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #003366;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}
/* ----------------------------- Eventos ---------------------- */
.eventbox
{
   background-color: white;/* #EFEDED; */
   color: #003366;
   border: dashed 1px #003366;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.smalleventlist
{
   color: #003366;
   padding: 2px 2px 2px 2px;
   font-size: 9pt;
}

.eventtitle
{
   font-size: 18px;
   font-weight: bold;
   color: #003366;
   text-decoration: none;
}

.eventabstract
{
   padding-top: 6px;
}
.eventrange
{
    font-weight:bold;
    color:Red;
}
/* ---------------------------------- Comentario ----------------- */
.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

/* ---------------------------------------- Sondeos ----------------- */
.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}
/* ------------------------------------- Barra de Progreso ----------------- */
.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}
/* ---------------------------------------- Caja de Boletin ----------------- */
.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}
/* ---------------------------------------- Foros y posts ----------------- */
.postinfo
{
   background-color: #faefbe;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: Silver;
   color: White;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}
/* ---------------------------------------- Carro de la compra ----------------- */
.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}