/********************************************
	AUTHOR:  			maxik
	WEBSITE:   			http://templates.portik.cz/
	TEMPLATE NAME:		Premium Blue Game     	
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #2C2C2C;font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #333;text-align: center;}

/* links */
a, a:visited {text-decoration: none;color: #4F82CB;background: inherit;}
a:hover {color: #4EBF37;background: inherit;}

/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}
h1 {font-size: 120%;}
h2 {font-size: 110%;;color: #88ac0b;}
h3 {font-size: 110%;color: #666666;}

/* images */
img {border: 0;}

h1, h3, p {padding: 10px;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #88ac0b;}
ul span, ol span {color: #666666;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 962px;background: #CCC url(../image_guru/wrap-bcg.png) repeat-y center top;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 946px;padding: 0;margin: 0 auto;}
#doporucujeme {position: absolute;width: 962px;position: relative;height: 31px;background: #CCC url(../image_guru/doporucujem.png) no-repeat center top;padding: 0;font-size: 14px;color: #FFF;}
#doporucujeme p{position: absolute; top:-5px;left:10px;}
#header {width: 962px;position: relative;height: 166px;background: #CCC url(../image_guru/header.png) no-repeat center top;padding: 0;font-size: 14px;color: #FFF;}
#header form {position: absolute;margin: 0;font-size:0.8em;padding: 0;color:#350000;text-transform: none;top: 28px; right: 50px;}
#header form .blue{color:#0066CC;font-size:1.5em;}
#header form .submit{background:#e4e4e4;border: 1px solid #c0c0c0;padding-left:5px;padding-right:5px;}
#header form a{text-decoration:none;color:#350000;}
#header form a:hover{text-decoration:underline;}

/* Menu */
ul#menu { width: 946px; height: 43px;background: #4D4D4D url("../image_guru/menu-bg.gif") repeat-x center top; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0 auto; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF;height: 38px; background: #FFF url("../image_guru/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

/* Main Column */
#main {float: right;width: 705px;padding: 0; margin-right: 20px;_margin-right: 10px;}
#main h1 {font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;color: #FFF;text-align:center;}
#main h2 {margin-top:10px;font: Bold 100% Times New Roman, Sans-serif;color: #000; padding-left: 20px; background:#e4e4e4;padding-top:5px;padding-bottom:5px;}
#main p {background:#333333;color:#FFF;padding-left: 4px;}
#main img{width:80px;float:left;margin:5px;}
#main .left{
float:left;
clear: left;
width:340px;


}
#main .right{
float:right;
clear: right;
width:340px;

}
#main .center{width:693px;}
#main  a{text-decoration:none;color:#ffffff;font-size:1.2em;}
#main  a:hover{text-decoration:underline;}


/* Sidebar */	
#sidebar {float: left;width: 195px;padding: 0; margin: 0;}	
#sidebar h1 {margin-top:10px;text-align:center;padding: 5px 0 5px 10px;font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;clear:both;color: #555;height:17px;background: #EEF0F1 url(../image_guru/menu-h1-bcg.png) repeat-x left bottom;}
#sidebar .left-box {margin: 0 0 0px 0;}
#sidebar ul.sidemenu {list-style: none;text-align: left;margin:0; padding: 0;text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px solid #393939;background:#333333;height:25px;padding: 10px 0 2px 25px;margin: 0;}
#sidebar ul.sidemenu li:hover{background: #2580a2 url(../image_guru/menu-bullet.gif) no-repeat left center;}
#sidebar ul.sidemenu  .current {background: #2580a2 url(../image_guru/menu-bullet.gif) no-repeat left center;}
#sidebar ul.sidemenu a {font-weight: bolder;text-decoration: none;background-image: none;color:#FFF;}
#sidebar ul.sidemenu a:hover {font-weight: bolder;text-decoration: none;background: #2580a2;color:#FFF;}
#sidebar .search{width:177px;height:20px;margin: 0 auto;padding:0;margin-top:10px;}
#sidebar .search .text{width:117px;height:18px;background:#E4E4E4;border: 1px solid #E9E9E9;}
#sidebar .search .submit{background:#e4e4e4;border: 1px solid #c0c0c0;padding-left:1px;padding-right:1px;font-size:1em;margin-left:6px;}
#sidebar .navstevnost{width:100px;margin: 0 auto;margin-top:15px;}

/* Footer */	
#footer {color: #000;background: #8D8D8B url(../image_guru/footer.png) no-repeat center top;clear: both;width: 962px;height: 31px;text-align: center;font-size: 110%;}
#footer span{color:#FFF;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.blue { color: #3399ff; }
.margin30px{height:30px;clear:both;background:#2C2C2C;}