/** Kalofera.Com

Designed by Mila Vasileva
Milanda Design
www.milanda.eu

M)

**/
* { padding:0; margin:0;} 

html, body {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/autumn.jpg) center center no-repeat fixed #ffffff;
	width:100%;
	height:100%;
}

h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

h1, h2, h3, h4, h5, h6 { color:#006600; padding:5px 0px; font-family:Verdana, Geneva, sans-serif; }

a:link, a:visited {
	color: #006600;
	text-decoration:none;
}
a:hover, a:active {
	color:#da251d;
}
.white, .white a:link, .white a:visited {
	color: #ffffff;
}
.white a:hover, .white a:active {
	color:#00ffff;
}
ul.white li {
	color:#ffffff;
	padding:5px 20px;
}
img {
border:0;	
}

ul, li {
	list-style-type:none;
}
p {
	padding:5px 0px 5px 0px;
	text-indent: 20px;
}
hr { color:#006600; }

.left { float:left; }
.right { float:right; }
.center { margin:0 auto; text-align:center; }
.clear { clear:both; }

.red { color:#da251d; }
.blue { color:#0067ac; }
.light-blue { color:#E9F2F8; }
.light-blue-inversed { background:#E9F2F8; }
.black { color:#000000; }
.green { color:#006600; }
.relative { position:relative; }


/** Boxes **/
.pad10 { padding: 10px; }
.pad20  { padding: 20px; }
.pad30 { padding: 30px; }
.pl10 {padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pr20 { padding-right:20px; }

.mod600 { width:600px; }
.mod500 { width:500px; }
.mod400 { width:400px; }
.mod300 { width:300px; }
.mod280 { width:280px; }
.mod240 { width:240px; }
.mod200 { width:200px; }
.mod900 { width:900px; margin:auto; }
.mod940 { width:940px; margin:0 auto; }

.mod980-top {
width:980px;
height:40px;
color:#ffffff;
background: url(../images/heading-wide.png) top left no-repeat;
}
.mod980 {
width:980px;
margin:auto;
background: url(../images/content-green-bgr.png) top left repeat-y;
}
.mod980-white-top {
width:980px;
height:10px;
background: url(../images/content-white-top-bgr.png) top left no-repeat;
display:block;
}
.mod980-white {
width:980px;
margin:0 auto;
padding:20px 40px;
background: url(../images/content-white-bgr.png) top left repeat-y;
}


/** End Boxes **/
.price-item {
position:relative; 
float:left;
padding:5px;
width:220px;
height:165px;
display:block;
}
.price {
position:absolute; 
top:10px; 
left:0; 
text-align:left;
}
.price a:link, .price a:visited, .price a:hover, .price a:active {
display:block;
width:160px; 
padding:20px;
}
.gallery img {
padding:5px;
width:220px;
}
a.button500:link, a.button500:visited {
width:500px;
height:100px;
display:block;
background:url(../images/button-500-bgr.png) top left no-repeat;
padding:35px 0px 0px 20px;
font-size:35px;
font-weight:bold;
font-style:italic;
color:#006600;
}
a.button500:hover, a.button500:active {
background:url(../images/button-500-bgr-hover.png) top left no-repeat;
color:#003300;
}
a.button300:link, a.button300:visited {
width:300px;
height:100px;
display:block;
background:url(../images/button-300-bgr.png) top left no-repeat;
padding:35px 0px 0px 20px;
font-size:25px;
line-height:25px;
font-weight:bold;
font-style:italic;
color:#006600;
}
a.button300:hover, a.button300:active {
background:url(../images/button-300-bgr-hover.png) top left no-repeat;
color:#003300;
}


a.read-more:link, a.read-more:visited {
	display:block;
	width:80px;
	height:25px;
	line-height:18px;
	background:url(../images/read-more.png) top left no-repeat;
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
}
a.read-more:hover, a.read-more:active {
	background:url(../images/read-more-hover.png) top left no-repeat;
}
ul.red-dot {
	list-style-image:url(../images/red-dot.gif);
	padding-left:20px;
}
	

/** Structure **/
#wrapper {
	width:980px;
	margin:auto;
}

#header {
	width:980px;
	height:200px;
	background: url(../images/header-bgr.png) top left no-repeat;
	display:block;
	text-transform:uppercase;
}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h2 a:active {
	font-size:30px; color:#ffffff;
	display:block; float:left;
	position:relative; top:110px; left:20px;
}
#logo { 
display:block; float:left;
position:relative; top:10px; left:10px;
}
#topmenu {
height:40px;
width:780px;
padding-left:20px;
color:#ffffff;
font-weight:bold;
float:left;
margin-top:30px;
display:block;
}
#topmenu ul, #topmenu ul li {
padding:0; margin:0;
list-style-type:none;
}
#topmenu ul li {
display:block;
float:left;
}
#topmenu ul li a, #topmenu ul li a:visited {
color:#ffffff;
text-decoration:none;
display:inline-block;
line-height:30px;
padding:0 10px 0 10px;
height:30px;
}
#topmenu ul li a:hover, #topmenu ul li a:active, #topmenu ul li a.active {
background:url(../images/topmenu-bgr-hover.jpg) top left repeat-x;
}
#lang{ display:block; float:right;}
#lang ul li a, #lang ul li a:visited {
display:inline-block;
line-height:30px;
padding:0 3px 0 3px;
height:30px;
}
#content {
	width:980px;
	margin:auto;
	position:relative;
}
#content-slider {
	width:100%;
	height:auto;
	background:url(../images/slider-bgr.png) top left no-repeat;
	position:relative;
}
.slider-picture {
width:420px;
height:300px;
display:block;
float:left;
}
.slider-description {
width:500px;
height:300px;
display:block;
float:left;
}
#leftcolumn {
width:300px;
padding:10px;
float:left;
}
#rightcolumn {
width:580px;
float:left;
}

#footer {
	width:980px;
	height:40px;
	background: url(../images/footer-bgr.png) top left no-repeat;
}

#copyright {
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	width:600px;
	text-align:left;
	float:left;
	position:relative; top:10px; left:20px;
}
#md-logo {
width:35px;
height:25px;
float:right;
margin-right:10px;
}


