/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
    font-family: Arial,sans-serif;
    color: #000000;
    line-height: 1.066; 
    margin: 0px;
    padding: 0px;
    scrollbar-face-color:#5C738B; 
    scrollbar-highlight-color:#7B90A8; 
    scrollbar-3dlight-color:#777777; 
    scrollbar-darkshadow-color:#7B90A8; 
    scrollbar-shadow-color:#7B90A4; 
    scrollbar-arrow-color:#777778; 
    scrollbar-track-color:#7B90A4; 
}

a{
    color: #00cccc;
     font-size: 90%;
    text-decoration: none;
}

a:link{
    color: #0a0a0a;
    text-decoration: none;
}

a:visited{
    color: #006699;
    text-decoration: none;
    
}

a:hover{
    color: #006699;
    text-decoration: underline;

}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#tabela_principal {
    BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: #cccccc 1px solid; WIDTH: 778px; PADDING-TOP: 0px
}

#masthead{
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid # 909090;
}

#navBar{
    float: left;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee;
    border-right: 1px solid # 909090;
    border-bottom: 1px solid #eccccc;
}

#headlines{
  float:right;
    width: 20%;
    border-left: 1px solid # 909090;
    border-bottom: 1px solid # 909090;
    padding-right: 10px;
}

#content{
float: left;
  width: 55%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
    margin: 3;
    padding: 0 0 0 10px;
}


/************* #globalNav styles **************/
#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: # 909090;
}
#globalNav UL {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/verde.gif) #e8e8e8; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 778px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#globalNav LI {
    FLOAT: left; LIST-STYLE-TYPE: none
}
#globalNav LI A {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 2px solid; COLOR: #ffffff; LINE-HEIGHT: 21px; PADDING-TOP: 0px; FONT-FAMILY: 'Trebuchet MS' arial; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#globalNav LI :hover {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 2px solid; COLOR: #ffcc00; LINE-HEIGHT: 21px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}

#globalNav img{
 display: block;
}

#globalNav a {
    font-size: 90%;
    padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
    margin: 0px;
    padding: 0px 0px 0px 10px;
    color:#660000;
}

/************* #breadCrumb styles *************/

#breadCrumb{
    padding: 2px 0px 0 10px;
    FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left;
}
     




/************** .feature styles ***************/

.feature{
    padding: 0px 0px 10px 10px;
    font-size: 80%;
    vertical-align: middle;
}

.feature h3{
    padding: 30px 0px 5px 0px;
    text-align: center;
}

.feature img{
    float: center;
    padding: 10px 10px 0px 0px;
}

.precio{
    padding: 0px 0px 10px 10px;
    font-size: 90%;
    font-weight: bold;
    color: red;
    font-family: verdana,Arial,sans-serif;
}
.word-wrap{
    break-word; 
    width:140px;
    color: # 909090;
    vertical-align: middle;
    font-size: 80%;
}
/************** .story styles *****************/

.story{
    clear: both;
    padding: 10px 0px 0px 10px;
    font-size: 80%;
}

.story p{
    padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
break-word; 
    clear: both;
    border: 1px solid #909090;
    font-size: 75%;
    color: #663300;
    padding: 10px 10px 10px 10px;
    align: left;
}

#siteInfo img{
    padding: 4px 4px 4px 10px;
    vertical-align: middle;
}


/************* #search styles ***************/

#search{
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid # 909090;
    font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
    display: block;
    margin: 0px;
    padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: square; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
    position: relative;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid # 909090;
    font-size: 90%;
}

#sectionLinks h3{
    padding: 10px 0px 2px 10px;
}

#sectionLinks a {
    display: block;
    border-top: 1px solid # 909090;
    padding: 2px;
}

#sectionLinks a:hover{
    background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
    position: relative;
    margin: 0px;
    padding: 0px 0px 10px 10px;
    font-size: 90%;
}

.relatedLinks h3{
    padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
    display: block; 
}

/************** #advert styles **************/

#advert{
    padding: 30px 0px 10px;
}

#advert img{
    display: block;
}


/************** #headlines styles **************/

#headlines{
    margin: 0px;
    padding: 10px 0px 20px 10px;
    font-size: 80%;
}

#headlines p{
    padding: 5px 0px 5px 0px;
}

/***************categoria_tree******************/
.aa {
background-color: #b5b2b2;
border-color: #b5b2b2;
border-width: 1;
border: 1px solid;
color: #07266f;
font-size: 12pt;
font-family: verdana;
clear: both;
padding: 10px 0px 0px 10px;
}
.bb {
background-color: #b5b2b2;
border-color: #dedbdb;
color: #020715;
font-size: 10pt;
font-family: verdana;
}
.cc {
background-color: #;
border-color: #;
color: #181b22;
font-size: 8pt;
font-family: verdana;
}
.dd {
background-color: #;
border-color: #;
color: #48494c;
font-size: 8pt;
font-family: verdana;
}

.ee {
background-color: #;
border-color: #;
color: #48492c;
font-size: 8pt;
font-family: verdana;
}
#bg_menu_h UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 160px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#bg_menu_h UL LI A {
    PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 160px; COLOR: #000000; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #d1d1ba 1px solid; FONT-FAMILY: 'Trebuchet MS' arial; BACKGROUND-COLOR: #f0f0e8; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#bg_menu_h UL LI A:hover {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 160px; COLOR: #04088e; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}
#bg_menu_h LI.menu_ofertas {
    FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 160px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: 'Trebuchet MS' arial; BACKGROUND-COLOR: #254081; TEXT-ALIGN: left; TEXT-DECORATION: none
}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#034895;background:transparent url(bgON.gif) repeat-x top left;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */