/*
Theme Name: 2J Internet Studio, s. r. o.
Theme URI: http://www.2jis.com
Description: 2J Internet Studio, s. r. o. - profesionální internetová řešení
Version: 1.1 
Author: Josef Maruška - 2J Internet Studio, s. r. o.
Accesability: Internet Explorer 6+, Firefox 1.0+, Mozilla 1.7+, Netscape 7+, Opera 6+, K-Meleon 0.8.2+,
					Maxthon 1.5.0+, DeepNet Explorer 1.52+, Slim Browser 4.06+, PhaseOut 5.4.4.0+,
					FastStone Browser 2.1+, Crazy Browser 2.0.1+, Advanced Browser 8.02+, Acoo Browser 1.31+,
					Avant Browser 10.1+ a Fast Browser 8.1+ 
*/

body {margin: 0 0 0 0;background: #fff url(../i/bg_light.png) repeat;}

/* CONTAINER */
	#container {width: 764px;	margin: 0 auto;font-family: "Trebuchet MS", Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;	line-height: 1.6em;	color: #666;	background-color: #FFF;	border-left: 1px solid #BDBDBD;	border-right: 1px solid #BDBDBD;}
	#space {	margin: 0 7px 0 7px;}
		
/* GENERAL */
		h1 {font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size: 32px;letter-spacing: -2px;color: #4363a0;margin-bottom: 10px;padding: 0 0 0 20px;	}
		h2 {color: #666666;font-size: 16px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;background-color: #FFF;letter-spacing: -1px;}
		a { color: #7392E9; text-decoration: none; }
		a:hover {color: #4076A5; background-color: #F1F6FC;}
		a.nohover { color: #7392E9; text-decoration: none; }
		a.nohover:hover {color: #4076A5; background-color: none;}
		form {font-size: 9px;}
		.form_search {	float:right;margin-top: -35px;margin-right: 10px;font-size: 9px;}
		* html .form_search {float:right;margin-top: -56px;margin-right: 0px;font-size: 9px;}		
		input {background-color: #FFF;color: #999999;border: 1px solid #CCC;	font-size: 11px;padding: 3px;	}
		.button {padding: 2px;}
		img { padding: 1px; margin: 5px 0 5px 0;border: 0px solid #999;}
		#galerie img { padding: 1px; margin: 5px 0 5px 0;border: 1px solid #999;}
/* LIST-STYLE */
		li {	list-style: square;}
		li li {	list-style: circle;}		
		.nolist {	list-style: none;}
				
/* HELPERS */
		.clear {	clear: both; }
				
/* HEADER ELEMENTS */
		#logoheader {height: 110px; border-top: 3px solid #c4d2ec; border-bottom: 1px solid #948979; padding: 0; margin-bottom: 2px; background: #fff url(../i/logo_text.gif) no-repeat right bottom;}
		#logoheader img { float: left; margin: 10px 0 0 0; border: 0; }
		#logoheader span{display:none;}
		
		#navbar{	float: left; }
		#navbar span{display:none;}
		#navbar a{	margin: 10px 0 0 0; display: block;	overflow: hidden;	height: 90px;	width: 164px;	background: url(../i/logo.gif) no-repeat top left;	text-indent: -9000px;	float: left; }
		#navbar a#navLogo{display:block; overflow:hidden; background-position:0px 0px; width:164px; height:92px; text-indent:-9000px;}
		#navbar a#navLogo:hover{background-position:0px -108px;}
		
		#header {clear: both;height: 120px;	border-bottom: 1px solid #948979;padding: 0 0 2px 0;	margin-bottom: 0px;	background: #fff url(../i/bg_header.jpg) no-repeat top;}
		* html #header {	clear: both;	height: 120px;	border-bottom: 1px solid #948979;	padding: 2px 0 0 0;	margin-bottom: 20px;	background: #fff url(../i/bg_header.jpg) no-repeat top;}
		#header h1, #header h2 {	display: none;	}

/* NAVIGATION ELEMENTS */
		#navigation ul {	margin-left: 0; padding-left: 0;	list-style-type: none;	float: left; width: 200px;	}
		#navigation ul li {display: block; padding: 1px; width: 200px;	font-weight: normal; }
		#navigation ul li a {display: block; padding: 5px; width: 200px;	font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #ccc;}
		#navigation ul li a:link, #navigation ul li a:visited {	color: #4363a0;	text-decoration: none;	background: #fff url(../i/h1.png) no-repeat 96% 50%; }
		#navigation ul li a:hover {	background: #fff url(../i/h1_hover.png) no-repeat 96% 50%;	background-color: #F5F5F5;	color: #000; border-bottom: 1px solid #333;}
		
/* THE SMALL BOX BELOW NAV */
		#navigation p {margin-top: 20px;	padding: 5px;	border-bottom: 1px dotted #CCC;	border-top: 1px dotted #ccc;	}
		
/* CONTENT ELEMENTS */
		#content { width: 515px; float: right; margin: 0; padding: 0 5px 0 10px;}
		#content p {padding-bottom: 10px;}
		#content p.news {padding-bottom: 10px; border-bottom: 1px solid #ccc;}		
		#content h2 { text-align: right; color: #4363a0; }
		#content a { border-bottom: 1px dotted #89817f;	color: #7392E9; text-decoration: none; }
		#content a:hover {color: #4076A5; background-color: #F1F6FC;}
		#content a.nohover { color: #7392E9; text-decoration: none; border-bottom: none;}
		#content a.nohover:hover {color: #4076A5; background-color: transparent;}

/* FOOTER ELEMENTS */
		#footer {	clear: both; background: #f1f1f1;	padding: 1px 5px 1px 5px;	line-height: 0.1em;}
		html>body #footer {clear: both; background: #f1f1f1; padding: 1px 5px 1px 5px; line-height: 1.2em;}		
		#footer p {	color:#666;	text-align: center;}
		#footer p a { color: #89817f;	border-bottom: 1px dotted #89817f;	background: none;}
		#footer p a:hover {color: #FFFFFF;	background-color:#575352;	}