/* @override http://skolicimistnost-ivan.iinfo.cz/css/global.css */

/* @group Basics */
body, ul, li, table, th, td, p, h1, h2, h3, h4, h5, h6, form {
	padding: 0;
	margin: 0;
}
body {
	color: #000;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#main {
	width: 660px;
	margin: 45px 0 0px 45px;
}

a img {
	border: none;
}

.cb {
	clear: both;
}
/* @group Corners */

.corner {
	overflow: hidden;
	position: absolute;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
}

.corner.top-left {
	top: 0;
	left: 0;
	background-position: top left;
}

.corner.top-right {
	top: 0;
	right: 0;
	background-position: top right;
}

.corner.bottom-left {
	bottom: 0;
	left: 0;
	background-position: bottom left;
}

.corner.bottom-right {
	bottom: 0;
	right: 0;
	background-position: bottom right;
}

/* @end */



/* @end */

/* @group Header */
#header {
	position: relative;
	height: 199px;
	display: block;
	width: 660px;

}

#header h1 {
	width: 199px;
	height: 199px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 100%;
	line-height: 1.3;
}

#header h1 span.imgPlaceholder{
	width: 199px;
	height: 199px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-image: url(../img/logo.png);
}

#header h1 span.address{
	display: block;
	font-weight: normal;
}

#header p{
	width: 460px;
	height: 136px;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 86%;
}

#header p span{
	width: 461px;
	height: 136px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	background: url(../img/introduction.png) -4px -1px;
}

#header h2{
	position: absolute;
	bottom: 8px;
	left: 220px;
	color: #474646;
	font-size: 150%;
	width: 400px;
	margin: 0;
	
}


/* @end */

/* @group photoGallery */

#photoGallery {
	height: 301px;
	position: relative;
	background: #ebebeb;
	margin: 76px 0 0 0;
}

#photoGallery .corner{
	width: 7px;
	height: 7px;
	background-image: url(../img/corners-photo.png);
	}

#photoGallery ul li img{
	display: none;
	height: 300px;}

#photoGallery ul li.active img{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	}

#photoGallery ul li{
	list-style: none;
		}

#photoGallery ul li a{
	text-decoration: none;
	color: #3b3b3b;
	font-size: 83%;
	background: url(../img/bullet.png) no-repeat left center;
	padding: 0 0 0 18px;
	line-height: 23px;
	width: 172px;
	display: inline-block;
}

#photoGallery ul li a:hover{
	color: #c87c04;
}

#photoGallery ul li.active a{
	background: url(../img/bullet-active.png) no-repeat left center;
	
	font-weight: normal;
	cursor: default;
	}

#photoGallery ul{
	padding: 26px 0 0 15px;
	}



/* @end */

/* @group Information */

#info p.contact-note {
	font-size: 86%;
	color: #555;
	margin: 0 0 0 14px;
	clear: both;
}

#info p.contact-note a{
color: #c87c04;
text-decoration: none;
}

#info p.contact-note a:hover{
text-decoration: underline;
}



#info .col{
	float: left;
}

#info .col.n1{
	width: 215px;
	padding: 0 35px 0 14px;
	}

#info .col.n2{
	width: 396px;
	padding: 0;
}

#info {
	padding:80px 0 0 0;
}

#info div.textBox h2 {
	color: #0072bc;
	font-size: 93%;
	margin: 0 0 13px 0;
	padding: 0;
}

#info div.textBox ul {
	font-size: 86%;
	list-style: none;
}

#info div.textBox ul li{
	line-height: 1.3;
	padding: 0 0 5px 0;
	color: #595858;
}

#info div.textBox {
	line-height: 1.3;
	padding: 0 0 30px 0;
	color: #595858;
}



#info div.textBox table{
	line-height: 1.3;
	font-size: 86%;
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #e9e9e9;
	width: 100%;
}

#info div.textBox table td, 
#info div.textBox table th{
	border: 1px solid #e9e9e9;
	padding: 5px;
}


div#dispozice ul{
	position: relative;
	top: -4px;
}

/* @group contact */
#contact address{
	font-size: 86%;
	font-weight: normal;
	font-style: normal;
}

#contact a#mapThumb{
	float: right;
	width: 210px;
	display: block;
	}

#contact a#mapThumb img{
	border: 2px solid #fff;
	position: relative;
	left: 8px;
	
	}

#contact a#mapThumb:hover img{
	border: 2px solid #c87c04;}
	
#contact #toMap{
	font-size: 86%;
	color: #c87c04;
	background: url(../img/map_ico.png) no-repeat left center;
	padding: 2px 0 6px 22px;
	text-decoration: none;
}

#contact #toMap:hover{
	text-decoration: underline;}

#contact .note{
	color: #898a88;
	font-size: 76%;
	margin: 0.7em 0 0.5em 0;
}

/* @end */

/* @group priceList */

#priceList span.note {
	font-size: 73%;
}
#priceList table thead {
	display: none;
}

#priceList table {
	margin: 0 0 0 -6px;
	
}

#priceList p.note {font-size: 73%; color:#898A88}

/* @end */




/* @end */

/* @group Calendar */

#calendar p.note {
	font-size: 76%;
	color: #595858;
	margin: 5px 0 0 12px;
}

#calendar {
	padding: 45px 0 0 0;
}

#calendar h2{
	color: #0072bc;
	font-size: 110%;
	margin: 0 0 10px 14px;
}


/* @end */

/* @group Online rezervace */

#onlineReservation {
	background: #e9e9e9;
	position: relative;
	margin: 55px 0 0 0;
	padding: 0 0 6px 0;
}

#onlineReservation .corner{
	background-image: url(../img/corner-reservation.png);
	width: 8px;
	height: 8px;
	
}


#onlineReservation h2 {
	color: #0072bc;
	font-size: 110%;
	padding: 14px 0 15px 13px;
}

#onlineReservation .section {
	background: #f4f4f4;
	padding: 9px 0 9px 9px;
	margin: 0 11px 5px 11px;
	position: relative;
	overflow: visible;
	display: block;
	clear: both;
}

#onlineReservation .section .corner{
	width: 5px;
	height: 5px;
	background-image: url(../img/corners-section.png);
	display: none;
}

#onlineReservation .col {
	width: 32.5%;
	float: left;
	margin: 0 0px 0 0; /*FUCK*/
	position: relative;
}

#onlineReservation label{
	color: #646464;
	font-size: 76%;
	display: block;
	margin: 0;
	padding: 0 0 4px 0;
	position: relative;
}

#onlineReservation label span{
	font-size: 180%;
	line-height: 0;
	position: relative;
	top: 0.2em;
	color: #0072bc;
	
		}

#onlineReservation .formText{
	border: 1px solid #c4c3c3;
	padding: 5px;
	width: 90%;
	z-index: 1000;
	position: relative;
}

#onlineReservation .formText.required{
	border: 1px solid #4e9fbe;
}

#onlineReservation textarea{
	border: 1px solid #c4c3c3;
	padding: 5px;
	width: 602px;
	height: 60px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 76%;
}

#onlineReservation textarea:focus{
	border: 1px solid #0072bc;
	background: #fdfcc4;
}

#onlineReservation .col .formText:focus{
	border: 1px solid #0072bc;
	background: #fdfcc4;
}

#onlineReservation button {
	padding: 0;
	background: #017ac8 url(../img/button.png);
	color: #fff;
	font: 86% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	width: 95px;
	height: 31px;	
	display: block;	
	cursor: pointer;
	clear: both;
	float: right;
	margin: 5px 11px 4px 0;
}

#onlineReservation button span{
		line-height: 1.9 !important;
		
		
		display: block;
	
}

#onlineReservation button:hover{
		background: #017ac8 url(../img/button.png) 0 bottom;
	
}


#onlineReservation p.note {
	font-size: 76%;
	color: #737373;
	margin: 0.9em 0 0 14px;
	width: 500px;
	float: left;
	line-height: 1.4;
	padding: 0 0 5px 0;
}



#onlineReservation p.note span{
	font-size: 180%;
	line-height: 0;
	position: relative;
	top: 0.35em;
	color: #0072bc;
	padding: 0 0 0 0.5em;

}



/* @group Errors */
div.errors {
	border: 1px solid red;
	padding: 0.5em 0.5em 0.2em 0.5em;
	margin: 2em 0 -2em 0;
	position: relative;
	color: red;
}

div.errors ul{
	padding: 0;
	margin: 0;
	font-size: 86%;
}

div.errors ul li{
	padding: 0 0 0.5em 0;
	margin: 0;
	list-style-type: none;
}

div.errors .corner {
	width: 5px;
	height: 5px;
	background-image: url(../img/corners-errors.png);
	margin: -1px;
}




/* @end */


/* @group Thanks */
.thanks {
	position: relative;
	background: #e9e9e9;
	padding: 0.5em 0.5em 0.2em 0.5em;
	margin: 2em 0 -2em 0;

}

.thanks .corner {
background-image: url(../img/corner-reservation.png);
	width: 8px;
	height: 8px;
	
}

.thanks h3 {
	color: #0072bc;
	font-size: 110%;
	padding: 14px 0 15px 13px;

	
}

.thanks p{
	font-size: 86%;
	padding: 0px 0 15px 13px;
	line-height: 1.4;

	
}

.thanks p a{
	color: #c87c04;
	text-decoration: none;
}

.thanks p a:hover{
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group offlineReservation */

#offlineReservation {
	margin: 52px 0 0 0;
}

#offlineReservation h2{
	color: #0072bc;
	font-size: 110%;
	padding: 14px 0 15px 13px;
}

#offlineReservation p#phone{
	float: left;
	color: #0072bc;
	font-size: 140%;
	font-weight: bold;
	width: 40%;
	padding: 0 0 0 14px;
	line-height: 1;
}

#offlineReservation p#phone .note{
	color: #6b6b6b;
	font-size: 57%;
	font-weight: normal;
	padding: 10px 0 0 0;
	display: block;
	}

#offlineReservation p#email{
	float: left;
	position: relative;
	top: 2px;
}

#offlineReservation p#email a{
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	color: #0072bc;
}

#offlineReservation p#email a:hover{
	text-decoration: underline;
	color: #c87c04;
}



/* @end */

/* @group Footer */


#footer {
	clear: both;
	background: #e9e9e9;
	position: relative;
	padding: 11px 11px 11px 11px;
	margin: 63px 0 45px 0;
}

#footer .corner{
	width: 5px;
	height: 5px;
	background-image: url(../img/corner-reservation.png);
}

#footer #logo {
	float: left;
	margin: 0 20px 0 0;
}

#footer p{
	font-size: 76%;
	color: #003d7c;
	line-height: 1.4;
	position: relative;
	top: 3px;
}

#footer p a{
	color: #c87c04;
text-decoration: none;
	}

#footer p a:hover{
	text-decoration: underline;

	}
/* @end */


/* @group Navod */


#navod {
	background: #e9e9e9;
	position: relative;
	margin: 55px 0 0 0;
	padding: 18px 0 6px 0;
	top: 0;
	bottom: 0;
	
}

#navod .corner{
	background-image: url(../img/corner-reservation.png);
	width: 8px;
	height: 8px;
	
}


#navod h1 {
	color: #0072bc;
	font-size: 150%;
	padding: 16px 0 15px 13px;
	position: absolute;
	top: 2em;
}

#navod h2 {
	color: #0072bc;
	font-size: 110%;
	padding: 14px 0 15px 13px;
}

#navod ul {
	font-size: 86%;
	margin: 0 0 0 14px;
	padding: 0;
	line-height: 1.4;
	list-style: none;
}

#navod ul li{
	
	margin: 0 0 1.5em 0;
	padding: 0 0 0 15px;
	background: url(../img/li.png) no-repeat left 0.5em;
}




/* @end */