/*=====================================================================================

	Project:			PENZION HAJENKA
	
		
	== iNFO ===========================================
	
	Web width:			100%
	Page width:			940px
	
	
	== Px2Em ===========================================
	
	body 	87.5%
	
	12px	0.857em
	13px	0.929em
	14px	1.000em
	15px	1.071em
	16px	1.143em
	17px	1.214em
	18px	1.286em
	19px	1.357em
	20px	1.429em
	
	
	== CSS DETAiL ======================================
	
	RESET
	TYPOGRAPHY
	HACKS
	
	LAYOUT
	HEADER
	CONTENT
	FOOTER
	
	TABLE
	CONTACT FORM
	TISK
	
	
=====================================================================================*/

/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}
body {
background:url(../img/body.png) repeat 0px 0px;
color:#333333;
font-family:arial, tahoma, verdana, sans-serif;
font-size:87.5%;
font-weight:normal;
line-height:1.425em;
text-align:left;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color:#a2a2a2;
font-family:arial, tahoma, verdana, sans-serif;
font-size:100%;
margin:0px;
}

/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4 {
color:#269b24;
font-family:'Trebuchet MS', arial, tahoma, verdana, sans-serif;
font-weight:bold;
line-height:1.1em;
margin:0px;
padding:0px;
}
h1 {font-size:2.143em;}
h2 {font-size:1.428em;}
h3 {font-size:1.571em;}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}
.hide			{display:none;}

p               {margin:0px;}
img				{border:0px;margin:0px;}
strong			{font-weight:bold;}
em				{font-style:italic;}
sup, sub		{line-height:0;font-size:90%}
ul				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
.ie6 ul			{margin-left:2.0em;}
.ie6 ol			{margin-left:2.6em;}
.ie7 ul			{margin-left:2.0em;}
.ie7 ol			{margin-left:2.6em;}
.ie8 ul			{margin-left:1.5em;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #cccccc;}

a,
a:link,
a:visited,
a:hover {
color:#269b24;
text-decoration:underline;
outline:none;
}
a:focus,
a:hover{
text-decoration:none;
}

sub, sup {font-size:70%; position:relative;}
sub {bottom:-5px;}
sup {top:-5px;}

/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */

::-moz-selection	{background:#1860f3; color:#fff; text-shadow: none;}
::selection 		{background:#1860f3; color:#fff; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVKŮ */
.clearfix:after,
.movie:before,
.movie:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after,
.movie:after {clear: both;}
.clearfix,
.movie {zoom: 1;} /* IE 5.5/6/7 */


/**********************************************/
/*				PAGE						  */
/**********************************************/

#page {
margin:0px auto;
width:940px;
}
img.obrazek-vpravo {
display:block;
float:right;
margin:5px 0 5px 25px;
}


/**********************************************/
/*				HEADER						  */
/**********************************************/
#header {
height:104px;
}
#header .header-logo {
color:#269b24;
float:left;
font-family:'Trebuchet MS', arial, tahoma, verdana, sans-serif;
font-size:2.714em;
margin:42px 0 0;
text-decoration:none;
}
#header .header-menu {
float:right;
list-style-type:none;
margin:0px;
padding:45px 0 0;
}
#header .header-menu li {
float:left;
padding:0px 0px 0px 45px;
}
#header .header-menu li a:link,
#header .header-menu li a:visited,
#header .header-menu li a:hover {
color:#333333;
font-family:'Trebuchet MS', arial, tahoma, verdana, sans-serif;
font-size:1.286em;
text-decoration:none;
}
#header .header-menu li a.active:link,
#header .header-menu li a.active:visited,
#header .header-menu li a.active:hover,
#header .header-menu li a:hover {
color:#269b24;
}


/**********************************************/
/*				CONTENT						  */
/**********************************************/
.main-img {
background:#fff;
border-top:1px solid #e3e3e3;
padding:4px 0px;
}
.main-img img {
display:block;
}

#content {
background:#ffffff;
border-top:1px solid #e3e3e3;
padding:0px 40px;
}
#content h1 {
padding:24px 0px 12px;
}
#content h2 {
color:#333333;
font-weight:normal;
padding:24px 0px 6px;
}
#content .big-text {
font-size:1.286em;
line-height:24px;
}
#content p {
padding:0px 0px 20px;
}
#content ul {
list-style-type:none;
margin:0;
padding:0px 0px 20px 10px;
}
#content ul li {
background:url(../img/ico-list.png) 0 13px no-repeat;
padding:4px 0 0 15px;
}
#content .google-map {
padding:0px 0px 20px;
text-align:center;
}
#content .gallery {
background:url(../img/content-gallery.png) top center no-repeat;
height:266px;
position:relative;
width:860px;
}
#content .gallery h2 {
color:#269b24;
font-size:1.143em;
font-weight:bold;
padding:38px 0px 20px 0px;
}
#content .gallery .slider {
height:130px;
overflow:hidden;
width:860px;
}
#content .gallery .slider ul {
height:130px;
list-style-type:none;
margin:0px;
padding:0px;
width:860px;
}
#content .gallery .slider ul li {
background:none;
float:left;
height:130px;
padding:0;
width:860px;
}
#content .gallery .slider ul li .item {
border:1px solid #e3e3e3;
float:left;
padding:4px;
}
#content .gallery .slider ul li .item:hover {
border:1px solid #269b24;
}
#content .gallery .slider ul li .itemMiddle {
margin:0px 25px;
}
#content .gallery .slider ul li .item img {
float:left;
}
#content .gallery .prevBtn a:link,
#content .gallery .prevBtn a:visited,
#content .gallery .prevBtn a:hover,
#content .gallery .nextBtn a:link,
#content .gallery .nextBtn a:visited,
#content .gallery .nextBtn a:hover {
background:pink;
cursor:pointer;
height:59px;
position:absolute;
top:116px;
text-indent:-9999px;
width:29px;
}
#content .gallery .prevBtn a:link,
#content .gallery .prevBtn a:visited,
#content .gallery .prevBtn a:hover {
background:url(../img/content-gallery-nav.png) 0px 0px no-repeat;
left:-49px;
}
#content .gallery .nextBtn a:link,
#content .gallery .nextBtn a:visited,
#content .gallery .nextBtn a:hover {
background:url(../img/content-gallery-nav.png) -29px 0px no-repeat;
right:-49px;
}
#content .gallery .prevBtn a:hover {
background:url(../img/content-gallery-nav.png) 0px -59px no-repeat;
}
#content .gallery .nextBtn a:hover {
background:url(../img/content-gallery-nav.png) -29px -59px no-repeat;
}
#content .gallery .controls {
list-style-type:none;
margin:0px;
padding:20px 0px 0px 0px;
text-align:center;
}
#content .gallery .controls li {
float:left;
height:10px;
margin:0px 10px 0px 0px;
width:10px;
}
#content .gallery .controls li a:link,
#content .gallery .controls li a:visited,
#content .gallery .controls li a:hover {
background:url(../img/content-gallery-point.png) 0px 0px no-repeat;
display:inline-block;
height:10px;
text-indent:-9999px;
width:10px;
}
#content .gallery .controls li a:hover,
#content .gallery .controls li.current a:link,
#content .gallery .controls li.current a:visited,
#content .gallery .controls li.current a:hover {
background:url(../img/content-gallery-point.png) 0px -10px no-repeat;
}


/**********************************************/
/*				 FOOTER						  */
/**********************************************/
#footer {
color:#333333;
font-family:'Trebuchet MS', arial, tahoma, verdana, sans-serif;
font-size:0.857em;
padding:12px 0 20px;
}
#footer a:link,
#footer a:visited,
#footer a:hover {
color:#333333;
}


/**********************************************/
/*				 TABLE						  */
/**********************************************/
table {
border:0px;
border-collapse:collapse;
border-spacing:0px;
margin:0px 0px 20px;
padding:0px;
width:100%;
}
table.w30 {
width:30%;
}
table.w30 td {
text-align:left;
}
table th {
background:#269b24;
color:#fff;
font-weight:bold;
padding:5px 10px;
text-align:center;
vertical-align:top;
}
table td {
padding:5px 10px;
text-align:center;
vertical-align:center;
}
table tr.even td {
background:#F3F3F3;
}


/**********************************************/
/*			 CONTACT FORM					  */
/**********************************************/

.contact-form {
margin:0px auto;
width:630px;
}
.contact-form .error,
.contact-form .success {
color:#CA0707;
font-size:1.143em;
font-weight:bold;
padding:20px 0px 0px;
}
.contact-form .success {
color:#18AF15;
}
.contact-form .left-item,
.contact-form .right-item {
float:left;
width:306px;
}
.contact-form .right-item {
float:right;
}
.contact-form label {
display:block;
padding:20px 0px 2px 0px;
}
.contact-form input {
background:#fbfbfb; /* Old browsers */
background:-moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* IE10+ */
background:linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* W3C */
border:1px solid #d8d8d8;
height:35px;
line-height:35px;
padding:0px 10px;
width:284px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contact-form input.err {
border:1px solid #CA0707;
}
.contact-form textarea {
background:#fbfbfb; /* Old browsers */
background:-moz-linear-gradient(top,  #fbfbfb 0%, #ffffff 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* IE10+ */
background:linear-gradient(top,  #fbfbfb 0%,#ffffff 100%); /* W3C */
border:1px solid #d8d8d8;
height:154px;
padding:5px 10px;
width:608px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contact-form textarea.err {
border:1px solid #CA0707;
}
.contact-form button {
background:#269b24;
border:1px solid #b7b7b7;
color:#fff;
cursor:pointer;
float:right;
font-weight:bold;
height:52px;
line-height:52px;
margin:18px 0px 40px;
padding:0px;
width:165px;
-webkit-box-shadow: inset 0px 0px 0px 1px #f5f8f8;
-moz-box-shadow: inset 0px 0px 0px 1px #f5f8f8;
box-shadow: inset 0px 0px 0px 1px #f5f8f8;
}
.contact-form button:hover {
background:#eeeeee;
color:#686a6f;
}


/**********************************************/
/*				TISK						  */
/**********************************************/
@media print {
	/* TYPOGRAPHY */
	* {
	background: transparent !important; 
	color: black !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important; 
	}
	body { 
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 1.4em;
	word-spacing:1.1pt;
	letter-spacing:0.2pt; 
	font-family: arial, Garamond,"Times New Roman", serif !important;
	color: #000; 
	background: none; 
	}
	h1, h2, h3, h4 {
	font-family: Garamond,"Times New Roman", serif;
	color:#000;
	}
	h1			{font-size:19pt;}
	h2			{font-size:17pt;}
	h3			{font-size:15pt;}
	h4			{font-size:12pt;}
	a:link, a:visited {
	background: transparent;
	font-weight: 700;
	text-decoration: underline;
	color: #444 !important;
	}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
	a[href^="http://"] {color:#000; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	#header .header-menu,
	#content .gallery {
	display:none;
	}
}