@import url('default.css');

/* --- GLOBAL --- */
html { font:normal normal normal 12px/18px Arial,helvetica,sans-serif; color:#333333; }
body { text-align:center; background:#e9e9e9 url(../images/bg.gif) repeat left top; min-width:960px; _width:expression(document.body.clientWidth < 960? "960px" : "auto" ); }

a { color:#03aceb; text-decoration:underline; }
a:hover { text-decoration:none; }

h1 { font-size:24px; color:#000; font-family:Georgia; font-weight:normal; padding:40px 10px 6px; }
h2 { font-size:24px; color:#000; font-family:Georgia; font-weight:normal; padding:40px 10px 6px; }
h3 { font-size:18px; color:#03aceb; font-family:georgia; font-weight:normal; font-style:italic; }
h4 { }

.four-big h1 {padding: 0;}
.four-big h1 .logo {visibility: hidden; z-index: -2; position: absolute; top: 35px; left:0;}
.four-big a {text-decoration: none;}

small { font-size:90%; }
 
form input.text { }
form input.radio { }
form input.checkbox { }
form input.submit { cursor:pointer; }
form button { cursor:pointer; }
form select { }
form textarea { }

.content h2 { font-size:22px; color:#000; font-style:italic; padding:18px 0; }
.content h2.green {color:green; padding-left:0; }

.content p,
.content ol,
.content ul,
.content table,
.content form { margin-bottom:18px; }
.content ol, .content ul { margin-left:30px; }

.content h3 a { text-decoration:none; }

.padding { padding-right:50px; }

.p-r { position:relative; }
/* ================================ lib === */
/* slideshow - default */
.slideshow { position:relative; display:block; }
.slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.slideshow img.active { z-index:10; opacity:1.0; }
.slideshow img.last-active { z-index:9; }
/* =============================== /lib === */

/* KONKRETNI */
#head-wrap { height:182px; width:100%; background:#fff url(../images/head-bg.gif) repeat-x left bottom; }
	#head { text-align:left; height:182px; /* -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4); */ }
		#logo { float:left; height:62px; margin-top:18px; }
		#find { height:80px; }
		#find .lang { float:right; width:100%; margin-top:4px; }
		#find .lang li { float:right; margin-left:5px; }
		#find p { color:#004d69; font-size:18px; width:100%; margin-top:3px; text-align:right; }
			#search { width:218px; height:25px; line-height:25px; margin-top:2px; float:right; border:1px solid #ddd; background:#fff url(../images/find.png) no-repeat left top; }
			#search input.text { float:left; width:185px; padding-left:5px; height:25px; line-height:25px; color:#666; background-color: transparent; }
			#search a { float:left; width:28px; height:25px; background-color: transparent; }
		/*#find input.text { width:218px; height:25px; line-height:25px; margin-top:2px; float:right; border:1px solid #ddd; color:#666; background:#fff url(../images/find.png) no-repeat left top; }*/
		#main-menu { height:46px; background:#03abe9 url(../images/menu-bg.png) no-repeat left top; }
		#main-menu li { float:left; padding-right:3px; background:url(../images/menu-del.png) no-repeat right top; }
		#main-menu a { float:left; font-weight:bold; text-transform:uppercase; height:46px; padding:0 10px; font-size:14px; line-height:46px; color:#fff; text-shadow:-1px -1px 1px rgba(0,0,0,0.4); }
		#main-menu a:hover,
		#main-menu .active a { background:transparent url(../images/menu-bg-a.png) repeat-x left top; opacity:0.9; }
		#sub-menu { float:left; width:298px; margin-top:18px; border:1px solid #68d0f7; background:#03aceb; }
		#sub-menu h2 { height:28px; font-size:24px; padding:17px 9px 0 9px; color:#fff; background:#008bbf url(../images/sub-menu-heading.png) no-repeat left top; }
		#sub-menu .menu-v { width:100%; }
		#sub-menu li { float:left; width:100%; border-top:1px solid #3eb4e1; height:34px; background:#008bbf url(../images/sub-menu-li.png) no-repeat left top; }
		#sub-menu li a { color:#fff; display:block; font-size:18px; height:23px; padding:11px 9px 0 9px; color:#fff; text-shadow:-1px -1px 0px #208db4; }
		#sub-menu li a:hover { background-color:#008BBF; }
		#sub-menu li.last { border:none; height:2px; overflow:hidden; background:#03ACEB url(../images/sub-menu-last.gif) no-repeat left top; }
	#head .button { height:36px; width:282px; margin-top:27px; text-align:left; font-weight:normal; text-transform:none; text-decoration:none; float:left; color:#fff; font-size:18px; padding:18px 9px; display:block; background:transparent url(../images/head-button.png) no-repeat left top; text-shadow:-1px -1px 0px #208db4; }
	body.de #head .button { font-size: 16px; }
	#head .button:hover { position:relative; top:1px; }
	
	#head .three-big { width:618px; overflow:hidden; position:relative; margin-top:18px; height:251px; border:1px solid #68d0f7; background:#03aceb url(../images/slideshow.png) no-repeat left top; }
	
	#head .three-big p.aller { position:absolute; text-transform:uppercase; font-weight:bold; bottom:0; left:9px; color:white; display:block; height:29px; line-height:29px; }
	#head .three-big p.aller a { color:#004d69; font-weight:bold; padding-left:18px; text-decoration:none; }
	#head .three-big p.aller a:hover { color:#68d0f7; }
	
		#coda-slider-1 { width:618px; padding:0; margin:0; }
	
	#head .slideshow { position:relative; overflow:hidden; height:213px; width:600px; margin:9px 9px 29px; background:white; box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; }
	#head .navigation { float:left; color:#004d69; margin-top:18px; height:27px; line-height:27px; padding-right:9px; margin-left:10px; background:#03aceb url(../images/navigation.png) no-repeat right top; }
	#head .navigation a { color:#fff; text-decoration:none; }
	#head .navigation a:hover { text-decoration:underline; }
	#head .navigation a.first { float:left; padding:0 3px 0 9px; background:url(../images/nav-start.gif) no-repeat left top; }
	
	
#page { text-align:left; }
#page .content.box { float:left; padding:18px 9px; width:280px; height:415px; border:1px solid #e8e8e8; background:#fff; }
body.de #page .content.box { height:450px; }
#page .content.box .bazenHP { margin:9px 0 30px; }
/*#page .content.box .menu-v { margin:0; padding:0; }
#page .content.box .menu-v li { margin-bottom:18px; padding-left:50px; background:no-repeat left 3px; }
#page .content.box .menu-v li.li1 { background-image:url(../images/li1.png); }
#page .content.box .menu-v li.li2 { background-image:url(../images/li2.png); }
#page .content.box .menu-v li.li3 { background-image:url(../images/li3.png); }
#page .content.box .menu-v li.li4 { background-image:url(../images/li4.png); } */
#page ul.left-menu { float:left; width:298px; background-color:#f8f8f8; border:1px solid #dfdfdf; /* margin-bottom:22px; */ }
#page ul.left-menu li { float:left; width:298px; border-bottom:1px solid #f1f1f1; }
#page ul.left-menu li a { color:#004d69; display:block; padding:9px; text-decoration:none; font-size:14px; }
#page ul.left-menu li.active { background-color:#fff; }
#page ul.left-menu li.active a { color:#333; /* padding-bottom:0; */ }
#page ul.left-menu ul { padding-bottom:9px; }
#page ul.left-menu ul li { border-bottom:none; }
#page ul.left-menu ul li a { background: url(../images/sub.gif) no-repeat 9px 8px; }
#page ul.left-menu li.active ul a { padding:0 0 0 25px; font-size:12px; color:#004d69;}
#page ul.left-menu li.active ul li.active a { font-weight: bold; }
#page ul.left-menu li.active ul li.active ul { padding-left:15px; }
#page ul.left-menu li.active ul li.active ul li a { font-weight: normal; }
#page ul.left-menu li.active ul li.active ul li.active a,
#page ul.left-menu li.active ul li.active ul li a:hover { font-weight: bold; }
#page ul.left-menu a:hover { font-weight: bold; }

#page .three-big .content,
#page .three .content { background:#fff; padding:18px 9px; border:1px solid #dfdfdf; }

#page img.main { float:left; margin:0 20px 20px 0; }
#page .ala_product_list .item { width:288px; height:285px; border:1px solid #e9e9e9; background-color:#f0f0f0; margin-bottom:20px; }
body.zastreseni #page .ala_product_list .item,
body.vystavba-bazenu #page .ala_product_list .item,
body.berdachungen #page .ala_product_list .item { height:183px; }


#page .ala_product_list .item h3 { padding:9px; }
#page .ala_product_list .item h3 a { text-decoration:none; font-style:italic; }
#page .ala_product_list .item p { padding:0 9px; margin:0; }

ol.big { margin-left:0; }
ul.big li,
ol.big li { list-style:none; margin:0 0 9px; height:55px; }
ul.big.menu-v li,
ol.big.menu-v li { height:auto; }
ul.big li a,
ol.big li a,
ul.big li span.text,
ol.big li span.text { font-size:18px; display:block; padding:9px 9px 0; margin-left:37px; color:#03aceb; font-family:georgia; font-weight:normal; font-style:italic; text-decoration:none; }
ol.big li .number { float:left; margin-left:0px; font-size:24px; padding:0; font-style:normal; text-align:center; color:white; width:37px; height:37px; line-height:37px; background: url(../images/puntik.gif) no-repeat left top; }
ul.big li.no-active span.text,
ol.big li.no-active span.text { color:#ccc; }
ol.big li.no-active .number { background-image: url(../images/puntik2.gif); }
ul.big li a.link,
ol.big li a.link { font-size:100%; display:inline; padding:0; margin:0; font-style:normal; font-family:arial; }

ol.big.base-font li span.text { font-size:100%; padding:0 9px; margin-left:37px; color:#333; font-family:Arial,helvetica,sans-serif; font-weight:normal; font-style:normal; text-decoration:none; }

#foot-wrap { height:246px; width:100%; margin:34px 0 0; background:#c2c2c2; border-top:1px solid #e9e9e9 }
	#foot { position:relative; text-align:left; padding-top:27px; /* -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.4); */ }
	#foot .kontakt { background:url(../images/logo-foot.png) no-repeat right top; }
	#foot h2 { display:block; font-size:14px; height:19px; line-height:14px; font-weight:bold; padding:0; font-family:arial; }
	#foot p { margin-bottom:20px; }
	#foot .menu-h li { margin-right:5px; }
	#foot .form1 textarea { width:280px; height:152px; border:1px solid #ddd; padding:9px; font:normal normal normal 12px/18px Arial,helvetica,sans-serif; color:#666; }
	#foot .form2 input.text { width:280px; margin-bottom:9px; height:16px; border:1px solid #ddd; padding:9px; color:#666; }
	#foot .col-50-l input.text, #foot .col-50-r input.text { width: 135px; }
	#foot #name, #foot #psc2 { margin-top:19px; }
	#foot .form2 input.submit { width:300px; height:36px; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase; text-shadow:-1px -1px 0px rgba(0,0,0,0.2); background:#fff url(../images/button2.png) no-repeat left top; }
	#foot a:hover { text-decoration:none; position:relative; top:2px; }
	#foot p.odpoved { position:absolute; left:480px; top:24px; color:#666; }

#foot2 { height:76px; padding-top:9px; text-align:left; }
#foot2 .fr { padding-top:5px; }

body.hlavni-stranka #head-wrap { height:445px; background-image:url(../images/head-bg-hp.gif); }
body.hlavni-stranka #head { height:445px; }

a.button { display:block; width:290px; height:29px; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.2); text-align:center; text-decoration:none; padding-top:12px; background:#d00 url(../images/button.png) no-repeat left top; }
body.de a.button { font-size:12px; }

.pika_subdiv a { background-color:#000; }
.pika_main { margin-bottom:5px; }

/* Pop-up */
#pop-up { width:auto; min-width:0; text-align:left; padding:15px; }
#pop-up h1 { padding:0 0 20px; }
#pop-up .content { padding:18px 9px; border:1px solid #dfdfdf; background:#fff; }

/* form */
form.form label { float:left; width:80px; font-size:14px; height:19px; line-height:14px; font-weight:bold; padding:0; font-family:arial; }
form.form label.text { width:280px; margin-bottom:9px; height:auto; }
form.form textarea { width:280px; margin-bottom:9px; height:107px; border:1px solid #ddd; padding:9px; font:normal normal normal 12px/18px Arial,helvetica,sans-serif; color:#666; }
/* body.de form.form textarea { width:250px; } */
form.form input.text { width:280px; margin-bottom:9px; height:12px; border:1px solid #ddd; padding:9px; color:#666; }
/* body.de form.form input.text { width:250px; } */
form.form input.checkbox { margin:0 5px 9px 80px; }
form.form input, form.form textarea, form.form select { float:left; margin-right:5px; }
form.form .row { width:100%; }
form.form input.submit { width:300px; height:36px; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase; text-shadow:-1px -1px 0px rgba(0,0,0,0.2); background:#fff url(../images/button2.png) no-repeat left top; }
form.form .row.question label { /* width:165px; */ }
form.form .row.question input { width:30px; } /* ,body.de form.form .row.question input */

table.tab { text-align:center; }
table.tab td { border: 1px solid #ddd; padding:10px; }
table.tab th { text-align:left; border: 1px solid #ddd; padding:10px; background:#e9e9e9 url("../images/bg.gif") repeat scroll left top; }
table.tab thead th { text-align: center; }

.swedHelp {cursor: pointer;}
.swedTemp {position:absolute; text-align:left; width:350px; margin-left:-400px; padding:10px 10px 0; border:1px solid #ddd;letter-spacing:1px;-webkit-box-shadow:1px 1px 5px #555;-moz-box-shadow:1px 1px 5px #555;-webkit-border-radius:3px;-moz-border-radius:3px;text-shadow:1px 1px 0px #fff;background:#e9e9e9 url(../images/bg.gif) repeat left top;}

.swedTemp img { float:left; margin:0 10px 10px 0; }
.swedTemp h2 { padding-top:0; color:#03ACEB; }
.swedTemp p { margin-bottom:10px }


#imgVyhody { margin-bottom:20px; }

body.kontakt table { width:100%; }

.col-50-l, .col-50-r { float: left; width: 130px; }
.col-50-r { float: right; }

#home-button span { font-size: 12px; display: block; }
.break { clear: both; }

/* SimpleModal (popup) */
#simplemodal-container { padding: 25px 25px 0; text-align: left; color: black; background: white; font-size: 14px; }
#simplemodal-container h4 { color: #03aceb; font-size: 18px; margin-bottom: 1em; }
#simplemodal-container p { margin-bottom: 1em; }
#simplemodal-container a.modalCloseImgForm { top: 15px; right: 18px; } 
#simplemodal-container a.modalCloseImg { background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; }
#simplemodal-overlay { background-color: #000; }