@charset "utf-8";
/* CSS Document */


#menu, #menu-en {
list-style:none;
}

#menu li, #menu-en li{
float:left;
margin:0 0 0 5px;
padding-top:10px;
}
#menu li a, #menu-en li a {
display:block;
text-indent:-2000px;
}

#menu li.home a{
background:url(../images/home.gif) 0 0  no-repeat;
width:110px;
height:28px;
}

#menu li.home a:hover{
background:url(../images/home.gif) 0 -28px  no-repeat;
height:28px;
}
#menu li.homeselected a{
background:url(../images/home.gif) 0 -28px  no-repeat;
width:110px;
height:28px;
}

#menu li.about a{
background:url(../images/about.gif) 0 0  no-repeat;
width:110px;
height:28px;
}

#menu li.about a:hover{
background:url(../images/about.gif) 0 -28px  no-repeat;
height:28px;
}

#menu li.aboutselected a{
background:url(../images/about.gif) 0 -28px  no-repeat;
width:110px;
height:28px;
}

#menu li.prods a{
background:url(../images/prods.gif) 0 0  no-repeat;
width:86px;
height:28px;
}

#menu li.prods a:hover{
background:url(../images/prods.gif) 0 -28px  no-repeat;
height:28px;
}
#menu li.prodsselected a{
background:url(../images/prods.gif) 0 -28px  no-repeat;
width:86px;
height:28px;
}

#menu li.foto a{
background:url(../images/foto.gif) 0 0  no-repeat;
width:160px;
height:28px;
}

#menu li.foto a:hover{
background:url(../images/foto.gif) 0 -28px  no-repeat;
height:28px;
}

#menu li.fotoselected a{
background:url(../images/foto.gif) 0 -28px  no-repeat;
width:160px;
height:28px;
}

#menu li.pano a{
background:url(../images/pano.gif) 0 0  no-repeat;
width:59px;
height:28px;
}

#menu li.pano a:hover{
background:url(../images/pano.gif) 0 -28px  no-repeat;
height:28px;
}
#menu li.panoselected a{
background:url(../images/pano.gif) 0 -28px  no-repeat;
width:59px;
height:28px;
}

#menu li.cont a{
background:url(../images/cont.gif) 0 0  no-repeat;
width:84px;
height:28px;
}

#menu li.cont a:hover{
background:url(../images/cont.gif) 0 -28px  no-repeat;
height:28px;
}
#menu li.contselected a{
background:url(../images/cont.gif) 0 -28px  no-repeat;
width:84px;
height:28px;
}
/*english */

#menu-en li.home1 a{
background:url(../images/home-en.gif) 0 0  no-repeat;
width:110px;
height:28px;
}

#menu-en li.home1 a:hover{
background:url(../images/home-en.gif) 0 -28px  no-repeat;
height:28px;
}
#menu-en li.homeselected1 a{
background:url(../images/home-en.gif) 0 -28px  no-repeat;
width:110px;
height:28px;
}

#menu-en li.about1 a{
background:url(../images/about-en.gif) 0 0  no-repeat;
width:110px;
height:28px;
}

#menu-en li.about1 a:hover{
background:url(../images/about-en.gif) 0 -28px  no-repeat;
height:28px;
}

#menu-en li.aboutselected1 a{
background:url(../images/about-en.gif) 0 -28px  no-repeat;
width:110px;
height:28px;
}
#menu-en li.prods1 a{
background:url(../images/prods-en.gif) 0 0  no-repeat;
width:110px;
height:28px;
}

#menu-en li.prods1 a:hover{
background:url(../images/prods-en.gif) 0 -28px  no-repeat;
height:28px;
}
#menu-en li.prodsselected1 a{
background:url(../images/prods-en.gif) 0 -28px  no-repeat;
width:110px;
height:28px;
}

#menu-en li.foto1 a{
background:url(../images/foto-en.gif) 0 0  no-repeat;
width:160px;
height:28px;
}

#menu-en li.foto1 a:hover{
background:url(../images/foto-en.gif) 0 -28px  no-repeat;
height:28px;
}

#menu-en li.fotoselected1 a{
background:url(../images/foto-en.gif) 0 -28px  no-repeat;
width:160px;
height:28px;
}

#menu-en li.pano1 a{
background:url(../images/pano-en.gif) 0 0  no-repeat;
width:59px;
height:28px;
}

#menu-en li.pano1 a:hover{
background:url(../images/pano-en.gif) 0 -28px  no-repeat;
height:28px;
}
#menu-en li.panoselected1 a{
background:url(../images/pano-en.gif) 0 -28px  no-repeat;
width:59px;
height:28px;
}

#menu-en li.cont1 a{
background:url(../images/cont-en.gif) 0 0  no-repeat;
width:98px;
height:28px;
}

#menu-en li.cont1 a:hover{
background:url(../images/cont-en.gif) 0 -28px  no-repeat;
height:28px;
}
#menu-en li.contselected1 a{
background:url(../images/cont-en.gif) 0 -28px  no-repeat;
width:98px;
height:28px;
}
/* submenu */


.submenu {
width:195px;
margin:3px 3px 5px 10px;
list-style:none;
list-style-position:outside;
}

.submenu li{
padding:3px 3px 3px 0px;
border-bottom:1px solid #cec2bb;
line-height:20px;
}



.submenu li a{
display:block;
background:url(../images/tplstico.gif) left center no-repeat;
font-family:"Trebuchet MS", Arial;
color:#9e8e85;
text-decoration: none;
font-size:14px;
padding-left:23px;
}

.submenu li a:hover{
color:#dc8801;
text-decoration:none;
background:url(../images/tplstico1.gif) left center no-repeat;
}

.submenu li.subselected a {
background:url(../images/tplstico.gif) left -20px no-repeat;
color:#dc8801;

}

.u_title {
 
BACKGROUND-POSITION: 0px 0px; 
padding: 4px 5px 11px 20px; 
FONT-WEIGHT: bold; 
BACKGROUND: url(../images/left-cat-hdr.gif) no-repeat; 
margin: 0px 0 0 4px;   
font-family:"Trebuchet MS", Tahoma, serif;
font-size:22px;
color:#7fc241;
}



/*Accordion*/

.leftbox {
padding:0px;
margin: 0px; 
width: 230px;
}
.leftbox H3 {
 
	BACKGROUND-POSITION: 0px 0px; 
	padding: 4px 5px 11px 20px; 
	FONT-WEIGHT: bold; 
	BACKGROUND: url(../images/left-cat-hdr.gif) no-repeat; 
	margin: 0px 0 0 4px;   
font-family:"Trebuchet MS", Tahoma, serif;
font-size:22px;
color:#7fc241;
}
.leftbox .links {
	FONT-SIZE: 16px; 
	margin: 0px; 
	padding:0 5px 10px 10px;
	font-family:"Trebuchet MS", Tahoma, serif;
}
.leftbox .links .item {
	margin-bottom: 1px;
}
.leftbox .links .expanded {
	padding:0px; margin: 0px;
}
.leftbox .links .expanded A {
padding:5px;
margin: 0px; 
	FONT-WEIGHT: bold; 
	BORDER-TOP-STYLE: none! important; 
	BORDER-RIGHT-STYLE: none! important; 
	BORDER-LEFT-STYLE: none! important; 
	BACKGROUND-COLOR: #f2eee4; 
	BORDER-BOTTOM: none! important;
}
.leftbox .links .item A {
padding:2px 0 2px 3px;
	BACKGROUND-POSITION: left bottom; 
	DISPLAY: block; 
	margin-BOTTOM: 0px; 
	width: 210px; 
	COLOR: #817c79; 
	TEXT-DECORATION: none;
	border-bottom:1px solid #c4bcb8;
}
.leftbox .links .item A:hover {
	BACKGROUND-COLOR: #fbfcfc; TEXT-DECORATION: none;
}
.leftbox .links .item A EM {
	FONT-WEIGHT: normal; COLOR: #92a8b8; FONT-STYLE: normal;
}
.leftbox .links .item A IMG {
	FLOAT: left; BORDER-TOP-STYLE: none; margin-RIGHT: 5px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.leftbox .links .itemmenu {
	FONT-SIZE: 0.9em; padding-bottom: 10px;
}
.leftbox .links .itemmenu UL {
	Padding-right: 10px; BACKGROUND-POSITION: 0px -4px; padding-left: 10px; BACKGROUND-IMAGE: url(../images/tutlist-tree.gif); padding-bottom: 0px; margin: 0px 0px 0px 8px; COLOR: #cccccc; LINE-HEIGHT: 17px; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-y; LIST-STYLE-TYPE: none;
}
.leftbox .links .itemmenu LI {
	
}
.leftbox .links .itemmenu LI A {
	BACKGROUND-POSITION: 0px 2px; padding-left: 18px; BACKGROUND-IMAGE: url(../images/tutlist-icon-folder.gif); COLOR: #666666; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none;
}
.leftbox .links .itemmenu LI A:hover {
	BACKGROUND-IMAGE: url(../images/tutlist-icon-folder-.gif); COLOR: #333;
}
.leftbox .links .item .arrowbtn {
	padding: 0px;
	BACKGROUND-POSITION: 0px 0px; 	
	DISPLAY: block; 	
	FONT-SIZE: 0.2em; 	
	Z-INDEX: 150! important; 
	BACKGROUND-IMAGE: url(../images/leftlinks-bg.gif); 
	margin: -19px 0px 0px 190px; 	
	width: 19px! important; 	
	TEXT-INDENT: -9999pt; 	
	BACKGROUND-REPEAT: repeat-x; 	
	POSITION: absolute! important; 	
	HEIGHT: 18px; 	
	TEXT-DECORATION: none;
}
.leftbox .links .item .open {
	BACKGROUND-POSITION: 0px 0px; 
	margin-TOP: -18px! important; 
	BACKGROUND-IMAGE: url(../images/leftlinks-bg-open.gif); 
	BACKGROUND-REPEAT: no-repeat;
}
.leftbox .links .item .open:hover {
	BACKGROUND-POSITION: 0px 0px; 
	BACKGROUND-IMAGE: url(../images/leftlinks-bg-open-.gif); 
	BACKGROUND-REPEAT: no-repeat;
}
.leftbox .links .item .arrowbtn:hover {
	BACKGROUND-POSITION: 0px 0px; 
	BACKGROUND-IMAGE: url(../images/leftlinks-bg-.gif); 
	BACKGROUND-REPEAT: no-repeat;
}
.leftbox A {
	outline: none;
}