@import "global.css";
@import "api.css";

@media screen,projection {
	body,textarea,input { font: 12px/18px "Trebuchet MS", "Geneva CE", lucida, sans-serif; color:#FFF;}
	body {background:#C2C2C2 url('../img/bkg-body.jpg') 0 0px repeat-x; margin:0; padding:0; text-align:center;}
	table {background:white; border:0px solid #aaa; border-width:0px; border-collapse:collapse; margin:0 0 1em 0; font-size:100%;}
	table th, table td {border:0px solid #aaa; border-style:solid; border-left-color:#aaa; border-right-color:#aaa; padding:3px 3px}
	table thead th, table tfoot th {background:#555; color:#fff; text-align:center}
	table tbody th {text-align:left; font-weight:bold}
	table td {border-color:#aaa}
	table tr.even td {background:#ddd}
	table h2, table h3 {margin-top:.5em}
	
	a {color:#960800; text-decoration: none; font-weight: bold;}
	h2 a {text-decoration: none; }
	h2 {margin:10px 0;}
	
	/* chybove hlasky ze streho systemu */
	.error {font-weight: bold; font-size:13px; color:#BF2026; padding:10px 20px; border:1px solid #DDD; margin:10px 0; background-color: #D3D3D3;}
	
	/* tabulka */
	table thead th, table tfoot th, table th {background-color: #BE280F; font-weight: bold; }
	table td {background-color: #DDD; color:#000;}
	table a {color:#000; font-weight:bold;}
	
	/* formular v tabulce */
	form table {background-color: #7B7C7C; }
	form table td, form table th, form table tr {border:none; color:#FFF;}
	form table td {width:200px; background-color: #7B7C7C;}
	form table td.req {font-weight: bold;}
	
	/* fotogalerie */
	.gallery .image img {padding:0; border:none;}	
	
	/* obyc formular */
	input, textarea, select {color: #000; background-color: #FFF; border:none; padding:3px; }
	input[type=submit] {background-color: #BE280F; font-weight: bold; color:#FFF; cursor: pointer; }
	form input, form textarea, form select {margin:3px 0; }
	
	/* stranka s kratkodobou rezervaci */
	.public-reservations .obsazeno {background-color:#888;}
	.public-reservations .moje {background-color: #BE280F;}
	.public-reservations .clen {background-color: #0B8D32;}
	.ui-datepicker table {border:none;}
	.date_picker_kratkodobe {float:left;}
	.reservation-form {margin-left:70px; margin-right:20px; float:left; }
	.reservation-form fieldset {border:1px solid #DDD; width:auto; padding:5px 10px; width:200px;}
	
	/* msg alert */
	.msg_alert {color:#BF2026;}
	
	.header {background:transparent url('../img/bkg-header.jpg') 50% 0 no-repeat; height: 311px; min-width:960px; max-width: 1500px; margin:0 auto;}
	
	/* hlavni menu */
	.main-menu {font-size:16px; color:#FFF; height:40px; width:auto; font-weight: bold;}
	.main-menu li {height:47px; text-align: left;}
	.main-menu a {color:#FFF; text-transform: uppercase; line-height: 41px; text-decoration: none; padding:6px 18px 0 18px;}
	.main-menu ul li.first {margin-left:0;}
	.main-menu ul li.active a, .main-menu ul li a:hover {background: transparent url('../img/bkg-main-menu.png') left top repeat-x;}
	.main-menu ul ul { display: none; font-size:12px;}
	.main-menu .pronajmy {width:119px;}  /* kvuli IE natvrdo nastavene sirky */
	.main-menu .turnaje {width:107px;}
	.main-menu .areal {width:86px;}
	.main-menu .kempy {width:86px;}
	.main-menu .klub {width:150px;}
	.main-menu ul ul li {overflow: hidden; float:none; background:transparent url('../img/bkg-main-menu-sub.png') 0 0 repeat-x; height:35px; line-height: 34px;}
	.main-menu ul ul li a {padding:0 0 0 5px; text-transform: capitalize; border-bottom:1px solid #B5B3AE; line-height: 34px; height:34px;}
	.main-menu ul ul li.last a {border-bottom:none;}
	.main-menu ul ul li a:hover {background:#BF2026 url('../img/bkg-main-menu-sub.png') 0 0 repeat-x;}
	.main-menu ul .active ul li a {background-image: inherit;}
	
	
	/* uvodni strana - hlavni a levy sloupec */
	.left-col dt a , .main-col dt a, .login-col dt a {color:#FFF;  padding-left:15px; text-transform: uppercase; font-size: 24px; font-weight: bold; }
	.left-col {width:286px; background-color: #D3D3D3; color:#000; float:left; padding-bottom:15px;}
	.left-col dt {margin:3px 0 0 3px;  background: transparent url('../img/bkg-left-col-heading.png') left top no-repeat; height:37px; line-height: 37px;}
	
	.main-col {margin-left:320px; background-color:#FFF; color:#000; padding:3px 0 0 0;}
	.main-col dt { margin-left:4px; background: transparent url('../img/bkg-main-col-heading.png') left top no-repeat; height:37px; line-height: 37px;}
	.main-col .article {background-color:#D3D3D3;}
	.main-col .lichy {background-color:#FFF;}
	.dn {display:none;}
	
	/* clanky na uvodni strane */
	
	.article {padding:5px 10px; min-height:130px;}
	.article .more {text-align: right; margin-right:20px; font-size: 12px;}
	/*.article .excerpt {height: 120px;}*/ 
	.article .title {margin:5px 0;}
	.article img {border:none; padding:0; margin:5px 10px 5px 0px;}
	.article .title a {color:#000;text-decoration: none;}
	.lichy .title a {color:#434343;}
	.article .more a {color:#000;text-decoration: underline;}
	.lichy {background-color:#FFF; color:#434343;}
	
	
	/* sablona index a jeji clanky */
	.content {margin:-360px 0 0 30px; padding:20px 20px 0 20px; position: relative; z-index:20; width:600px; text-align:left; background-color: #7b7c7c; color:#FFF; min-height:550px;}
	
	.content .article {background-color:#D3D3D3; color:#000; padding:10px 30px;}
	.content .article img {margin:5px 20px 5px 0;}
	.content .lichy {background-color: #FFF; color:#434343;}  
	.content a {text-decoration: underline; font-weight: bold;}
	                                                
	.content h1 {background-color: #7b7c7c; }
	/* sablona index - konec */
	
	.logo h1, .logo span {font-size:70px; display:block; height:75px; line-height:75px; }
	.logo a {text-decoration: none; color:#FFF;}
	
		/* CHAPTERS */
	.chapters {background:none;border:none;width:100%;border-bottom: 2px solid #E5E6E7;}
	.chapters ol {height:26px;margin-left:0;margin-bottom:0;}
	.chapters ol li {background: none repeat scroll 0 0 #F2F2F3;border:#E5E6E7 solid 1px;border-bottom:none;float: left;list-style-type: none;margin: 0 3px 0 0;padding: 3px 8px;}
	.chapters ol li a {color: #939598;text-decoration: none;}
	.chapters ol li.active {background: none repeat scroll 0 0 #FFFFFF;font-weight: bold;}
	.chapters ol li.active a {color: #FF0000;}
	.chapters ol li.active a {font-weight: bold;}
	
	/* uvodni rotujici "novinky" */
	.promo {width:960px; height:300px; background-color: #000; margin-bottom:60px;}
	.promo .article5 {padding:0; width:607px; height:404px;}
	.promo dt {display:none;}
	.promo a img {margin:0;}
	.promo .article5 .text {margin:-120px 0 0 0; color:#FFF; padding:20px 30px; background: transparent url('../img/bkg-promo-text.png') repeat left top; position:relative; z-index:11; height:81px; }
	.promo .article5 h2 {margin:0;}
	.promo .article5 h2 a { color:#FFF;}
	
	/* buttony v rotovacich novinkach */
	.buttons {display:block;left:5px;list-style:none outside none;margin:0;position:absolute;top:5px;width:100%;z-index:100;}
	.buttons li { background:none repeat scroll 0 0 #B5B3AE;display:block;float:left;height:14px;line-height:14px;margin-right:4px; margin-bottom:4px; text-align:center;width:14px;}
	.buttons li a {font-size:10px; color:#000;display:block;text-decoration:none;font-weight: bold;}
	
	.rotovaci-obrazky {width:610px; background-color: transparent; height:404px;}
	.rotovaci-obrazky dl, .rotovaci-obrazky dl dd {width:607px; height:404px;}
	.stin {width:1001px; background: transparent url('../img/bkg-stin.png') left bottom no-repeat; height:90px; margin: 0px 0 0 25px;}
	
	/* prihlasovaci formular */
	.generalni-sponzor img {width:215px; height:177px;}
	.login-col {background-color: #3a3b3a; width:215px; height:200px; text-align:left;}
	.login-col h2 {color:#FFF; text-transform:uppercase; margin:3px 0 0 2px; padding-left:15px; padding-top:4px; background: transparent url('../img/bkg-login-col-heading.png') left top no-repeat; width:197px; font-size:24px; height:27px; line-height: 27px;}
	.login-col fieldset {padding:20px 10px 0 10px;}
	.login-col input {border:none; background-color:#FFF; color:#000; margin:5px 0; padding:3px; width:130px;}
	.login-col input[type=submit] {float:right; margin-right:5px; margin-top:10px; width:auto;}
	.login-col label {width:50px; padding-top:6px;}
	.login-col .registrace {margin-top:15px;}
	.inside-user-wrap {padding:5px 10px;}
	.login-col .support {font-size: 10px; padding:0 10px; line-height: 1.2;}
	
	/* paticka webu s logama sponzoru */
	.sponzori { border-top:1px solid #999a9e; border-bottom:1px solid #999a9e; margin:20px 0; padding:20px 0; position:relative; z-index:20; vertical-align: midle;}
	.sponzori dt {display: none;}
	.sponzori table {text-align:center; border-width: 0px; color: white; background: transparent;}
	.sponzori table td {border-width: 0px; color: white; background-color: transparent;}
	.sponzori img {margin:0 5px;}
	
	.path li {background: transparent url('../img/bkg-path.png') no-repeat 0 50% ; padding-left:15px; padding-right:5px;}
	.path li.first {background:none; padding-left:0;}
	.path li a {font-size: 12px; font-weight: normal; }
	.copyright {text-align:right; position:relative; z-index:20;}
	.officials {text-align:left; position:relative; z-index:20;}
	.officials a img {padding-right: 20px;}
	.footer {background: #c2c2c2 url('../img/bkg-footer.jpg') 50% 0 no-repeat; min-width:960px; width:100%; height:250px; margin:-250px auto 0 auto;}
	
	.search {width:350px;}
	.search input{float:left;}
	.search .search-button {padding:0; border:none; margin:3px 0 0 10px;}
	
	.kontakt {background: transparent url('../img/bkg-kontakt.png') no-repeat left top; width:280px; height:90px; padding:35px 0 0 35px; font-size: 16px; font-weight: bold;}
	.kontakt dt {display: none;}
	
	
	
	/* IDs */
	#wrap-main {position:relative; width:959px; margin:0 auto; padding-bottom:120px; padding-left:1px;}
	#main-menu {position:absolute; top:-82px; margin-left:400px; z-index:30;}
	#rotovaci-obrazky {position: absolute; margin:0px 0 0 50px; z-index:10;}
/*	#left-col {position:absolute;}*/
	#generalni-sponzor {position:absolute; top:207px; margin-left:672px; }
	#login-col {position:absolute; top:0px; margin-left:708px;}
	#logo {position: absolute; top:-150px; margin-left:270px;}
	#path {position:absolute; top:-33px; margin-left:-20px;}
	#search {position: absolute; top:-70px; margin-left:30px; z-index:30;}
	#kontakt {position: absolute; top:-262px; margin-left:580px; }
	#rotujici-jessie {position: absolute; top:-307px; margin-left:625px;}
	#map {color:black;@}
	
	/* IE 8 */
	
	/* IE 7 */
	*:first-child+html #rotovaci-obrazky {left:0px;}
	*:first-child+html #rotovaci-obrazky .article {height:404px;}	
	*:first-child+html #login-col {left:0px;}
	*:first-child+html #generalni-sponzor {left:0px;} 
	/**:first-child+html #left-col {left:0px;}*/ 
	*:first-child+html #logo {left:0; top:-160px;}
	*:first-child+html .content {margin-left:-260px;}
	*:first-child+html .login-col h2 {padding-top:0; height:31px;} 	
	*:first-child+html #kontakt {left:0px;}
	*:first-child+html #rotujici-jessie	{left:0px;}		
				
	/*IE6 hax*/
	* html #promo {margin-left:34px;}
  	* html #rotovaci-obrazky {left:34px;}
  	* html #rotovaci-obrazky .article {height:404px;}	  
	* html #login-col {left:34px;}
	* html #generalni-sponzor {left:34px;} 
	/** html #left-col {left:34px;}*/
	* html #logo {left:34px;}
	* html #kontakt {left:34px;}
	* html #rotujici-jessie	{left:34px;}		 		
}
@media print {
	.np,.noprint,.invisible {display:none;}
	label {width:20%; float:left}
}