/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}



body {
	margin:.5em;
	margin-top: 12px;
	margin-bottom: 12px;
	padding:0;
	height:100%;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	background-repeat: repeat-x;
	background-position: top;
	cursor:default;
}

a {
color:#000;
text-decoration:underline;
outline: none;
}

a:hover {
color:#616161;
text-decoration:none;
}

.clean {
clear:both;
margin:0;
padding:0;
border:none;
width:720px;
height:6px;
cursor:default;
font-size:0.1px;
line-height:0.1px;
}




#grijos { 	
margin:0 auto;
padding:0;
width:720px;
text-align:left;
vertical-align: middle;	
}

#grijos h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

#grijos h3 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}





#header {
margin:0;
padding:0;
height:121px;
display:inline;
}

#header a, #header img {
margin:0;
padding:0;
display:inline;
}


#navbar {
margin:0;
padding:0;
height:24px;
cursor:default;
}





#content {
	margin:0;
	padding:0;
	height:290px;
	overflow:hidden;
}


.c2{
float:left;
width:360px;
height:290px;
font-size:.7em;
color:#000;
margin:0;
}

#c2a {
}

#c2b {
}

.c2 img {
border: none;
}

.c2 a {
display:block;
margin:0;
padding:0;
outline: none;
}

.c2 a:hover {
color:#000;
}






.c3{
float:left;
width:120px;
height:290px;
font-size:.7em;
color:#000;
margin:0;
padding:0;
}

#c3a {
width:120px;
/*background:#FFFF00;*/

}

#c3b {
width:240px;
/*background:#FFCC00;*/
}

#c3c {
width:360px;
/*background:#FF9900;*/
}

#c3e {
width:600px;
/*background:#FF9900;*/
}

#c3f {
width:720px;
/*background:#FF9900;*/
}


.scrl {
overflow:auto;
padding: 12px;
height:266px;
}



.color1 {
background-color:#8D6B2A;
color:#FFF;
}
.color2 {
background-color:#A68462;
color:#FFF;
}



.c3 img {
border: none;
}

.c3 a {
display:block;
margin:0;
padding:0;
outline: none;
}

.c3 a:hover {
color:#000;
}

.c3 p {
line-height: 1.1;
padding-bottom: 3%;
}


#c3a table td{
vertical-align: top;
}

#c3a table .slogan {
width: 108px;
margin: 80px 6px 0 6px;
color:#FFFFFF;
font-size: 10px;
}




strong{
font-weight: bold!important;
font-size: 110%;
}









#scroll {
width: 336px;
height: 266px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0;
padding: 12px;
outline:none;
background-image: url(/img/scroll_v.gif);
background-repeat: no-repeat;
background-position: 350px 0;
}

#scrollb {
width: 336px;
height: 266px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0;
padding: 12px;
outline:none;
}

#scroll2 {
	width: 600px;
	height: 94px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	margin: 0;
	padding: 0;
	outline:none;
	background-image: url(/img/scroll_h.gif);
	background-repeat: no-repeat;
	background-position: 0 84px;
}

#scroll2 a {
display:inline;
}
#scroll2 img {
border:none;
}


#scroll3 {
width: 120px;
height: 140px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0;
padding: 0;
outline:none;
text-align:left;
background-image: url(/img/scroll_v2.gif);
background-repeat: no-repeat;
background-position: 110px 0;
}

#scroll3 ul {
margin:0;
padding:0;
margin-left: 6px;
list-style:none;
}
#scroll3 ul li{
margin:0;
padding:0 0 8px 0;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
/*width: 600px;*/
height: auto;
position: relative;
color: black;
padding: 0;
}





.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
/*background-color: white;*/
}
.vscrollerbar {
width: 10px;
background-color: #54301A;
}
.hscrollerbase {
height: 10px;
/*background-color: white;*/
}
.hscrollerbar {
height: 10px;
background-color: #54301A;
}
.sjb {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}












.gr {
display:block;
height:35px;
line-height:35px;
}




.a {
background-color:#54301A;
color:#fff;
text-decoration:none;
}
.a:hover {
background-color:#fff;
color:#54301A;
font-weight:bold;
}

.b {
	background-color:#D2BBA4;
	color:#54301A;
	text-decoration:none;
}
.b:hover {
background-color:#A68462;
color:#54301A;
}







#hot {
	margin:0;
	padding:0;
	height:48px;
	cursor:default;
}









.cell{
	padding:0;
	margin:0;
	float:left;
	width:236px;
	height:48px;
	font-size:.7em;
	color:#000000;
}

#cell1 {
	margin:0 3px 0 0;
	background: #D07D24 url(/img/box3.jpg) no-repeat;
}

#cell2 {
	margin:0 3px 0 3px;
	background: #795A1E url(/img/box5.jpg) no-repeat;
}

#cell3 {
	margin:0 0 0 3px;
	background: #956323 url(/img/box6.jpg) no-repeat;
}

.cell a {
	display:block;
	margin:0;
	padding:18px 0 0 58px;
	height:32px;
	color:#FFFFFF;
	text-decoration:none;
	outline: none;
}
.cell a:hover {
	color:#000;
}



.box {
	padding:0;
	margin:0 3px 0 3px;
	float:left;
	width:115px;
	height:48px;
	background-color:#cccccc;
	font-size:.7em;
	color:#000000;
}

.box a {
display:block;
margin:0;
padding:12px 0 0 52px;
height:38px;
color:#FFFFFF;
text-decoration:none;
outline: none;
}
.box a:hover {
color:#000;
}



#box1 {
background: #C5774D url(/img/box1.jpg) no-repeat;
}
#box2 {
background: #EC972D url(/img/box2.jpg) no-repeat;
}
#box3 {
background: #D07D24 url(/img/box3.jpg) no-repeat;
}
#box4 {
background: #A77960 url(/img/box4.jpg) no-repeat;
}
#box5 {
background: #795A1E url(/img/box5.jpg) no-repeat;
}
#box6 {
background: #956323 url(/img/box6.jpg) no-repeat;
}









.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}








#footer {
position:relative;
clear:both;
bottom:0;
margin:0;
padding:0;
height:3em;
/*line-height:4em;*/
text-align:center;
font-size:.7em;
background-color:#ffffff;
}



































#heading {
	display: block;
	text-align: right;
	/*margin-bottom: 1em;*/
}
#heading * {
	display: inline;
	/*padding: 4px;*/
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
}
#heading li.active {
border: none;
	/*
	background-color: #66ccff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
	*/
}
#panes {
	border-style: none;
	width: 360px;
	height: 290px;
	margin: 0;
	/*margin: 0 auto 0 auto;*/
}
#panes div div {
	overflow: hidden;
	height: 290px;
}
#content {
	height: 290px;
}

#previous {
	float: none;
	cursor: pointer;
}
#next {
	float: none;

	cursor: pointer;
}

#buttons {
	margin: 0;
	padding: 0;
}
#buttons ul {
	margin: 0;
	padding: 0;
}
#buttons li {
	display: inline;
	list-style: none;
	width:120px;
	height:145px;
	line-height: 0;
}
.active {
}

#panes .c3 p{
	font-size: 10px;
	margin: 40px 8px 0 8px;
	color:#fff;
	line-height: 1.4;
}






.num {
text-decoration:none;
font-size:10px;
color:#FFFFFF;
	background-image: url(/img/pgs.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:14px;
	line-height:14px;
}