* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
html         { background-color: #003721; background-image: 
               url('../img/bg.jpg'); 
               background-repeat: repeat-y; background-attachment: scroll; 
               background-position: center }
body         { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; 
               font-family: Arial, sans-serif; color: #000; background-image: 
               url('../img/header.jpg'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               border-bottom: 40px solid #003721; padding: 0; 
               background-position: 50% 0 }
/* links --------------------------------------------------------------- */
a {color:#8a8528;text-decoration: underline;}
a:link {color:#8a8528;}
a:hover {color:#000;text-decoration: none;}

/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size:1.8em;  margin: 0; color: #005e7c;}
h2 { font-size: 1.10em; margin: 0 0 20px; color: #1e1e1e; }
h3 { font-size:0.9em; margin: 5px 0 25px;color: #3d3d3d; font-weight: normal; }
h4 { font-size:1.0em; color: #005e7c }
h5 { font-size:1.0em; }


#layout      { width: 1070px; overflow: hidden; background-image: 
               url('../img/header.jpg'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               margin-left: auto; margin-right: auto; margin-top: 0; 
               margin-bottom: 0; background-position: 50% 0 }
#header {height: 303px;position: relative;width: 1070px; margin: 0 auto;}
    /* header ------------------------------------------------------------------ */
        h1 { position: absolute; top: 90px; left: 20px; font-size:4.8em;font-weight: normal}
            h1 { display: block; color: #dda527;text-decoration: none;letter-spacing: 0.15em;}
                h1 span {color: #a49b75;font-family: Times;font-size: 0.7em}
                h1 small {font-size: 0.6em}
          
		   h1 .perex {display: block; font-size: 25%;}


          /* navigation --------------------------------------------------- */
        #nav {position: absolute; top: 218px; left: 0px;}
        #nav ul {color: #fff;display: block;}
        #nav ul li {float:left;height: 80px;}
        #nav ul li.active { background-image:  url('../img/nav-active.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 }
        #nav ul li a { display: block; text-align:center; width: 97px; padding: 0px 0px 0px 0px; font-weight: bold;font-size: 1.1em; float: left; text-decoration: none; color: #fff; height: 65px;}
            #nav ul li a:hover {color: #dda527; text-decoration: none;}
            #nav ul li.active a { color: #dda527; text-decoration:none;}
            #nav ul li.active a:hover { color: #fff; text-decoration:none;}
            #nav ul li#nav1 { position: relative; left: 0px; top: -2px; background-position: 50% 30px;}
            #nav ul li#nav2{ position: relative; left: 0px; top: 3px; background-position: 50% 31px;}
            #nav ul li#nav3{ position: relative; left: 0px; top: 8px; background-position: 50% 31px;}
            #nav ul li#nav4{ position: relative; left: 0px; top: 8px; background-position: 50% 32px;}
            #nav ul li#nav5{ position: relative; left: 0px; top: 8px; background-position: 50% 30px;}
            #nav ul li#nav6{ position: relative; left: 0px; top: 2px; background-position: 50% 33px;}



       p.langs {float: right; display: block; margin: 190px 0px 0px 0px; height: 100px;}
            p.langs a {float: left; display: block; font-size: 80%; height: 50px; text-transform: uppercase; color: #0c3f28; text-decoration: none;font-weight: bold;}
            p.langs a:hover {color: #fff;}
            p.langs a.active { color: #fff; background-image: url('../img/lang-active.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 }
            p.langs a.cz {padding-top: 75px; padding-left: 18px; background-position: 50% 45px; width: 54px;}
            p.langs a.en {padding-top: 65px; background-position: 29% 35px; width: 55px;}
            p.langs a.de {padding-top: 53px; background-position: 45% 25px; width: 45px;}
            p.langs a.sk {padding-top: 39px; background-position: 54% 11px; width: 65px;}
			      p.langs a.es {padding-top: 27px; background-position: 26% -2px; width: 68px;}
           
		


  #container { padding: 40px 0 50px;}

		.content .titleOrnament {color: #fff; float: left; margin-right: 6px; font-weight:bold; font-size:small;}

		.content h2 {color: #000;margin: 0 0 5px}		
		.content h2 .mesto {color: #000; display:inline;}

		.content {float: right;width: 590px;padding-bottom: 20px;position: relative; left: -40px;}
		 .content .white {background: #fff;padding: 20px; width: 550px}
        
	   
        .content p {line-height: 1.6em;text-align: justify;font-size: 1.0em; margin: 0 0;padding: 0 0 10px}
        .content img.flt-l {margin: 0 10px 5px 0;border: 3px solid #d7cfb3;}
        .content img.flt-r {margin: 0 0 5px 10px;border: 3px solid #d7cfb3;}
        .content ul {font-size: 0.9em; line-height: 1.6em;margin: 10px 0;}
        




    
      .panel {float: left;width: 370px;background: #523e18;color: #fff;position: relative; left: 40px;}
        .panel p.images {padding: 20px}
            .panel p.images img {margin: 0 1px 1px 0;border: 1px solid #523e18}
            .panel p.images a:hover img {border-color: #fff}
        .panel p {padding: 10px 20px;line-height: 1.4em;margin: 0}
        .panel a {color: #fff;text-decoration: none;}
        .panel a:hover {text-decoration: underline;}
        .panel h4 {color: #d29d26; padding: 0 20px;text-transform: uppercase;font-size: 1.2em;margin: 20px 0 0 0;}
        .panel .pocasi img {margin-top: 10px}
        .panel .services {background: url('../img/icons-bg.jpg');padding: 0 2px 0 4px;line-height: 53px;}
            .panel .services img {float: left;margin: 9px 1px 9px 0}
            .panel .services .clear {display: block;}
  	/* footer ----------------------------------------------------------------- */
  	#footer { clear:both;height: 30px}
        #footer p {color: #000;font-size: 0.9em}
        #footer p.flt-l {position: relative; left: 40px;}
        #footer p.flt-r {position: relative; left: -40px;color: #ce9a25;font-weight: bold;}
        #footer p a {color: #003721;text-decoration: none;font-weight: normal}
        #footer p a:hover {color: #000}


hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.nav_item a {font-size: 90%; text-transform: uppercase; color: #0c3f28; text-decoration: none;font-weight: bold; letter-spacing: 7px;}
.nav_item a:hover {color: #fff;}
.nav_itemSelected {text-transform: uppercase; color: White; text-decoration: none;font-weight: bold; letter-spacing: 7px;}

.nav_home a {text-transform: uppercase; color: #0c3f28; text-decoration: none;font-weight: bold;}
.nav_home a:hover {color: #fff;}