/* Elements */

* {
	margin: 0;
	padding: 0;
}
a{text-decoration: none; color:#333322; font-weight: bold;}
body { height:100%;
	padding: 0;
        background: #FEEDB9 url(/ima/back2.jpg) repeat-y center top;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
        text-align: center;
    
}
.image{border: 2px solid #fff;}

/*info*/
.contentpaneopen{width: 95%; font-size: 12px;}
.contentpaneopen li{background:url(/ima/mlive.gif) no-repeat; font-size: 10px; padding:0 0 0 15px; text-align: left; border-bottom: 1px dotted #948258; list-style-type: none;}
/*info*/


#page {text-align:center;/* for IE */
       margin: 0 auto;/* for the rest */
       width: 800px;
       background: url(/ima/conte.jpg) repeat-y;
       margin: 0 auto;
}

#col1 {
	float: left;
	width: 600px;
        min-height: 180px;
	padding-top: 121px;
	background: url(/ima/col1top.jpg) no-repeat;
}

#col1cont {width: 590px;
           margin-left: 10px;
}


#col2 {float: left;       
       width: 200px;
       background: url(/ima/col2cont.jpg) repeat-y;
}

#col2cont {width: 200px;
	  min-height: 172px;
          padding-top: 50px;
          background: url(/ima/col2top.jpg) no-repeat;
}

#col2contin {width: 160px;
             margin: 0 40px 0 -10px;
             padding-left: 20px;
}

#col2contin h3{color:#333322; 
        font-size:16px;
	background:url(/ima/spar.jpg) no-repeat 0 18px;
        width: 145px; 
        text-align: left; 
        font-weight: bold; 
        height:30px; 
        padding-left: 16px; 
        padding-top: 10px;
        overflow: hidden; 
}

.mainlevel-nav,
.sublevel-nav,
#col2contin li.b1,
#col2contin li.c1sm,
#col2contin li.c1,
#col2contin li.d1 {background:url(/ima/lia.gif) no-repeat; color:#333322; font-size:11px; text-decoration:none;
	line-height:25px; border-bottom: 1px dashed #948258; padding:0 0 0 25px; display:block; text-align: left; font-weight: bold; width: 125px; height:25px;list-style-type: none;
}

.sublevel-nav {margin:0 15px 0 15px; width: 105px;}

.mainlevel-nav:hover,
.sublevel-nav:hover,
#col2contin li.b1:hover {background:url(/ima/lib.gif) no-repeat 0 0 #F1E9D6;}
#col2contin li.c1sm:hover,
#col2contin li.c1:hover {background:url(/ima/lic.gif) no-repeat 0 0 #F1E9D6;}
#col2contin li.d1:hover {background:url(/ima/lid.gif) no-repeat 0 0 #F1E9D6;}

#col2contin li.c1sm a {font-size:9px; font-weight: bold;}

#col2contin li.c1sm a,
#col2contin li.b1 a,
#col2contin li.c1 a,
#col2contin li.d1 a { text-decoration:none; color:#333322;
}

.tabgal{padding-top:8px;border-bottom: 2px solid #EEBB55;}
.bcrumb a{padding-left: 5px;text-decoration:none; color:#333322;}
.bcrumb a:hover{color:#999977;}
.tableh1_compact{padding-left: 5px; border-bottom: 2px solid #EEBB55;font-size:11px;}
.tableh2_compact{border-bottom: 2px dotted #999977;text-align: left; padding:5px 0 2px 5px; color:#333322;}
.navmenu a{background:#fff; border: 1px dotted; color:#999977; 
margin: 0 5px 0 0;font-size:18px;padding:0 1px 0 1px;text-decoration:none;}
.navmenu a:hover{background:#EEBB55; color:#333322;}
.tableb_compact{}
.catlink a{text-decoration:none; color:#333322;background:url(/ima/mliam.gif) no-repeat; padding:0 0 0 15px; font-size:12px;}
.catlink a:hover{color:#999977}
.poweredphplist,.footer{visibility: hidden; height:1px;}
.tableh1{border-bottom: 2px dotted #999977;text-align: left; padding:15px 0 2px 5px; color:#333322;font-size:12px;
font-weight: bold;}
.catrow{font-size:11px;font-weight: bold; color:#999977;}
.catdesc{padding-left: 25px; color:#999977; font-size:10px; font-weight: bold; }
.imagelink{border:none;}
.sortorder_options{font-size:11px;color:#999977;}

#minimenu {float: left;
	   width: 110px;
           padding:10px 0 0 5px;
           font-size:10px;
}
#minimenu a{text-decoration:none;color:#333322; }
#minimenu li{display:block; background:url(/ima/mlive.gif) no-repeat; padding:0 0 0 15px; text-align: left; border-bottom: 1px dotted #948258; height:15px; list-style-type: none;}
#minimenu li:hover{background:url(/ima/mliam.gif) no-repeat; }
#minimenu li.libg{font-size:13px; height:30px; background:none;}
#minimenu li.limd{font-size:12px; font-weight: bold; color:#333322;}


#imaframe{float: right; width: 465px;}
#imaframe h1{font-size:16px; 
background:url(/ima/lid.gif) no-repeat; 
padding:3px 0 0 24px; height:25px; margin: 6px 0 0 0;}
#imaframe h2{font-size:12px; margin: 6px 0 10px 0;}
#tstrip{height:105px;}
.thub{height:60px; width: 60px; 
overflow: hidden; background: #fff; margin: 12px 20px 6px 20px; border: 2px solid #fff;}
#tstrip h3{font-size:8px; color:#999977;}

.tableh1{}
.tableh2{padding: 0 10px 0 15px; background:url(/ima/mliam.gif) no-repeat;}
.alblink a{text-decoration: none; color:#776655;}
.alblink a:hover{color:#999977;}
.album_stat{font-size:9px; color:#999977; padding: 10px 20px 0 5px;}
.thumbnails{padding:2px 20px 20px 5px;}
.thumb_caption{font-size:9px; color:#999977;}
.thumb_title{font-size:11px; font-weight: bold; color:#333322;}

#colclr {clear:both;
}

#col2foot {width: 200px;
           height: 8px;
	   background: url(/ima/col2foot.jpg);
}

#foot {width: 800px;
       height: 11px;
       background: url(/ima/foot.jpg) no-repeat;
}

#menubox {width: 600px;
          height: 50px;
          margin: 0 0 0 130px;
}

#titlmd {font-size: 32px;
        color:#97947F;
        font-weight: bolder;
}
#titlmd span {font-size: 24px;
              color:#333322;
}

#cright a,
#cright {height: 16px;font-size: 11px; text-decoration: none;
              color:#999977; font-weight: bold;
}

#multi-level {height:30px; position:relative; z-index:100; background:#fff url(/ima/image_drop_back.gif) repeat-x; padding-left:20px;border:1px solid #000; border-width:0 1px;}
.space {background:transparent url(/ima/space.gif) no-repeat center center;}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-size:11px; font-weight: bold;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#fff; background: url(/ima/image_drop_1a.gif); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(/ima/image_drop_1a.gif) right top; padding:0 15px 0 0;}
.menu li.top a.top_link b.b_top {display:block; float:left; height:30px; width:26px;}

.menu li.top a.top_link span.drop {background: url(/ima/image_drop_0a.gif) right top; padding:0 25px 0 0;}

.menu li a#inicio b.b_top {background:transparent url(/ima/bord01.gif) no-repeat center center;}
.menu li a#info b.b_top {background:transparent url(/ima/verm01.gif) no-repeat center center;}
.menu li a#portfolio b.b_top {background:transparent url(/ima/amar01.gif) no-repeat center center;}
.menu li a#loja b.b_top {background:transparent url(/ima/verd01.gif) no-repeat center center;}
.menu li a#livro b.b_top {background:transparent url(/ima/cast01.gif) no-repeat center center;}
.menu li a#space b.b_top {background:transparent url(/ima/space.gif) no-repeat center center;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link {background: url(/ima/image_drop_1b.gif);}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {background: url(/ima/image_drop_1b.gif) right top;}
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop {background: url(/ima/image_drop_0b.gif) right top;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:30px; background: transparent url(/ima/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:135px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(/ima/dropa_0.gif) no-repeat;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background: url(/ima/drop_0.gif) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: url(/ima/dropb_0.gif) right top; color:#000;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: url(/ima/dropba_1.gif) no-repeat; color:#fff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background: url(/ima/drop_1.gif) right top; color:#fff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:url(/ima/dropb_1.gif) right top; color:#fff;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:url(/ima/dropba_1.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:url(/ima/dropb_1.gif) right top; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(dflt.gif) no-repeat center center; height:25px; width:25px;}
.menu ul.sub b.amar {background:transparent url(/ima/amar11.gif) no-repeat center center;}
.menu ul.sub b.verd {background:transparent url(/ima/verd11.gif) no-repeat center center;}
.menu ul.sub b.verm {background:transparent url(/ima/verm11.gif) no-repeat center center;}
.menu ul.sub b.cast {background:transparent url(/ima/cast11.gif) no-repeat center center;}
.menu ul.sub b.dflt {background:transparent url(/ima/dflt.gif) no-repeat center center;}

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(/ima/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}