/*
Author: elphnet.cz
Struktura:
        display | 
		  position | 
		  float | 
		  overflow | 
		  width | 
		  height | 
		  border |
		  margin | 
		  padding | 
		  background | 
		  align | 
		  font
*/

/* Elements*/

body {	
	margin: 0;
	padding: 0;	
	text-align: center;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	background-color: #222222;
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	color:white;
	
}
h1, h2, h3, h4, h5 {
	border:0; 
	margin:10px 0px 5px 0px; 
	padding:0; 
	font-weight: bold;
}
p {
	margin:5px 0;
}


table {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 11px;
	letter-spacing:1px;	
}
ul, ol {
	display:block; 
	border:0; 
	margin:0px 0px 0px 10px; 
	padding:0;
}
form {
	margin: 0;
	padding: 0;
}
/* Floating */
.floatLeft, .left {
	float: left;
}
.floatRight, .right {
	float: right;
}
.nofloat {
	float: none;
}

/* Text align */
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}

.clearer {
	clear: both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.noscreen {
	display: none;
}
a img {
	border: 0;
}
.noborder {
	border-bottom:0px solid white;
}

.border {
	border-top:1px solid #D91f4e;	
}
.relative {
	position: relative;
}


/*_________________________________________________________*/
#null {	
	width:956px;
	margin:auto;
	text-align:left;	
	margin-top:5px;
}
#content {
	width:956px;	
}
#head {
	position:relative;
	text-align: right;
	background-image: url(../img/logo_first.jpg);
	background-repeat:no-repeat;	
	height:71px;
}
#head #facebook {
	position: absolute;
	top:0px;
	right:0px;
}
#head #nav {
	position:absolute;
	right:0px;
	bottom:0px;
	background-image: url(../img/head_bg.jpg);
	height: 34px;
	width: 740px;
}
#head #nav ul {
	padding-top:5px;
}
#head #nav ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
	font-size:14px;
}
#head #nav ul li a {
	color:white;
	text-decoration:none;
}
#head #nav ul li a:hover {

	text-decoration:underline;
}

#mainLeft {
	float:left;
	width:830px;
	/*background-image: url(../img/logo_second.jpg);*/
}

#colLeft {
	float: left;
	width:150px;
	background-image: url(../img/logo_second.jpg);
	background-repeat:no-repeat;
}
#colRight {
	float: right;
	width:677px;
}
#mainWindow {
	position:relative;
	width:677px;
	height:345px;
	background-image: url(../img/content_main.jpg);
	background-repeat: no-repeat;
}
#mainWindow.kat {
	background-image: url(../img/content_kat.jpg);
	background-repeat: no-repeat;
}
#mainWindow #subNav {
	background-image: url(../img/head_menu.jpg);
	height: 26px;
	width: 677px;	
}
#mainWindow #subNav ul {
	padding-top:4px;
}
#mainWindow #subNav ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
	font-size:12px;
}
#mainWindow #subNav ul li a {
	color:white;
	text-decoration:none;
}
#mainWindow #subNav ul li a:hover {

	text-decoration:underline;
}
#mainWindow #textWindow {
	position:absolute;
	top:26px;
	left:0px;
	width:650px;
}
#mainWindow #textWindow .school {
	margin:0px 0px 5px 0px;
	width:160px;
	height:300px;
	padding:5px;
	background-image: url(../img/kiteschool.jpg);
	float:left;
}
#mainWindow #textWindow .flash {
	margin:0px 0px 0px 0px;
	
	/*background-color:#8a8a8a;
	background-image: url(../img/kiteboarding.jpg);*/
	float:left;
}
#mainWindow #textWindow .first {
	margin:0px 0px 5px 0px;
	padding:5px;
	width:460px;
	/*background-color:#8a8a8a;
	background-image: url(../img/kiteboarding.jpg);*/
	float:right;
}
#mainWindow #textWindow .second {
	margin:0px 0px 5px 0px;
	/*background-image: url(../img/snowkiting.jpg);*/
	width:460px;
	padding:5px;
	float:right;
}
#mainWindow #textWindow .third {
	margin:0px 0px 5px 0px;
	background-image: url(../img/landkiting.jpg);
	width:460px;
	padding:5px;
	float:right;
}
#mainWindow #textWindow h1 {
	margin:0px 0px 0px 0px;
	padding:0;
	font-size:14px;
}
#mainWindow #textWindow a {
	color:white;
	text-decoration: none;
	font-size:15px;
	font-weight:700;	
}
#mainRight {
	float:right;
	width:120px;	
}
/*_________HOME________*/
#home {
	margin-top:5px;
}
#homeLeft {
	float:left;
	width:390px;
}
#homeLeft .con {
	background-color: #24282F;
	padding:4px;
}
#homeLeft h2{		
	font-size: 14px;
	margin:0;	
}
#home a {
	color:#BACE59;
	text-decoration: none;
}
#home a:hover {
	
	text-decoration: underline;
}


#homeRight{
	float:right;
	width:282px;
	background-color: #333333;
	
}
#homeRight .con {
	padding:0px 4px 4px 4px;
}
#news {
	margin-bottom:5px;
}
#news h2 {
	font-size:11px;
	font-weight: bold;
	margin:0;
}
#news h2 span {	
	background-color: #666666;	
	display:block;
	display:inline-block;
	display:-moz-inline-box;  /*ff*/
	line-height: 21px;
	height:21px;
	padding:0px 5px 0px 5px;
}
#news .con {
	background-color: #666666;
	padding:5px;
	background-image: url(../img/logo_kites.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#news .con .item .title {
	position: relative;
	font-weight:700;
	
	height:19px;
	background-image: url(../img/bgNewsTitle.jpg);
	background-repeat: no-repeat;
	background-position: right;	
}
#news .con .item .title .date {
	position: absolute;
	right:5px;
	font-weight: normal;	
}
#news .con .item {
	padding-bottom:5px;
}
#news .con .item img {
	margin-right:5px;
	float:left;
}
#news .con .item .more {
	text-align: right;
}
#news .con .item .more a {
	color:#BACE59;
	text-decoration: none;
	
}
#news .con .item .more a:hover {
	color:#BACE59;
	text-decoration: underline;
	
}

/*________CROSS_______*/
#cross {

}
#cross .crossItem {
	background-color: #333333;	
	padding:4px 2px 4px 2px;
	margin:20px 0px 20px 0px;
}
#cross .crossItem .crossImg {
	float:left;
	width:225px;

}
#cross .crossItem .crossInfo {
	float:right;
	width:445px;
}
#cross .crossItem .crossInfo h2 {
	background-image: url(../img/cross_menu_title.jpg);
	background-repeat:no-repeat;
	font-size: 16px;
	padding:2px 0px 2px 4px;
}
#cross .crossItem .crossInfo table {
	width:445px;
	padding-left:0px;
}
#cross .crossItem .crossInfo table td{
	background-color:#555555;
	padding:2px 2px 2px 4px;

}
#cross .crossItem .crossInfo table td.value{
	background-color:#666666;
}
/*_________kite_________*/
#kite {

}
#kiteImg {
	float:left;
	width:275px;
}
#kiteShow {
	float:right;
	width:400px;
}
#kiteShow #kiteGallery {
	width:386px;
	_width:391px;
	height:268px;
	border:1px solid black;
	padding-left:5px;
	color:black;
}
#kiteShow #kiteGallery a {
	text-decoration:none;
}
#kiteShow #kiteGallery img {
	border:1px solid black;
	margin:5px;
}
#kiteShow #kiteGallery img:hover {
	border:1px solid white;
}
	 #tabs {
	  /*float:left;*/
      /*width:100%;*/
      background:transparent;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0px 0px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url(../img/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 5px 0 4px;
      text-decoration:none;
      }
      
      #tabs a.green {
      float:left;
      background:url(../img/tableft_green.gif) no-repeat left top;
      margin:0;
      padding:0 5px 0 4px;
      text-decoration:none;
      cursor:hand;
      }
      
      #tabs a.active {
      	background-position:0% -42px;
      }
      
      #tabs a.active span {
      	background-position:100% -42px;
      	color:white;
      }
      
    #tabs a span {
      float:left;
      display:block;
      background:url(../img/tabright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:white;
      }
     #tabs a.green span {
      float:left;
      display:block;
      background:url(../img/tabright_green.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:white;
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:white;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
/*______KITE DETAILS ____*/
 #bookmark {
	  /*float:left;*/
      /*width:100%;*/
      background:transparent;
      font-size:93%;
      line-height:normal;
      }
    #bookmark ul {
	  margin:0;
	  padding:10px 10px 0px 0px;
	  list-style:none;
      }
    #bookmark li {
      display:inline;
      margin:0;
      padding:0;      
      }
    #bookmark a {
      float:left;
      background:url(../img/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 5px 0 4px;
      text-decoration:none;
      }
      #bookmark a.green {
      float:left;
      background:url(../img/tableft_green.gif) no-repeat left top;
      margin:0;
      padding:0 5px 0 4px;
      text-decoration:none;
      cursor:hand;
      }
      
      #bookmark a.active {
      	background-position:0% -42px;
      }
      
      #bookmark a.active span {
      	background-position:100% -42px;
      	color:white;
      }
      
    #bookmark a.green span {
      float:left;
      display:block;
      background:url(../img/tabright_green.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:white;
      }
       #bookmark a span {
      float:left;
      display:block;
      background:url(../img/tabright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:white;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #bookmark a span {float:none;}
    /* End IE5-Mac hack */
    #bookmark a:hover span {
      color:white;
      }
    #bookmark a:hover {
      background-position:0% -42px;
      }
    #bookmark a:hover span {
      background-position:100% -42px;
      }
 .text {
	background-color:#24282F;
 }
 #textContent .text ul {
   	padding: 0;
	margin: 0;
    margin-left:15px;
	list-style: none;
 }
 #textContent .text ul li {
    background-image: url(../img/ul-green.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left:12px;
	margin-top:1px;
 }


 .text p {
 	margin:4px;
 	padding:4px;	
 }
 .text a {
 	text-decoration:none;
 	color:#BACE59;
 }
 .text h1 {
 	font-size:16px;
 	padding:4px 4px 4px 8px;
 }
 .text h2, .text h3 {
 	padding-left:8px;
 }
 
/*________MENU__________*/
#menu {
	list-style: none;
	margin:26px 0 0 0;
	padding:0px;
}
#menu ul#main {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 12px;
	font-weight: normal;
}
#menu ul#main li a{
	display:block;
	background-image: url(../img/li.jpg);
	background-position: 0px 0px;
	width:145px;
	_width:150px;
	height:21px;
	_height:26px;
	color: white;
	padding:5px 0px 0px 5px;
	text-decoration: none;
}
#menu ul#main li.active a {
	display:block;
	background-image: url(../img/li.jpg);
	background-position: 0px -26px;
	width:145px;
	_width:150px;
	height:21px;
	_height:26px;
	color: white;
	padding:5px 0px 0px 5px;
	text-decoration: none;
}
#menu ul#main li a:hover{
	display:block;
	background-image: url(../img/li.jpg);
	background-position: 0px -26px;
	/*width:218px;
	height:37px;*/
	color: white;
}
#menu ul#second {
	list-style: none;
	padding: 0;
	margin:0;
	font-size: 12px;
	font-weight: bold;
}
#menu ul#second li a {
	display:block;
	background-image: url(../img/li2.jpg);
	background-position: 0px 0px;
	width:198px;
	height:21px;
	color: #333333;
	padding:5px 0px 0px 20px;
	text-decoration: none;
}
#menu ul#second li a:hover{
	display:block;
	background-image: url(../img/li2.jpg);
	background-position: 0px -26px;
	color: #333333;
}
/*_______FOOTER_______*/
#footer {	
	height:166px;
	padding-top:5px;
	/*background-image: url(../img/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;*/	
	text-align:right;
	position: relative;
	
}
#footer ul {	
	margin: 0;
	padding: 3px 0px 0px 0px;	
}
#footer ul li {
	display: inline;
	/*background-image: url(../img/liFooter.png);
	background-repeat: no-repeat;*/
	background-position: right;		
	padding:0px 5px 0px 5px;
	font-size: 10px;
	color:white;
}

#footer a {
	font-size:10px;
	color:white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#copyright {
	height:16px;
	padding:2px 2px 0px 0px;
	margin:1px 0px 0px 0px;
	font-size: 9px;	
}
#copyright img {
	position: relative;
	right:400px;
	top:2px;
}
#copyright a {
	color:#999999;
	text-decoration:none;
}
#copyright a:hover {
	color: #999999;
	text-decoration:underline;
}
#keywords {
	text-align: left;	
}
#social_net {
	text-align:left;
	width:150px;
	float:left;
}

/*_________CENIK_______*/
table#cenik {
	margin:0px;
	padding:0px;
	width:100%;
	border-collapse: collapse;
}
table#cenik td {
	background-color:#6D6E71;
	padding-left:5px;
}
table#cenik td p {
    display: inline;
	margin:0;
}
table#cenik tr.dark td {
	background-color:#46484D;
}
.box {
	background-color:#24282F;
	padding:0px 2px 0px 1px;
	
}
.box h3 {
	font-size:10px;
	padding:2px;
	margin:0px;
	border-bottom:1px solid black;
}
.box .item {
	border-bottom:1px solid black;
	text-align:center;
}

.nej h2 {
	background-image: url(../img/bg_title.jpg);
	background-repeat: no-repeat;
	font-size:13px;
	font-weight: 400;
	height:23px;
	padding-top:2px;
	text-align: center;
	margin:2px 0px 0px 0px;
}
.nej h2 span {	
}
.nej .item {
	text-align: center;
	background-color: #4E4E4E;
	padding:4px 0px 4px 0px;
	margin:0px;
	border-bottom:1px solid black;
}
.nej .item h3 {
	font-size: 12px;
	font-weight:400;
	margin: 0;
	padding:4px 2px 4px 2px;
}


/*________GALLERY__________*/
#gallery {
	padding:10px 0px 10px 0px;
}
#gallery a {
	text-decoration:none;
}
#gallery img {
	border:1px solid black;
	margin:5px;
}
#gallery img:hover {
	border:1px solid white;
}

/*_______Strankovani_______*/
#pages {
	text-align: right;
	font-size:11px;
	padding-right:5px;
}
#pages a {
	color:black;
	text-decoration: none;
	font-weight: bold;
}
#pages a.green {
	color:#BACE59;
	text-decoration: none;
	font-weight: bold;
}
#pages a:hover {
	text-decoration: underline;
}
#forum {
    background-color: #515151;
}
#forum .head {
	padding:2px 4px 2px 4px;
}
#forum p {
	margin:2px 0px 0px 0px;
	padding:4px 4px 6px 4px;
	border-bottom:1px solid #BACE59;
	background-color: black;
}
.forumNav {
	font-size:14px;
}
/*______Formular_______*/
form.formular {
	margin-bottom:10px;
}
form.formular input {
	width:300px;
	border:1px solid #cccccc;
}
form.formular input.submit {
	width:100px;
    background-image: url(../img/btn_send.jpg);
    background-repeat: repeat-x;
}
form.formular textarea {
	width:300px;
	border:1px solid #333333;
}
form.formular table td {
	text-align: right;
}

form.obj{margin:0;padding:0}

form * {vertical-align:middle}

form.obj fieldset{margin:6px 0;padding:8px 10px;}

#content form.obj fieldset {
	 /*border:1px solid #cccccc;*/
	/* background-color: #EFEFEF;*/
}
form.obj input,form.obj select {
	border:1px solid #cccccc;
}
form.obj label{display:block;float:left;width:120px;margin:4px 0 4px 16px}

form.obj br{clear:left}


form.obj div.r{float:right;width:500px}


form.obj input.order {
	border:1px solid white;	
	background-color: #FF6600;
	text-align: center;
	color: white;
}
/*FACEBOOK*/
#face_comment {
	background-color: white;
	padding:5px;
}
/*_________BAZAR________*/
table#bazar {
	margin:0px;
	padding:0px;
	width:100%;
	border-collapse: collapse;
}
table#bazar th {
	background-color:#343434;
	border:1px solid #666666;
	padding:5px;
}
table#bazar td {
	padding: 2px 2px 2px 5px;
	background-color: #343434;
	border:1px solid #666666;
}
table#bazar td img {
	margin:5px;
	border:1px solid black;
}
table#bazar td.black {
	background-color: #1d1d1d;
	border:0px;
	padding-top:5px;
}
h2.bazar {
	border-top:1px solid #BACE59;
}

.fontSize1{
	font-size:8px;
}
.fontSize2{
	font-size:10px;
}
.fontSize3{
	font-size:12px;
}
.fontSize4{
	font-size:14px;
}
.fontSize5{
	font-size:18px;
}
.fontSize6{
	font-size:24px;
}
.fontSize7{
	font-size:36px;
}