// pozadi: #fff text: #534f4c (cerna) nadpisy: #0077c0 (zlata) menu: 2c1d14 (jina cerna)  footer pozadi #d2cbc3

@font-face {font-family: 'opensans';src: url('fonts/opensans-bold-webfont.eot');			src: url('fonts/opensans-bold-webfont.eot?#iefix') 				format('embedded-opentype'),     url('fonts/opensans-bold-webfont.woff') 			format('woff'),     url('fonts/opensans-bold-webfont.ttf') 				format('truetype'),     url('fonts/opensans-bold-webfont.svg#open_sansbold') 						format('svg');	font-weight: bold;		font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-bolditalic-webfont.eot');		src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') 		format('embedded-opentype'),     url('fonts/opensans-bolditalic-webfont.woff') 		format('woff'),     url('fonts/opensans-bolditalic-webfont.ttf') 		format('truetype'),     url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') 			format('svg');	font-weight: bold;		font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-italic-webfont.eot');			src: url('fonts/opensans-italic-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-italic-webfont.woff') 			format('woff'),     url('fonts/opensans-italic-webfont.ttf') 			format('truetype'),     url('fonts/opensans-italic-webfont.svg#open_sansitalic') 					format('svg');	font-weight: normal;	font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-light-webfont.eot');			src: url('fonts/opensans-light-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-light-webfont.woff') 			format('woff'),     url('fonts/opensans-light-webfont.ttf') 			format('truetype'),     url('fonts/opensans-light-webfont.svg#open_sanslight') 						format('svg');	font-weight: lighter;	font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-lightitalic-webfont.eot');		src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') 		format('embedded-opentype'),     url('fonts/opensans-lightitalic-webfont.woff') 	format('woff'),     url('fonts/opensans-lightitalic-webfont.ttf') 		format('truetype'),     url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') 		format('svg');	font-weight: lighter;	font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-regular-webfont.eot');			src: url('fonts/opensans-regular-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-regular-webfont.woff') 		format('woff'),     url('fonts/opensans-regular-webfont.ttf') 			format('truetype'),     url('fonts/opensans-regular-webfont.svg#open_sansregular') 					format('svg');	font-weight: normal;	font-style: normal;}

/*
@font-face {font-family: 'opensans';src: url('fonts/opensans-extrabold-webfont.eot');		src: url('fonts/opensans-extrabold-webfont.eot?#iefix') 		format('embedded-opentype'),     url('fonts/opensans-extrabold-webfont.woff') 		format('woff'),     url('fonts/opensans-extrabold-webfont.ttf') 		format('truetype'),     url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') 				format('svg');	font-weight: bolder;	font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-extrabolditalic-webfont.eot');	src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') 	format('embedded-opentype'),     url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),     url('fonts/opensans-extrabolditalic-webfont.ttf') 	format('truetype'),     url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');	font-weight: bolder;	font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-semibold-webfont.eot');		src: url('fonts/opensans-semibold-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-semibold-webfont.woff') 		format('woff'),     url('fonts/opensans-semibold-webfont.ttf') 			format('truetype'),     url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') 				format('svg');	font-weight: semibold;	font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-semibolditalic-webfont.eot');	src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') 	format('embedded-opentype'),     url('fonts/opensans-semibolditalic-webfont.woff') 	format('woff'),     url('fonts/opensans-semibolditalic-webfont.ttf') 	format('truetype'),     url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') 	format('svg');	font-weight: semibold;	font-style: italic;}
*/

.hidden {display:none !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.centered {margin:10px auto;}
td,th {padding:0px 15px 0px 0px;}

*		{ margin:0px; padding:0px; border:0px; line-height: 1.5em; letter-spacing:0.5px; outline-style: none; color:#534f4c;-webkit-text-size-adjust: 100% !important}
body	{ font-family:'opensans',Arial; font-weight:100; font-size:12pt; line-height:1.5em; overflow-y:scroll; background:#ffffff; color:#647883; padding:124px 0px 0px 0px; }
.w1000 body {padding:104px 0px 0px 0px;}
.w800 body 	{padding:104px 0px 0px 0px;}
.w400 body 	{padding:84px 0px 0px 0px;}

.wrapper {width:1220px;height:auto;position:relative;margin:0px auto;}
.w1000 .wrapper {width:1000px;}
.w800 .wrapper {width:800px;}
.w400 .wrapper {width:400px;}

.button {font-size:18px;background-color:#0077c0;color:white;padding:0px 10px 0px 10px;width:300px;height:40px;line-height:40px;text-align:center;display:block;text-decoration:none;}

#header {height:100px;padding-top:24px;background-color:rgba(255,255,255,0.8);position:fixed;top:0px;left:0px;right:0px;z-index:10;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}
.w1000 #header, .w800 #header {height:80px;}
.w400 #header {height:60px;}
#header #topmenu {display:block;position:absolute;top:0px;left:0px;right:0px;height:24px;line-height:24px;background-color:#16254c;color:white;font-weight:bold;font-size:10px;}
#header #topmenu * {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;text-decoration:inherit;}
#header.small {padding-top:0px;}
#header.small #topmenu {display:none;}

#content {min-height:300px;height:auto !important;height:300px;}

.nomobile #hamburger {display:none;}
.mobile #hamburger {width:30px;height:30px;display:block;position:absolute;top:20px;right:10px;color:#0077c0;font-size:25px;text-align:right;}
#header #logo {width:380px;height:100px;position:absolute;top:0px;left:0px;background:url('img/vltava-sailing.png') center left no-repeat;background-size:292px 67px;text-decoration:none;cursor:pointer;overflow:hidden;text-indent:-1000px;}
.w1000 #header #logo {height:80px;width:305px;background-size:auto 50px;}
.w800 #header #logo {height:80px;width:200px;background-size:auto 36px;}
.w400 #header #logo {height:60px;width:150px;background-size:auto 25px;}
#header #menu {height:100px;position:absolute;top:0px;right:0px;}
.w1000 #header #menu,
.w800 #header #menu {height:80px;}
.mobile #header #menu {display:none;}
.mobile #header.hamburgered #menu {display:block;width:300px;height:250px;background-color:#fff;top:60px;right:0px;-webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);}
.mobile #header.hamburgered #menu a {float:none;height:40px;line-height:40px;text-align:right;padding:0px 20px 0px 20px;}
.mobile #header.hamburgered #menu a:hover,
.mobile #header.hamburgered #menu a.selecet {font-weight:bold;}
#header #menu a {display:block;float:left;height:100px;margin:0px 0px 0px 25px;line-height:100px;position:relative;font-size:18px;color:#647883;text-decoration:none;text-transform:uppercase;}
#header.small #menu a {color:#16254c;}
.w1000 #header #menu a {height:80px;line-height:80px;font-size:16px;}
.w800 #header #menu a {height:80px;line-height:80px;font-size:14px;margin:0px 0px 0px 15px;}
#header #menu a:hover:after,
#header #menu a.selected:after {content:'';display:block;width:25%;position:absolute;top:75px;left:50%;margin-left:-12.5%;height:5px;background-color:#0077c0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.w800 #header #menu a:hover:after,
.w800 #header #menu a.selected:after, 
.w1000 #header #menu a:hover:after,
.w1000 #header #menu a.selected:after {top:60px;}
.mobile #header #menu a:hover:after,
.mobile #header #menu a.selected:after {display:none;}

#footer {display:block;position:relative;clear:both;height:200px;background-color:#fff;}
#footer #footer_obr {height:200px;background:url('img/footer.jpg') top center no-repeat;background-size:100% auto;}
#footer #footer_obr span {display:block;position:absolute;bottom:10px;left:0px;right:0px;color:#fff;font-family:'opensans';font-weight:bold;font-size:10px;text-align:center;}
#footer #footer_obr span * {color:inherit;font-size:inherit;text-decoration:inherit;}
#footer #footer_obr span.copyright1 {left:10px;text-align:left;}
#footer #footer_obr span.copyright2 {right:10px;text-align:right;}
#footer #footer_obr .wrapper {height:100%;}
.w800 #footer #footer_obr,
.w400 #footer #footer_obr {background-size:1050px auto;}
.w400 #footer, .w400 #footer #footer_obr {height:100px;}
.w400 #footer #footer_obr span {font-size:7px;}

#content h1 {height:150px;background:url('img/h.png') -130px 120px no-repeat;font-size:48px;line-height:150px;font-weight:lighter;font-style:italic;text-align:left;}
.w400 #content h1 {font-size:40px;}
#content p {margin:0px 0px 15px 0px;}
#content ul,#content ol {padding:0px 0px 15px 23px;}
#content ul li {list-style-type:square;margin:0px 0px 5px 0px;}
#content ol li {margin:0px 0px 5px 0px;}
#content h2 {color:#16254c;margin:0px 0px 10px 0px;font-size:26px;}
#content h3 {font-size:16px;padding-bottom:10px;}
#content h3:before {content:'\f13d';font-family:'FontAwesome';color:#0077c0;padding-right:5px;} 
#content .text {width:790px;float:left;padding:0px 30px 30px 0px;border-right:1px dotted #d2cbc3;margin:0px 0px 50px 0px;}
.w1000 #content .text {width:570px;}
.w800 #content .text {width:800px;padding:0px 0px 15px 0px;border:0px;}
.w400 #content .text {width:400px;padding:0px 0px 15px 0px;border:0px;}

#content .sloupec {display:block;float:left;margin:0px 30px 30px 0px;}
#content .sloupec.sloupec_pul {width:570px;}
.w1000 #content .sloupec.sloupec_pul {width:470px;}
.w800 #content .sloupec.sloupec_pul {float:none;width:100%;margin:0px 0px 30px 0px;}
.w400 #content .sloupec.sloupec_pul {float:none;width:100%;margin:0px 0px 30px 0px;}

#content .sloupec2 {display:block;margin:0px 30px 30px 0px;width:740px;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.w1000 #content .sloupec2 {width:600px;margin:0px 0px 30px 0px;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.w400 #content .sloupec2 {width:100%;margin:0px 0px 30px 0px;-webkit-column-count:1;-moz-column-count:1;column-count:1;}

#content #home_promo 	{height:375px;background:url('img/home_promo.jpg') center center no-repeat;background-size:100% auto;}
.w1000 #content #home_promo, .w800 #content #home_promo {height:320px;}
.w400 #content #home_promo {height:120px;}

#content #promo 	{height:175px;background:url('img/home_promo.jpg') center center no-repeat;background-size:100% auto;}

#content .boxy  	{height:600px;}
#content .boxy h2 {height:150px;background:url('img/h.png') center 120px no-repeat;font-size:48px;line-height:150px;font-weight:lighter;font-style:normal;text-align:center;}
#content .boxy .box {position:relative;width:370px;height:430px;float:left;margin:0px 15px 20px 15px;padding-top:1px;text-decoration:none;}
#content .boxy .box img {display:block;width:100%;}
#content .boxy .box .fa {display:block;text-align:center;font-size:55px;color:#0077c0;border:6px solid #0077c0;width:88px;height:88px;line-height:88px;margin:0px auto;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
#content .boxy .box h3 {line-height:20px;padding:10px 0px;text-align:left;font-size:18px;text-transform:uppercase;margin:0px;text-indent:0px;}
#content .boxy .box h3:before {content:'';padding:0px;}
#content .boxy .box p {text-align:left;font-size:14px;line-height:18px;}
#content .boxy .box span {position:absolute;bottom:10px;right:10px;display:block;color:#0077c0;text-align:right;}
.w1000 #content .boxy .box {width:300px;} 
.w800 #content .boxy  {height:1080px;text-align:center;}
.w400 #content .boxy  {height:1550px;text-align:center;}

#content #home_aktuality 	{height:auto;margin-bottom:20px;}
#content #home_aktuality h2 {height:150px;background:url('img/h.png') center 120px no-repeat;font-size:48px;line-height:150px;font-weight:lighter;font-style:normal;text-align:center;}
#content #home_aktuality li p {display:inline;}
#content #home_aktuality ul {padding-bottom:20px;}

#content #home_sluzby 	{height:auto;border-top:1px dotted #647883;margin-bottom:40px;}


#content #home_proc_vyuzit  {display:block;background-color:#f3f4f5;padding:20px 0px;margin-bottom:20px;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}
#content #home_proc_vyuzit h2 {font-size:16px;}
#content #home_proc_vyuzit h2:before {content:'\f13d';font-family:'FontAwesome';color:#0077c0;padding-right:5px;} 
#content #home_proc_vyuzit .sloupec1 {display:block;position:absolute;right:0px;top:0px;width:370px;}
.w800 #content #home_proc_vyuzit .sloupec1,
.w400 #content #home_proc_vyuzit .sloupec1 {position:static;}

#motto {display:block;padding:30px 0px;font-size:28px;text-align:center;font-style:italic;clear:both;}
.w1000 #motto {font-size:24px;}
.w800 #motto {font-size:20px;}
.w400 #motto {font-size:12px;padding:20px 0px;}

#content #footer_content {display:block;clear:both;background-color:#f3f4f5;padding:20px 0px;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}

#content .formular {float:left;width:350px;min-height:100px;padding:10px 0px 10px 40px;}
#content .formular input,#content .formular select,
#content .formular textarea {border:1px solid #647883;width:308px;padding:7px 15px;line-height:25px;font-size:18px;margin-bottom:20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#content .formular input.error,#content .formular select.error,#content .formular textarea.error {border-color:red;}
#content .formular select {height:40px;width:340px;}
#content .formular textarea {height:150px;}
#content .formular .button {width:340px;}
.w800 #content .formular, .w400 #content .formular {float:none;width:100%;position:static;padding:30px 0px 0px 0px;margin:0px 0px 30px 0px;}

#content .galerie {float:left;width:350px;min-height:100px;padding:10px 0px 10px 40px;}
.w800 #content .galerie, .w400 #content .galerie {float:none;width:100%;position:static;padding:30px 0px 0px 0px;margin:0px 0px 30px 0px;}
#content #home_dalsisluzby .boxy  	{height:420px;}
#content #home_dalsisluzby .boxy .box span.fa {position:static;}
#content #home_dalsisluzby .boxy .box {position:relative;width:370px;height:250px;float:left;margin:0px 15px 20px 15px;padding-top:1px;text-decoration:none;text-align:center;}
#content #home_dalsisluzby .boxy .box h3,
#content #home_dalsisluzby .boxy .box p {text-align:center;}

.pocasi {position:absolute;right:0px;}

#gdpr {display:block;text-align:center;margin:10px 0px 0px 0px;}