/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

@import url(http://fonts.googleapis.com/css?family=Dosis:200,400,600,700,800&subset=latin,latin-ext);

body
{
	font-family: 'Exo 2', sans-serif;
	font-size: 100%;
	line-height: 1.80em;
	padding: 0px;
	margin: 0px;
	color: #000;
	4background-color: #fff;
        overflow-y: scroll;
}

#bg {
	background: #f4f4f4 url(img/main_bg.png) no-repeat center 245px !important;
}

#bg2 {
	background: #f4f4f4 url(img/main_bg.png) no-repeat center 198px !important;
}



hr {
	 border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #aaa, #ccc, #eee);
}

strong {
	font-weight: 500;
	color: #000;
}

.cleaner {
	4float: left;
	clear: both;
	height: 0px;
}

.cleaner20 {
	4float: left;
	clear: both;
	height: 20px;
}

.cleaner40 {
	4float: left;
	clear: both;
	height: 40px;
}

.cleaner_basic {
	float: left;
	clear: both;
}	



/************* MENU GLOBAL *************/


#menu_container {
	clear: both;
	float: right;
	width: 100%;
	height: 102px;
	position: relative;
	background-color: #FFF;
}


#menu {
	clear: both;
	margin: 0px auto;
	max-width: 1000px;
	text-align: left;
	position: relative;
	4background-color: #ff0000;		
}

.item_resp {
	display: none;
}

#logo {

	margin: 14px 0 0 20px;
	float: left;
	clear: both;
	max-width: 244px;
	height: 74px;
	display: block;
}

#logo img{

	width: 100%;
}

#login_pco a{

	background: url(img/login_pco.png) no-repeat left center;
        background-size: 20px 20px;
        padding-left:30px;
        
}





/*MEDIA QUERY*/
@media only screen and (max-width : 980px) {


#bg {
	background: #f4f4f4 !important;
}

#bg2 {
	background: #f4f4f4 !important;
}

	 
#logo {
	4margin: 21px 0 0 15px;
}


}



/*MEDIA QUERY*/
@media only screen and (max-width : 920px) {
	  
	 

#menu_container {
	height: 85px;
}

#logo {

	margin: 20px 0 0 20px;
	float: left;
	clear: both;
	max-width: 154px;
        height: auto;
	4display: block;
}

#logo img{
	width: 100%;
}

.item_bas {
	display: none;
}

.item_resp {
	display: inline;
}



}



/************* MENU *************/


header {

font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
	font-size: 16px;
	
	background: url(../img/menu_bg.png) no-repeat center;
	
	color: #000;
	width: 100%;
	height: 102px;
	4position: fixed;
	top: 0px;
	left: 0;
	4margin-top: 10px;
	4border-bottom: 4px solid #4C9CF1;
	z-index: 100;
	4text-transform: uppercase;


}

header a{
	text-decoration: none;
	4font-weight: bold;
	color: #000; 
}

header a:hover {

	color: #000;
	text-decoration: none;
	
	-webkit-transition-property:color; 
-webkit-transition-duration: 0.2s, 0.2s; 
-webkit-transition-timing-function: linear, ease-out;
	
	
				
}



nav {

	float: right;
	4padding: 32px 15px;	
	
}

#menu-icon {

	display: hidden;
	4margin: 72px 20px;
	margin: 22px 20px;
	width: 40px;
	height: 40px;
	background: #155d5c url(img/menu-icon.png) center;

}

a:hover#menu-icon {

	background-color: #000;
	4border-radius: 4px 4px 0 0;
}




nav ul {

	list-style: none;
	float: right;
	margin-top: 0px;
	margin-right: 15px;

}

nav li {
	display: inline-block;
	float: left;
	padding: 0px 8px;
        margin: 0px 8px;
	4border-right: 1px solid #484848;
	height: 102px;
	
}

nav li:hover {
	background: url(img/menu_hover.png) repeat-x top center;	
}


.lang{
	padding: 0px;
	padding: 0px;
	background: url(../img/lang_bg.png) no-repeat right;
	float: right;
	width: 46px;
	height: 85px;
	4width: 30px !important;
}

.lang a{
	padding: 0px !important;
	margin: 0px !important;
}

.lang img{
	padding: 0px !important;
	margin: 7px 0px !important;
}

.menu_ods {
	padding: 10px 0 0 0;
}

nav li a{
	min-width: 43px;
	float: left;
	text-align: center;
	4border-right: 1px solid #bfa161;
	padding: 37px 0px;
        4height: 45px;
}

nav li img{
	padding: 7px 0px;
}

nav li.social {
	padding: 0px 5px 10px 5px;
}


.current {
	4font-weight: bold;
	color: #F2F2F2;
	4text-decoration: underline;
	background: url(img/menu_hover.png) repeat-x top center;	

	
}


/*MEDIA QUERY*/
@media only screen and (max-width : 980px) {

	header {

		position: absolute;
		4position: fixed;
		font-weight: 400; 
		font-size: 13px;

	}

	#menu-icon {

		display:inline-block;

	}

	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 5px;
		background: #000;
		border: 1px solid #fff;
		right: 15px;
		4top: 112px;
		top: 62px;
		width: 40%;
		4border-radius: 4px 0 4px 4px;

	}

	nav li {

		text-align: center;
		width: 95%;
		padding: 5px;
		margin: 0;
		height: 30px;
		background: #000;

	}

	nav li  a{
		height: auto;
		padding: 0px;
		color: #fff;
	}

	nav:hover ul {

		display: block;
	}
	
	nav ul li:hover  a{
		color: #000;
	
	}
	
	.current a {
              color: #000;
	}


	.lang{
		padding: 0px;
		padding: 0px;
		background: none;
		float: left;
		4width: 46px;
		height: 85px;
		4width: 30px !important;
		
	}
	
	
	.lang:hover{
		background: none;
	}

	.lang img{
		padding: 0px !important;
		margin: 7px 0px !important;
	}

	.menu_ods {
		padding: 0px 0 0 0;
}

}



/*MEDIA QUERY*/
@media only screen and (max-width : 450px) {
	
	nav ul, nav:active ul { 
		width: 60%;

	}
	
}	




/************* TOP *************/

#header_container {
	clear: both;
	float: right;
	width: 100%;
	height: 198px;
	position: relative;
	background: url(img/header_bg.png) no-repeat top center;
}

#header2_container {
	clear: both;
	float: right;
	width: 100%;
	position: relative;
	height: 124px !important;
        background: url(img/header2_bg.png) no-repeat top center !important;
}


#header {
	clear: both;
	margin: 0px auto;
	max-width: 1000px;
	text-align: left;
	position: relative;
}

#claim {
	4float: left;
	margin-top: 32px;
        text-align: center;
	font-size: 25px;
        font-weight: 200; 
        color: #8aaeae;
}







/************* HOME BXS *************/

#home_container {
	4background-color: #fff;
	clear: both;
	float: left;
	width: 100%;
	4height: 256px;
	position: relative;
	4background-color: #f3f3fr;
	4padding: 0 35px 80px 35px;
        background: url(img/bxs_bg.png) no-repeat top center;
}

#home_bxs {
	clear: both;
	margin: 0px auto;
	max-width: 960px;
	text-align: center;
	position: relative;
	background: url(img/bxs_bg.png) no-repeat top center;
}

.home_bx {
	float: left;
	position: relative;
	width: 159px;
	height: 200px;
}

.home_bx { margin: 0; }



.bx_title a {

        float: left;
        4width: 100%;
	padding: 0px 0 0px 0px;
	4margin: 7px 0 15px 0;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 18px;
        line-height: 24px;
	color: #155d5c;
        height: 43px;
        
        width: 123px;  
        margin: 7px 18px 15px 18px; 
        text-align: center; 
        text-decoration: none;        
        
}


.bx_title a:hover {
	color: #000; 
        font-weight: 400;
}


.home_bx_txt {

        float: left;
        clear: both;
        width: 123px;
        text-align: center;
	padding: 0px 0 0px 0px;
	margin: 0px 18px 15px 18px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 13px;
        line-height: 20px;
	color: #000;
        
        height: 58px;
	
}


.home_bx img {
        clear: both;
        height: 18px;
        margin: 0 0 15px 0;
}



		
		



/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {
	  
 
  #home_container {
      background: none;
  }
        
        
  .home_bx {
      background: url(img/box_bg.jpg) repeat-x bottom center;
  }


  #home_bxs {
      width:100%;
      height: 0;
      margin: 0px !important;
  }



.bx_title a {

        padding-top: 15px;
        margin: 0px;        
        height: auto;
        width: 100%;
}


.home_bx {
	width:33%;
        margin: 1px;
	height: auto;
}



.home_bx_txt {

        float: left;
        clear: both;
        width: 100%;
        text-align: center;
	padding: 0px;
	margin: 10px 0 15px 0;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 14px;
        line-height: 20px;
	color: #000;
        
        height: auto;
	
}







}


/*MEDIA QUERY*/
@media only screen and (max-width : 630px) {
	#home_container {
		background-color: #FFF;
		max-height: 100%;
	}

	.home_bx {
		width: 100%;
                margin: 0px 0;
		height: auto;
	}  
	
        
        

        .bx_title a {
        
                margin: 0px 0 15px 20px;
                text-align: left;
        }

        .home_bx_txt {
        
                text-align: left;
                padding: 0px 0 0px 0px;
                margin: 0px 20px 15px 20px;
                
        }
        



        .home_bx img, .home_bx_last img{
                text-align: left;
                margin: 0 20px 15px 0;
                float: right;
        }



	
	
}









/************* SLUŽBY BXS *************/

#sluzby_container {
	4background-color: #fff;
	clear: both;
	float: left;
	width: 100%;
	4height: 256px;
	position: relative;
	4background-color: #f3f3fr;
	4padding: 0 35px 80px 35px;
        background: url(img/bxs_sluzby_bg.png) no-repeat top center;
}

#sluzby_bxs {
	clear: both;
	margin: 0px auto;
	max-width: 960px;
	text-align: center;
	position: relative;
	background: url(img/bxs_sluzby_bg.png) no-repeat top center;
}

.sluzby_bx {
	float: left;
	position: relative;
	width: 159px;
	height: 100px;
}

.sluzby_bx { margin: 0; }



.bx_title a {

        float: left;
        4width: 100%;
	padding: 0px 0 0px 0px;
	4margin: 7px 0 15px 0;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 18px;
        line-height: 24px;
	color: #155d5c ;
        height: 43px;
        
        width: 123px;  
        margin: 10px 18px 15px 18px; 
        text-align: center; 
        text-decoration: none;        
        
}


.bx_title a:hover {
	color: #000; 
        font-weight: 400;
        
}

	
		



/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {
	  
 
  #sluzby_container {
      background: none;
  }
        
        
  .sluzby_bx {
      background: url(img/box_bg.jpg) repeat-x bottom center;
  }


  #sluzby_bxs {
      width:100%;
      height: 0;
      margin: 0px !important;
  }



.bx_title a {

        padding-top: 15px;
        margin: 0px;        
        height: auto;
        width: 100%;
}


.sluzby_bx {
	width:33%;
        margin: 1px;
	height: auto;
}




}


/*MEDIA QUERY*/
@media only screen and (max-width : 630px) {
	#sluzby_container {
		background-color: #FFF;
		max-height: 100%;
	}

	.sluzby_bx {
		width: 100%;
                margin: 0px 0;
		height: auto;
	}  
	
        
        

        .bx_title a  {
        
                margin: 0px 0 15px 20px;
                text-align: left;
        }

       
}








/************* MAIN 1 *************/

#main_container {
	clear: both;
	float: left;
	width: 100%;
	4min-height: 370px;
	position: relative;
	4background-color: #fff;
        padding: 0 0 50px 0;
}


#main {
	clear: both;
	margin: 0px auto;
	max-width: 940px;
	position: relative;
	4background-color: #ff0000;
}

#main h1{
	background: url(img/h1_bg.png) no-repeat top left;
	
	clear: both;
	float: left;
	width: 100%;
	min-height: 34px;
	padding: 4px 0 0px 50px;
	margin: 20px 0 15px 0;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 26px;
		line-height: 29px;
	color: #155d5c;
}



#main h2 {
	clear: both;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 15px 0 20px 0;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 22px;
	line-height: 37px;
	color: #155d5c;
}

#s1, #s2, #s3, #s4, #s5, #s6, #s_next   {
	padding: 12px 0 0px 77px !important;
	margin: 20px 0 10px 0 !important;
        height: 63px !important;
        font-weight: 400 !important; 
}


#s1 {background: url(img/s_1.png) no-repeat top left;}
#s2 {background: url(img/s_2.png) no-repeat top left;}
#s3 {background: url(img/s_3.png) no-repeat top left;}
#s4 {background: url(img/s_4.png) no-repeat top left;}
#s5 {background: url(img/s_5.png) no-repeat top left;}
#s6 {background: url(img/s_6.png) no-repeat top left;}
#s_next {background: url(img/s_next.png) no-repeat top left;}



#main h3 {
	clear: both;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 10px 0 15px 0;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300; 
	font-size: 19px;
	line-height: 35px;
	color: #155d5c;
}


#main p{
	font-weight: 300; 
	float: left;
	margin: 0 0 15px 0;
        clear: both;
}

#main a{
	color: #155d5c; 
}

#main a:hover{
	color: #000; 
	text-decoration: none;
	-webkit-transition-property:color; 
	-webkit-transition-duration: 0.2s, 0.2s; 
	-webkit-transition-timing-function: linear, ease-out;
}



#main ul{
	margin: 0 0 20px 0px;
	float: left;
}

#main ul li, ul li ul li  {
	font-weight: 300; 
	list-style-type: disc;
	float: left;
	clear: both;
	margin: 0 0 0 30px;
	padding: 0 0 0 10px;
}

#main  .ods_li{
	font-weight: 300; 
	list-style-type: disc;
	float: left;
	clear: both;
	margin: 0 0 0 60px;
	padding: 0 0 0 10px;
}


#main .imgle{
	margin: 0 10px 0 10px;
	float: left;
}

#main .imgri{
	margin: 0 0px 0 10px;
	float: right;
}



.main_button {
	4width: 260px;
	height: 35px;
	float: left;
	background-color: #155d5c;
	color: #fff !important;
	padding: 15px 40px; 
	margin: 30px 0px 0 0px;
	font-weight: 200; 
	font-size: 30px;
	text-align: center;
	text-decoration: none;
	
    transition: all 0.3s ease 0s;
	
}

.main_button:hover {
	background-color: #000;
	color: #fff !important;
}


.main_button_small {
	4width: 260px;
	4height: 35px;
	float: left;
	background-color: #155d5c;
	color: #fff !important;
	padding: 5px 10px; 
	margin: 5px 0px 0px 0px;
	font-weight: 200; 
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	
    transition: all 0.3s ease 0s;
	
}

.main_button_small:hover {
	background-color: #000;
	color: #fff !important;
}


#main iframe{
	margin: 0 0 0px 0px;
}



/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {

		
        #header_container, #header2_container {
          height: 96px !important;
          background: url(img/header2_bg.png) no-repeat top center !important;
        }

        #claim {
          margin: 20px 20px;
        }
      
        #main_container {
		padding: 0 0 45px 0;
	}

	#main{
		max-width: 1000px;
		margin:0 20px; /*center the menu*/
		padding:0;
		4position: relative;
	}


	
      #main h2{
		margin: 10px 0 10px 0;
                font-size: 22px;
		
	}


	.main_button {
		margin: 30px 0 0 0;
		
	}
      
      
        #main iframe{
                margin: 10px 0 20px 0;
        }

}



/*MEDIA QUERY*/
@media only screen and (max-width : 780px) {

      
    
      
      #claim {
          4font-size: 28px;
          
        }

       #main iframe{
               width: 100%;
        }

}


/*MEDIA QUERY*/
@media only screen and (max-width : 600px) {

      
      #claim {
          4font-size: 28px;
          
        }


}


/*MEDIA QUERY*/
@media only screen and (max-width : 515px) {

      
      #claim {
           margin: 15px 20px;
           4line-height: 35px;
           font-size: 19px;
          
        }


}

/*MEDIA QUERY*/
@media only screen and (max-width : 450px) {

	

	  #main h1{
		background: none;
		padding: 0px;
		margin: 20px 0 10px 0;
		clear: both;
		float: left;
		width: 100%;
		font-size: 26px;
		line-height: 41px;
      }
      
       #claim {
          font-size: 16px;
          line-height: 22px;
          
        }
      
      #main ul li, ul li ul li  {
	margin: 0 0 0 20px;
	padding: 0 0 0 0px;
}
     

}








/************* TABLE *************/


#main table{
	clear: both;
	4width: 920px;		
	width: 100%;
}

#main table td, th {
	border: 1px solid #ccc;
	text-align: left;
	padding: 10px 15px;
	overflow: hidden;
	vertical-align: top;
}


#kont_tab td{
	width: 30%;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {

	#main table, thead, tbody, th, td, tr {
			display: block;
			position: relative;	
			width: 95%;
		}
        
        #kont_tab td {
                width: 100%;
                border: 0px !important;
        }
      
}


		
/*MEDIA QUERY*/
@media only screen and (max-width : 630px) {

	#main table, thead, tbody, th, td, tr {
			width: 90%;
		}
}


		
/************* O NÁS - CERTIFIKÁTY *************/

#certifikaty {
	float: left;
	clear: both;
}

#certifikaty img {
	float: left;
	max-width: 90px;
	max-height: 128px;
        margin: 10px;
	
}





/************* AKTUALITY *************/

#uvod_left {
	float: left;
	max-width: 600px;
	
}

#uvod_left h2 {
	margin: 10px 0 10px 0;
	
}

#aktuality {
	float: right;
	max-width: 300px;
	4position: relative;
	4background-color: #fff;
	4padding: 0 0 50px 0;
        
    font-size: 13px;
}

#aktuality h2 {
    background: url(img/aktuality_h2.png) no-repeat top left;
    float: left;
    4min-height: 34px;
    padding: 0px 0 0px 35px !important;
    margin: 23px 0 14px 0 !important;
    
}

.akt_item {
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    width: 100%;
     line-height: 20px;

}


.akt_item p {
    margin: 0px !important;
    line-height: 20px;
    

}

.akt_item h3 {
    float: left;
    font-size: 14px !important;
    font-weight: 400 !important; 
    margin: 0 0 5px 0 !important;
    line-height: 20px !important;
    color: #155d5c !important;
    

}

.akt_datum {
    float: left;
    width: auto;
    font-size: 12px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300; 
    color: #aaa;
    4border-right: 1px solid #ccc;
    4padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    
}

.akt_det_datum {
    float: left;
    4width: 100%;
    clear: both;
    font-size: 12px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300; 
    color: #aaa;
    4border-right: 1px solid #ccc;
    padding: 0px;
    margin: 0 10px 0 0;    
    
}



#aktuality_det h2 {
    background: url(img/aktuality_det_h2.png) no-repeat center left;
    float: left;
    font-size: 20px;
    4min-height: 34px;
    padding: 0px 0 0px 25px !important;
    margin: 0px 0 14px 0 !important;
    
}

.akt_det_nadp{
   margin: 0px 0 15px 0 !important;
    
}


/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {
	  
   #uvod_left {
	max-width: 100%;
      
  }

  #aktuality {
      float: left;
      max-width: 100%;
  }



.akt_item {
    margin: 5px 0 10px 0;
    4padding: 0 0 10px 0;
    width: 100%;
    

}

.akt_item h3 {
    margin: 0 5px 5px 0 !important;
    padding: 0 5px 0px 0 !important;
    4border-right: 1px solid #ccc;
    
}


}





/*MEDIA QUERY*/
@media only screen and (max-width : 770px) {
  
  .akt_item h3 {
      border: 0;
  }    
      
}


/************* FORM *************/

#kontaktni_formular2{
	float: left;
	width: 600px;
}



#kontaktni_formular2 img {
		border: 0px;
		margin-bottom: 4px;
		
}

#kontaktni_formular2 label {
	float: left;
	
	width: 400px;
	margin: 0px 0 0 0;
}

#kontaktni_formular2 input {
	float: left;
	height: 40px;
	width: 600px;
	border: 0px;
	margin: 5px 0px 5px 0;
	
		padding: 0 0 0 10px;
		background: none;
		border: 1px solid #ccc;
		color: #000;
		font-size: 13px;
		
		font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
		    transition: all 0.3s ease 0s;
	
}

#kontaktni_formular2 textarea {
	float: left;
	
	width: 600px;
	height: 100px;
	border: 0px;
	padding: 10px 0 0 10px;
	margin: 5px 0px 5px 0;
	background: none;
		border: 1px solid #ccc;
		color: #000;
		font-size: 13px;
                font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
}


.reg_error2 {
	  margin: 0px 5px 0px 0;
	  float: left;
	  color: #ff0000;
	  font-size: 1.0em;
	  line-height: 15px;
}

.form_space2{
	  margin-right: 10px !important;
}




#security_code2 {
	height: 40px !important;
	width: 200px !important;
	margin-left: 0px !important;
}


#kod_img2 {
	margin-top: 5px;
	padding-bottom: 0px !important;
	margin-right: 10px !important;
	clear: both;
	float: left;
}



#kontaktni_formular2 input.odesli2 {
	4clear: both;
	  4background: url(img/send.png) no-repeat 0px 0px;
	  background: #155d5c;
	
	  width: 200px;
	  
	  height: 60px;
	  border: none;
	  margin: 5px 0px 20px 00px;
	  padding: 0px;
	  
	  
      color: #FFF !important;
      text-align: center;
	font-size: 20px;
		border: 0;
	text-transform: uppercase;
	
	cursor: pointer;
      cursor: hand;
      
      float: left;
}

#kontaktni_formular2 input.odesli2:hover {
	   background: #000;
	  color: #FFF !important;
	 
	
}







@media screen and (max-width: 800px) {
	#kontaktni_formular2 {
		clear: both;
		float: left;
	width: 100%;
	padding: 30px 0;
  }
  
  #kontaktni_formular2 input {
	width: 95%;
  }
  
  #security_code2 {
	width: 95% !important;
}

  
	#kontaktni_formular2 textarea {
		width: 95%;
	}


	.reg_error2 {
		  font-size: 0.8em;
		  line-height: 18px;
		  padding: 10px 0 0 0;
	}

}














/************* VOZOVÝ PARK *************/


#fotogalerie {

}

#fotogalerie img{
	float: left;
	max-width: 450px;
	margin: 0 30px 20px 0px;
	padding: 5px;
	border: 1px solid #ccc;
}

#fotogalerie img:hover{
	border: 1px solid #000;	
}



#fotogalerie a {
	color: #fff;
}

.foto_item {
	width: 100%;
	float: left;
}




@media screen and (max-width: 600px) {
	
	#fotogalerie img{
		width: 95%;
		margin: 0 0px 20px 0px;
	}	
	
	#fotogalerie h2{
		margin-top: 15px;
	}
}








/************* BOTTOM  PARTNERI *************/


#bottom_partneri {
	background: #155d5c;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	
	4padding: 0 35px 80px 35px;
}


#partneri {
	clear: both;
	margin: 0px auto;
	max-width: 1000px;
	position: relative;
	height: auto;
        height: 161px;
	
}


#partneri img {
	width: 100%;
       
}


/************* BOTTOM  PARTNERI *************/


#bottom_partneri2 {
	background: #F7F7F7;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	
	4padding: 0 35px 80px 35px;
}


#partneri2 {
	clear: both;
	margin: 40px auto 25px auto;
	max-width: 1005px;
	position: relative;
	min-height: 70px;
	
}



.partneri2_item1, .partneri2_item2, .partneri2_item3, .partneri2_item4, .partneri2_item5, .partneri2_item6, .partneri2_item7 {
	float: left;
	position:relative;
	margin:0 auto;
        height: 63px;
}

.partneri2_item1 { width: 125px; }
.partneri2_item2 { width: 68px; }
.partneri2_item3 { width: 133px; }
.partneri2_item4 { width: 192px; }
.partneri2_item5 { width: 175px; }
.partneri2_item6 { width: 144px; }
.partneri2_item7 { width: 163px; }






#partneri2 img{
	width: auto;
	height: auto;
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}





#partneri2 img.part_top:hover {
  opacity:0;
}





/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {
	
	#partneri2 {
		padding: 0 25px 50px 25px;
		margin: 25px auto;

	}
	
}	


/************* BOTTOM *************/



#bottom_container {
	background: #050708;
	clear: both;
	float: left;
	width: 100%;
	min-height: 359px;
	position: relative;
	
	4padding: 0 35px 80px 35px;
        border-top: 11px solid #0b3c3b;
}


#bottom {
	clear: both;
	margin: 0px auto;
	max-width: 1000px;
	position: relative;
}


#bott_info, #bott_kontakt, #bott_kont_form, #bott_menu  {
	float: left;
	width: 215px;
	color: #b4b4b4;
	padding: 0 10px 0 23px;
	line-height: 23px;
	font-size: 14px;
}

#bott_info {
	padding: 0 33px 0 0 !important;
}

#bott_info img{
	margin: 0px 0 0 0;
}


#bottom strong{
	color: #fff !important;
 }

#bottom h2{
	clear: both;
	text-align: left;
	margin: 37px 0 30px 0;
	font-size: 16px;
	color: #fff;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
	text-transform: uppercase;
 }


#bott_info h3{
	float: left;
	clear: both;
	text-align: left;
	margin: 0px 0 0px 0;
	font-size: 17px;
	color: #fff;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
	line-height: 29px;
 }


#bott_info h4 {
	float: left;
	clear: both;
	text-align: left;
	margin: 0px 0 0px 0;
	font-size: 20px;
	color: #e1e1e1;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
	line-height: 29px;
 }

#bott_info a, #bott_kontakt a {
	color: #fff;
	text-decoration: none;
 }

#bott_info a:hover, #bott_kontakt a:hover {
	color: #fff;
	text-decoration: underline;
 }

#bott_kontakt img {
	margin: 0px 10px 0 0;
	width: 30px;
 }






/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {
	

	#bottom_container {
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		width: 100%;
		padding: 0 0 50px 0;
	}

	#bottom h2{
		clear: both;
		text-align: left;
		margin: 30px 0 20px 0;
		font-size: 19px;
		font-family: 'Exo 2', sans-serif;
		font-weight: 300; 
	 }	
	 
	#bott_kontakt {
		padding: 0;
	} 
	
	#bottom {
		margin: 0px 20px;
	}


	
  #bott_info, #bott_kontakt {
		float: left;
		width: 50%;
		4color: #b4b4b4;
		padding: 0 !important;
		margin: 0 0px 0 0px;
		line-height: 23px;
		font-size: 14px;
	}  
	
       
      

}



/*MEDIA QUERY*/
@media only screen and (max-width : 770px) {
	

	
    
	
	#bott_info, #bott_kontakt {
		width: 100%;
		padding: 0;
	}  
	
	 
}


/************* BOTTOM FORM *************/

#bott_kont_form{
	float: left;
	4width: 50%;
}



#bott_kont_form img {
		border: 0px;
		margin-bottom: 5px;
		
}

#bott_kont_form label {
	float: left;
	
	width: 150px;
	margin: 0px 0 0 0;
}

#bott_kont_form input {
	float: left;
	height: 30px;
	width: 185px;
	border: 0px;
	margin: 5px 0px 5px 0;
	
		padding: 0 0 0 10px;
		background: #fff;
		border: 0px solid #b4b4b4b;
		color: #282828;
		font-size: 13px;
                font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
}

#bott_kont_form textarea {
	float: left;
	
	width: 185px;
	height: 50px;
	border: 0px;
	padding: 10px 0 0 10px;
	margin: 5px 0px 5px 0;
	background: #fff;
		border: 0px solid #b4b4b4;
		color: #282828;
		font-size: 13px;
                font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
}


.reg_error {
	  margin: 0 5px 0px 0;
	  float: left;
	  color: #ff0000;
	  font-size: 11px;
	  line-height: 18px;
}

#bott_kont_form strong{
	color: #fff;
	clear: both;
	float: left;
	margin: 7px 0px 0px 0;
}


.form_space{
	  margin-right: 10px !important;
}




#security_code {
	height: 50px !important;
	width: 304px !important;
	margin-left: 0px !important;
}


#kod_img {
	margin-top: 5px;
	margin-right: 15px !important;
	padding-bottom: 0px !important;
	clear: both;
	float: left;
}



#bott_kont_form input.odeslat {
	clear: both;
	  4background: url(img/button.png) no-repeat 0px 0px;
	background-color: #155d5c;
	
	
      font-family: 'Exo 2', sans-serif;
	font-weight: 400; 
	
	  width: 120px;
	  
	  height: 50px;
	  border: none;
	  margin: 12px 0px 40px 0px;
	  padding: 0px;
	  
	  
      color: #fff !important;
      text-align: center;
	font-size: 18px;
		text-transform: uppercase;
	
	cursor: pointer;
      cursor: hand;
      float: left;
	  	
    transition: all 0.3s ease 0s;
}

#bott_kont_form input.odeslat:hover {
	  4background: url(img/button_hover.png) no-repeat 0px 0px;
	  background-color: #000;
	  color: #fff !important;
	 
	
}





#bott_menu ul {
	margin: 0 0 30px 0;
 }
 

#bott_menu li  {
	border-top: 1px solid #b4b4b4;
	padding: 7px 0;
 }
 
 
 
#bott_menu li:hover {
	background-color: #2a2a2a;
 }

#bott_menu li a {
	margin: 0px 0 0px 5px;
	color: #b4b4b4;
	font-family: 'Exo 2', sans-serif;
	text-decoration: none;	
	
		
    transition: all 0.3s ease 0s;
 }

#bott_menu li:hover a{
		color: #e1e1e1;
}



#bott_menu img {
	width: 12px;
        margin: 0px 7px 0 0;
 }





/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {
	  
        #bott_kont_form {
        clear: both;
        }
        
	#bott_kont_form, #bott_menu  {
		float: left;
		width: 50%;
		4color: #b4b4b4;
		padding: 0 0px 0 0px;
		line-height: 23px;
		font-size: 14px;
	}

	 
	  #bott_kont_form input, #bott_kont_form textarea {
		width: 90%;
	  }

}




/*MEDIA QUERY*/
@media only screen and (max-width : 770px) {
	  

	#bott_kont_form, #bott_menu  {
		width: 95%;
	}
	 
  #bott_kont_form input, #bott_kont_form textarea {
		width: 100%;
	  }
	  
	#bott_kont_form input.odeslat {
		margin: 15px 0px 15px 0px;
	  }

}



/************* FOOTER *************/


#footer_container {
	width: 100%;
	4max-height: 413px;
	position: relative;
	background-color: #2a2a2a;
	float: left;
	padding: 0px;
}


#footer  {
	font-size: 13px;
	line-height: 18px;
	clear: both;
	margin: 0px auto;
	max-width: 1000px;
	position: relative;
	color: #9a9a9a;
	4text-align: justify;
	padding: 28px 0px 28px 0px;
	
}

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

#footer a:hover{
	color: #fff;
	text-decoration: underline;
}

#footer_copyright {
	float: left;
	margin-bottom: 26px;
	4width: 50%;
}

#footer_created  {
	float: right;
	margin-bottom: 26px;
	4width: 50%;
}

#footer_created  img{
	padding-left: 4px;
}








/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {

	#footer_copyright {
		float: left;
		margin: 0  20px 20px 20px;
		4width: 50%;
	}

	#footer_created  {
		float: right;
		margin: 0  20px 20px 20px;
		4width: 50%;
	}


}	

/*MEDIA QUERY*/
@media only screen and (max-width : 740px) {

	#footer_copyright {
		float: none;
		margin: 0px  20px 0px 20px;
		4width: 50%;
	}

	#footer_created  {
		float: none;
		margin: 10px  20px 0px 20px;
		4width: 50%;
	}


}	












































#najdete{
	float: left;
	width: 50%;
}








/************* FORM *************/

#timeslots {
	width: 920px;
}

#kontaktni_formular_booking{
	float: left;
	width: 100%;
}


#kontaktni_formular_booking img {
		border: 0px;
		margin-bottom: 5px;
		
}

#kontaktni_formular_booking label {
	float: left;
	
	width: 450px;
	margin: 0px 0 0 0;
}

#kontaktni_formular_booking input {
	float: left;
	height: 50px;
	width: 460px;
	border: 0px;
	margin: 5px 0px 10px 0;
	
		padding: 0 0 0 15px;
		background: none;
		border: 1px solid #bfa161;
		color: #fff;
		font-size: 17px;
}


#kontaktni_formular_booking textarea {
	float: left;
	
	width: 97%;
	height: 65px;
	border: 0px;
	padding: 10px 0 0 15px;
	margin: 5px 0px 10px 0;
	background: none;
		border: 1px solid #bfa161;
		color: #fff;
		font-size: 17px;
}


#kontaktni_formular_booking .styled-select {
   width: 475px;
   height: 50px;
   overflow: hidden;
   border: 1px solid #bfa161;
   background: url(img/down_arrow_select.png) no-repeat 98%;
   margin: 0px 0px 5px 0;
   
   }

#kontaktni_formular_booking .styled-select select {
   background: transparent;
   border: 1px solid #bfa161;
   width: 467px;
   margin: 0px 0px 10px 0;
	padding: 0 0 0 15px;
	 color: #fff;
	font-size: 17px;
	line-height: 1;
   border: 0;
   border-radius: 0;
   height: 50px;
   -webkit-appearance: none;
   }
   
#kontaktni_formular_booking .styled-select select option{
   background: #1f1a17;
   }
   


#kontaktni_formular_booking #slots {
	clear: both;
	width: 960px;
		
}



#kontaktni_formular_booking #timeslots table{
	clear: both;
	4width: 920px;		
	margin: 10px 0 15px 0;
	width: 100%;
}

#kontaktni_formular_booking #timeslots table td, th {
	border: 1px solid #bfa161;
	text-align: center;
	padding: 10px 15px;
	overflow: hidden;
}

#kontaktni_formular_booking #timeslots .available{
	4background: url(img/available.png) no-repeat center center;
	4background-color:  #24e656;
	
}



#kontaktni_formular_booking #timeslots .available:hover, #kontaktni_formular_booking #timeslots #active{
	4background: url(img/available.png) no-repeat center center;
	background-color:  #24e656;
	cursor: pointer;
}

#kontaktni_formular_booking #timeslots .unavailable{
	  background: url(img/unavailable.png) no-repeat center center;
}

#kontaktni_formular_booking #timeslots .reserved{
	  background: url(img/reserved.png) no-repeat center center;
}



#kontaktni_formular_booking #timeslots .available input, #kontaktni_formular_booking #timeslots .unavailable input, #kontaktni_formular_booking #timeslots .reserved input{
	4background: url(img/available.png) no-repeat center center;
	4background-color:  #24e656;
	width: 30px !important;
	height: 30px !important;
	padding: 0px  !important;
	margin: 0px 35% !important;
}




#kontaktni_formular_booking #legend{
	clear: both;
	width: 350px;		
}

#kontaktni_formular_booking #legend table td, th {
	border: 0px;
}

#kontaktni_formular_booking #legend img {
	margin: 00px 10px 0px 10px;
}


   

#kontaktni_formular_booking #slots .day {
	float: left;
}

#kontaktni_formular_booking #slots .slots_text{
	margin-top: 5px;		
	float: left;
	color: #24e656;
}

#kontaktni_formular_booking #slots .slot_disabled {
	color: #aaa;		
}


#kontaktni_formular_booking #slots strong{
	clear: both;
	width: 160px;
	font-size: 16px;
	font-weight: bold;	
	float: left;
	margin: 5px 0 10px 0px;	
}

#kontaktni_formular_booking #slots input {
4	float: none !important;
	float: right;
	height: 20px !important;
	width: 20px !important;
	margin: 10px 10px 10px 30px !important;
	
		color: #fff;
		font-size: 17px;
}






#kontaktni_formular_booking input.prev {
	4clear: both;
	  background: url(img/left_arrow.png) no-repeat 0px 0px;
	
	  width: 200px;
	  
	  height: 30px;
	  border: none;
	  margin: 25px 0px 20px 0px;
	  
	  padding: 0px 0 0 50px;
	  
	  
      color: #FFF !important;
      text-align: left;
	font-size: 1.7em;
		4border: 1px solid #b4b4b4;
	text-transform: uppercase;
	
	cursor: pointer;
      cursor: hand;
      
      float: left;
}

#kontaktni_formular_booking input.prev:hover {
	  background: url(img/left_arrow_hover.png) no-repeat 0px 0px;
	  color: #bfa161 !important;
	 
	
}


#kontaktni_formular_booking input.next {
	4clear: both;
	  background: url(img/right_arrow.png) no-repeat right 0px;
	
	  width: 200px;
	  
	  height: 30px;
	  border: none;
	  margin: 25px 0px 20px 0px;
	  
	  padding: 0px 50px 0 0px;
	  
	  
      color: #FFF !important;
      text-align: right;
	font-size: 1.7em;
		4border: 1px solid #b4b4b4;
	text-transform: uppercase;
	
	cursor: pointer;
      cursor: hand;
      
      float: right;
}

#kontaktni_formular_booking input.next:hover {
	  background: url(img/right_arrow_hover.png) no-repeat right 0px;
	  color: #bfa161 !important;
	 
	
}





#kontaktni_formular_booking input.odeslat {
	clear: both;
	  background: url(img/button.png) no-repeat 0px 0px;
	
	  width: 221px;
	  
	  height: 76px;
	  border: none;
	  margin: 10px 0px 0px 0px;
	  padding: 0px;
	  
	  
      color: #FFF !important;
      text-align: center;
	font-size: 1.7em;
		4border: 1px solid #b4b4b4;
	text-transform: uppercase;
	
	cursor: pointer;
      cursor: hand;
      
      float: left;
}

#kontaktni_formular_booking input.odeslat:hover {
	  background: url(img/button_hover.png) no-repeat 0px 0px;
	  color: #FFF !important;
	 
	
}




@media screen and (max-width: 550px) {
#kontaktni_formular_booking input {
	width: 95%;
  }

	#kontaktni_formular_booking .styled-select {
	   width: 100%;
	   }

	#kontaktni_formular_booking .styled-select select {
	   width: 100%;
	   }
   
   #kontaktni_formular_booking textarea {
		float: left;
		
		width: 95%;
	}
	
	#security_code {
		width: 95% !important;
	}

}








/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
@media screen and (max-width: 1000px) {
	
		
		#timeslots, #timeslots table{
			width: 100% !important;
		}

		#kontaktni_formular_booking #timeslots table td, th {
				padding: 5px 5px;
			}

		#kontaktni_formular_booking #legend {
			clear: both;
			width: 50%;		
		}
		
		#kontaktni_formular_booking #legend tr td{
			clear: both;
			width: 50%;	
			padding: 5px;
		}

			#kontaktni_formular_booking #timeslots .available input, #kontaktni_formular_booking #timeslots .unavailable input, #kontaktni_formular_booking #timeslots .reserved input{
				4background: url(img/available.png) no-repeat center center;
				4background-color:  #24e656;
				width: 15px !important;
				height: 15px !important;
				padding: 0px  !important;
				margin: 0 35% !important;
			}


		#kontaktni_formular_booking #timeslots .available:hover, #kontaktni_formular_booking #timeslots #active{
			4background: url(img/available.png) no-repeat center 10px;
			background-color:  #24e656;
			cursor: pointer;
		}

		#kontaktni_formular_booking #timeslots .unavailable{
			  background: url(img/unavailable.png) no-repeat center 10px;
		}

		#kontaktni_formular_booking #timeslots .reserved{
			  background: url(img/reserved.png) no-repeat center 10px;
		}



		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			4display: block; 
			width: 100%;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { 4border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			4border-bottom: 1px solid #eee; 
			position: relative;
			4padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		
		td:nth-of-type(1):before { content: "First Name"; }
		td:nth-of-type(2):before { content: "Last Name"; }
		td:nth-of-type(3):before { content: "Job Title"; }
		td:nth-of-type(4):before { content: "Favorite Color"; }
		td:nth-of-type(5):before { content: "Wars of Trek?"; }
		td:nth-of-type(6):before { content: "Porn Name"; }
		td:nth-of-type(7):before { content: "Date of Birth"; }
		td:nth-of-type(8):before { content: "Dream Vacation City"; }
		td:nth-of-type(9):before { content: "GPA"; }
		td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: 100%;
                        overflow-y: scroll; }
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 100%; 
		}
	}
	


@media screen and (max-width: 570px) {
	
		
		#timeslots, #timeslots table{
			font-size: 11px;
		}

}















img.ri
{
	position: relative;
	max-width: 100%;
	top: 0%;
	left: 0%;
}

img.ri:empty
{
	top: 0%;
	left: 0%;
}

@media screen and (orientation: portrait) {
  img.ri {
      max-width: 82%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 82%;
  }
}