/*
	project: internet hosting template
	author: luka cvrk (www.solucija.com) 
	
*/

*{ margin: 0; padding: 0; }
body { font: .7em Arial, Verdana, Sans-Serif; line-height: 1.7em; background: #f7eea0 url(images/) repeat-x; color: #454545; }
a { color: #3F2C57; background: inherit; text-decoration: none; }
#left a, #right a { border-bottom: 1px dotted #3F2C57; }
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 { font: normal 2.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 0 0 0; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.8em Georgia, "Trebuchet MS", Arial, Sans-Serif; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
img { border: 0; }


#content{
	max-width: 1010px;
	margin: auto;
}


#header {
}


#tablist{  margin: 25px 0 0 0;  }
	#tablist li{ list-style: none; display: inline;  }
	#tablist li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 15px;
		border: 1px solid #3B3B3B;
		font-weight: bold;
		color: #ccc;
	}
	#tablist li a:hover{
		border: 1px solid #55684A;
		color: #fff;
	}
	#tablist li a.current{
		background: #fc6900;
		color: #fff;
	}
	#tablist .key { text-decoration: underline; }



#left {
	float: left;
	max-width: 600px;
	margin: 0 0 10px 0;
}
	.border { border: 1px solid #fc6900;  margin: 0 0 10px 0;}
	.subheader {
		padding: 15px;
		background: #F1F8ED;
		color: #444;
		border: 2px solid #D1EAC3;
	}
.highlight { background: #C5E7F6; color: #000; }
	
.left_articles {
		border: 1px solid #fc6900;
		color: #454545;
		padding: 0px 15px 5px 10px;
	}
	.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
	.bigimage {
		float: left;
		clear: left;
		margin: 0 15px 10px 0;
		}
	.left_box {
		background: #F4F1F8;
		color: #808080;
		border-left: 3px solid #E8E2F2;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		max-width: 186px;
		padding: 0 10px 0 15px;
	}		
		

#right {
	float: right;
	max-width: 400px;
	margin: 0 0 60px 0;
	background: url(images/earth.gif) no-repeat top center;
	}

	.ad {
		border: 0px;
		max-width: 400px;
		height: 100px;
		}
	.button {
		display: inline-block;
		font: normal 1.6em "Georgia", "Times New Roman", Arial;
		color: #000000;
		text-align: center;
		}
	.big { color: #2e2e2e; font: normal 2em "Georgia", "Times New Roman", Arial; }
	.aliside{
	width: 400px;
	height: 240px;
	background-color: #ffffff;
	}
	.alisideimg{
	display: inline-block;
	width: 220px;
	position: absolute;
	}
	.alisidetxt{
	display: inline-block;
	padding-top: 10px;
	width: 180px;
	float: right;
	font-size: large;
	}
	.alisidebase{
	width: 400px;
	text-align: center;
	font-size: medium;
	}
	
	#side_ads { border: 0px; margin: 0 0 1px 0; padding: 8px 8px; text-align: center;}
	
	
											#side_menu { margin: 0 0 20px 0; }
											#side_menu li { list-style: none; }
											#side_menu li a { color: #3F6C24; border: 0; margin: 0 0 1px 0; display: block; background: #fff url(images/side_menu.gif) repeat-x; padding: 8px 10px; }
											#side_menu li a:hover { color: #fff; background: #fff url(images/side_menu_hover.gif) repeat-x; }	
										
											
											.image { float: left; margin: 0 9px 3px 0; }
	

#footer { 
	clear: both; 
	color: #808080;
}
	#footer .right { float: right; }
.bel
{
	color:white;
	}
input
{
	border:1px solid grey;
	}
textarea
{
	border:1px solid grey;
	}
select
{
	border:1px solid grey;
	}
	
	.rating{
	font-size:110%;
	margin-bottom:7px;
	}
	
	.comm{
	font-size:110%;
	}
	
	.comment{
	font-size:110%;
	line-height:15px;
	}
.comment .name{
	color:blue;
	font-size:90%;
	margin-bottom:3px;
	}
	
	.comment .com{
	color:black;
	font-size:90%;
	}
	
.comment .name b{
	color:black;
}

.demo {
        margin: 30px 0 50px 0;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }
 
 .demo .wrapper {
  display: inline-block;
  width: 180px;
  margin: 0 10px 0 0;
  height: 20px;
  position: relative;
 }
 
 .demo .parent {
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  border-radius: 5px;
  background: #F9F9F9;
  border: 1px solid #AAA;
  border-bottom: 1px solid #777;
  font-weight: bold;
  z-index: 2;
  position: relative;
  -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
  -webkit-transition-delay: .8s;
  text-align: center;
 }
 
 .demo .parent:hover,
 .demo .subcat:hover ~ .parent {
  background: #fff;
  -webkit-transition-delay: 0s, 0s, 0s;
 }
 
 .demo .subcat:hover ~ .parent {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 0;
 }
 
 .demo .subcat {
  position: absolute;
  top: 0;
  display: block;
  z-index: 1;
  height: 0;
  width: 180px;
  padding-top: 30px;
  -webkit-transition: height .5s ease;
  -webkit-transition-delay: .4s;
  border: 1px solid .777;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
 }
 
 .demo .wrapper:active .subcat {
  height: 30px;
  z-index: 3;
  -webkit-transition-delay: 0s;
 }
 
 .demo .subcat:hover {
  height: 30px;
  z-index: 3;
  -webkit-transition-delay: 0s;
 }
 
 
 .demo .subcat ul {
  background: #d2e8ef;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
 }
 
 .demo .subcat ul a {
  text-decoration: none;
 }
 
 .demo .subcat li:hover {
  background: #efd9d2;
  color: #333;
 }
 
 .demo .subcat li {
  list-style: none;
  text-align: left;
  color: #888;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  border-top: 1px solid .ccc;
 }
 
 .demo .subcat li:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
 }