@charset "UTF-8";

/* color 
#524437  hele  
#382f26 tume     
#786350 heledam
#a89888  veel heledam
*/


body {
	font: 14px arial, sans-serif;
	background-image:url(../images/taustatapeet.jpg);
	background-color: #555;
	margin: 0;
	padding: 0;
	color: #000;
}

div, p, ul, ol, dl, li, dt, dd, address, blockquote {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font:22px 'Bitter', Georgia, "Times New Roman", Times, serif serif;
	margin: 0; 
	padding-right: 15px;
}

p {
	margin: 0; 
	padding-right: 15px;
}

a img { 
	border: none;
}


a:link {
	color: #000;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}


.container {
	width: 1000px;
	background-image:url(../images/tautatriip.png);
	margin: 0 auto;
}


.header {
	background-color: #FFF;
}

.mainmenu {
	background-color: #524437;
	height: 40px;	
}
#listmenu {
	padding: 0;
	text-align: center;
			}
#listmenu ul {
	margin-top:0px;
	height: 39px;
	padding: 0;
	}


#listmenu li {
	float: right;
	width: 120px;
	height: 40px;
	list-style-type:none;
	border-left: 1px solid #a89888;
	}


#listmenu a {
	padding-top: 10px;
	width: 120px;
	height: 30px;
	display:block;
	color: #d4c5b8;
	font-family:'Bitter', Georgia, "Times New Roman", Times, serif serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration:none;
	}

#listmenu a:hover {
	color: #FFF;
	}
	
#listmenu a.peakusolen{
	color: #FFF;
	}	
	
.sidebar1 {
	float: left;
	width: 210px;
	padding-bottom: 1px;
}
.content {
	padding: 10px 0;
	width: 760px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none;
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 2px solid #bfac9b; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 190px;  
	color:#382f26;
	text-decoration: none;
	background-color: #a89888;
	font-family: 'Bitter', Georgia, "Times New Roman", Times, serif serif;
	font-weight: bold;
	font-size: 16px;
}

ul.nav a.sub, ul.nav a.sub:visited { 
	background-color: #d4c5b8;
	font-weight: normal;
	font-size: 16px;
	padding: 5px 0px 5px 20px;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-color: #382f26;
	color: #FFF;
}

ul.nav a.kusolen { 
	background-color: #382f26;
	color: #FFF;
}

/* ~~ tooted ~~ */

.tootevalik {
	text-align:left;
}

.tootevalik ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.tooted {
	margin:0;
	padding:0;
	list-style-type:none;
}

.tooted li{
	text-align: left;
	width: 375px;
	height: 300px;
	display: block;
	float: left;
	padding: 10px 5px 10px 0;
	border-bottom: 1px  dashed #BFAD9B;
}

.piltv {
	text-align: center;
	width: 175px;
	height: 300px;
	display: block;
	float: left;
	}
.tootetekst {
	text-align: left;
	width: 190px;
	height: 290px;
	display: block;
	float: left;
	padding: 5px;
	}

.hind{
	font-weight: bold;
	font-size:17px;
	color:#06C;
		}
.vanahind{
	text-decoration:line-through;
	font-weight: bold;
	font-size:17px;
	color:#06C;
	
	}
.soodushind{
	font-weight: bold;
	font-size:17px;
	color:#C30;
	
	}
.hyyd{
	margin-top:5px;
	font-weight: bold;
	font-size:17px;
	color:#C30;
	
	}
.tootenimi{
	font-weight: bold;
	font-size:14px;
	
	}


.suurtooted {
	margin:0;
	padding:0;
}

.suurtooted {
	text-align: left;
	width: 770px;
	height: 600px;
	display: block;
	float: left;
	padding: 10px;
	border-bottom: 1px  dashed #BFAD9B;
}

.pilts {
	text-align: center;
	width: 301px;
	height: 600px;
	display: block;
	float: left;
	}

.suurtootetekst {
	text-align: left;
	width: 450px;
	height: 300px;
	display: block;
	float: left;
	padding: 5px;
	}	
.suurtootetekstlisa {
	text-align: left;
	width: 450px;
	height: 250px;
	display: block;
	float: left;
	padding: 5px;
	}	
.tagasi {
	text-align: left;
	width: 435px;
	height: 20px;
	display: block;
	float: left;
	padding:5px 5px 0 15px;
	}		
	
/* ~~ The footer ~~ */
.footer {
	font: 100% arial, sans-serif;
	padding: 10px 10px 10px 10px;
	background-color: #524437;
	color:#d4c5b8;
	text-align: center;
	position: relative;
	clear: both; 
}
.footer a {
	color:#CBA372;
}


.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.lbanner {
	margin-left: 15px;
}