@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color:#012b6b;
	color:#333333;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
    line-height: 18px;  

}
/* Typography */
a {
	color:#2173af;
	text-decoration:underline;
}
a.ico-more {
	background-image: url(images/sipka.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 15px;

}
a:hover {
	text-decoration:none;
}


h1 {
font-size: 27px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 18px;
margin-top:0px;
color:#2173af;
line-height: 24px;
}

h2 {
color:#2173af;
font-size: 18px;
margin-bottom: 18px;
}

h3 {
color:#f29400;
font-size: 15px;
margin-bottom: -18px;
}

p, ul {
font-size: 12px;
margin: 18px 0;
}

blockquote {
font-weight: bold;
padding: 0 80px;
}

blockquote p {
margin: 0;
padding-left:9px;
border-left: 5px solid #FFFFFF;
}

.leftCol .inside ul li {
	background: url(images/bullet-white.gif) no-repeat 0 5px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 18px;
}
.leftCol .inside ul  {
	margin:18px;
	padding:0px;
	list-style:none;

}


.main {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg-voda.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	height:500px;
}
.header {
	height:133px;
	float:left;
	width:980px;
	position:relative;
}

.header-home {
	height:200px;
	float:left;
	width:980px;
	position:relative;
}

.menu {
	top:30px;
	left:230px;
	position:absolute;
}
 .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            padding: 15px;
            margin: 0px;
            overflow: hidden;
			
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        /*border-bottom: 7px solid white;*/
						background-image:url(images/menu-line2.png);
						/*IE 6 hack*/
						_background-image:url(none);

						background-repeat:repeat-x;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #ffffff;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                        /*IE 6 hack*/
                        _margin:6px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     
						
.logo {
	top:30px;
	left:15px;
	width: 154px;
	height: 49px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 20;
}

a.homelink {
	display: block;
	width: 154px;
	height: 49px;
	text-decoration: none;
}
a.homelink span {
	visibility: hidden;
}
.reklamni-texty {
	top:119px;
	left:168px;
	width: 207px;
	height: 132px;
	background-image: url(images/reklamni-texty.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 21;
}
.lang{
	position:absolute;
	z-index:19;
	top:10px;
	left:950px;
}
.lang a img{
	border:0px;
}
.content {
	float:left;
	width:100%;
	background-image: url(images/bg-modra.gif);
	background-repeat: repeat-y;
	/*margin-bottom:25px;*/
}

.green-panel{
	float:left;
	width:100%;
	height:32px;
	background-image: url(images/green-panel.gif);
	background-repeat: no-repeat;
}

.green-panel .perex{
	float:left;
	margin-top:8px;
	color:#FFFFFF;
	margin-left:15px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

.perex {
	font-weight: bold;	
}

.green-panel .navigace{
	float:left;
	line-height:20px;
	margin-top:8px;
	font-size:11px;
	color:#FFFFFF;
	margin-left:15px;

}

.green-panel .navigace a{
	color:#FFFFFF;
	text-decoration:underline;
}

.green-panel .navigace a:hover{
	text-decoration:none;
}

.green-panel .search-form{
	float:right;
	line-height:18px;
	margin-top:2px;
	margin-right:15px;	
}	


.green-panel .search-form .field{
	border: 1px solid #00c6f9;
	margin-top:4px;
	width:140px;	

}

.green-panel .search-form .odeslat{
	margin-top:2px;

}
.leftCol{
	float:left;
	width:715px;
}
.leftCol .inside{
	padding:40px;
}

.leftCol .inside img{
	/*padding:5px;*/
	/*border: 3px solid #FFFFFF;*/
	
}
.leftCol .inside a img{
	padding:5px;
	/*border: 3px solid #FFFFFF;*/
	border: 0px;
	
}
.leftCol .inside a:hover img{
	/*border: 3px solid #f29400;*/
	
}

.rightCol{
	float:left;
	width:265px;
}
								
.cl{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}
.footer{
	float:left;
	width:100%;
	height:32px;
	background-image: url(images/green-panel.gif);
	background-repeat: no-repeat;
}

.footer
 {
 	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;
	}
	
.footer ul li{
	display: inline;
}


.footer ul li a{
	line-height:32px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:13px;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;

}

.footer ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


/* News, certifikaty */ 
.news, .certifikaty, .rss {
	font-family: Arial, Helvetica, sans-serif;
	padding:20px;
}
.certifikaty {
	padding-top:0px;
}

.news h2., .certifikaty h2 {
	
	margin-top: 24px;
	color: #2173af;
	font-size: 18px;
}

.news h3 {
	margin-top:-5px;
	margin-bottom:5px;
	font-size:13px;
}


.news .date {
	color:#f29400;
	font-size:10px;
	
}

.certifikaty a img {
	border: 1px solid #EEEEEE;
	margin-bottom: 5px;
}

.certifikaty a:hover img {
	border: 1px solid #2173af;
}

.rss a img {
	border: 0px;
}

.certifikaty p{
	text-align: center;
}


/* Sec menu */ 
.secMenu {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:1px;
	background-color: #deebb3;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #edf4d5;
	border-bottom-color: #edf4d5;
}
.secMenu h2 {
	margin-top: 24px;
	color: #f29400;
	font-size: 18px;
	padding-left:20px;
}
.secMenu ul {
	margin: 0px;
	padding: 0px;
	margin-left:20px;
	margin-right:20px;
	list-style:none;
}
.secMenu ul li {
	padding: 4px 0 3px;
	margin: 0;
	border-top: 1px solid #edf4d5;
	
}
.secMenu ul li a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 14px;
	color:#012b6b;
	background: url(images/bullet.gif) no-repeat 0 55%;
}
.secMenu ul li a span { display: block; padding: 2px 10px 2px 3px; }
.secMenu ul li a:hover { background-color: #deebb3;  }
.secMenu ul li a:hover span { background-color: #42c2fe; color: white; }
.secMenu ul li.active a span, #side-menu ul li.active a:hover span { background-color: #2173af; color: white; }


.content-box {
	width:100%;

}

.content-box ul.box {
	padding:0px;
	margin:0px;

	
}
.content-box ul.box li {
	width:300px;
	display:inline;
	padding:0px;
	margin:0px;
	float:left;
	/*border: 1px solid #deebb3;*/
	margin-bottom:32px;
	margin-right:15px;
	background:none;
	/*background-image: url(images/stin-pod-logo.gif);
	background-repeat: no-repeat;
	background-position: 5px 56px;*/
}

.content-box ul.box li a img,
.content-box ul.box li a:hover img, 
.content-box ul.box li img{
	border:0px;
	margin-right:9px;
	float:left;
}

.content-box ul.box li h2{
	float:left;
	display:block;
	width:225px;
	font-size:14px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	
}
.content-box ul.box li p{
	margin:0px;
	float:left;
	width:200px;	
}


/*SLIDER*/

.sliderBox {
	margin-left:70px;
	margin-top:35px;
	width: 570px;
	height: 180px;
	border: 1px solid #ffffff;
}

#slider1 {
	width: 570px;
	height: 180px;
	position: relative;
	overflow: hidden;

}

#slider1Content {
    width: 570px; /* important to be same as image width or wider */
	top: 0;
	margin-left: 0;
	

}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 610px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.slider1Image span a{
	display:block;
	margin-top:18px;
	color:#f29400;
	text-decoration:underline;
	
}

.slider1Image span a:hover{
	text-decoration:none;
	color:#f29400;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 18px;
	font-weight:bold;
	line-height:22px;
	color:#FFFFFF;
	display:block;
	padding-bottom:19px;
}
.slider1Image a img {
	border:0px;
}
.left {
	top: 0;
    left: 0;
	width: 180px !important;
	height: 180px;
}
.right {
	right: 0;
	bottom: 0;
	width: 180px !important;
	height: 180px;
}
ul { list-style-type: none;
	padding:0px;
	margin:0px;

}
.flright {
	float:right
}
.flleft {
	float:left
}

table tr td{
	/*vertical-align:top;*/
}

.contact label {
	width: 130px;
	font-size: 12px;
    line-height: 20px;
}
	
.contact select, .contact input {
	display: block;
	line-height: 20px;
	margin-bottom:3px;
}

.contact textarea {
	display: block;

}

.contact form {
  width: 450px;
  padding: 10px;
  margin-bottom: 20px;
  margin-top:15px;
  overflow: hidden;
}

.contact fieldset legend {
	font-weight:bold;
}

.contact form input#odeslat {
    float: none;
}  

.pocitadlo {
	width:100%;
	text-align: center;
	color: white;
	font-size: 10px;
}