/* CSS Document */
/* vseobecne nastaveni */
body {background: white; color: black; font-size: 11px; text-align: center; font-family: "Arial";}
a {color: white;}
a img {border: none}
h1 a {color: #555555; text-decoration: none}
h1 {font-size: 18px; color: #555555; margin: 0;}
h2 {font-size: 12px; color: white;}
h4 {font-size: 14px; color: #FF9900;  margin: 0;}
h3 {font-size: 11px; color: #FF9900;}
h5 {font-size: 14px; font-weight: bold; margin: 5px 0}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}
p {margin: 10px 0;}
ul, li {}

/* elementarni tridy */
.border {border: 1px solid black}
.resetovac { width: 0px; height: 0px; border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; line-height: 0px; font-size: 0px;}
.bold {font-weight: bold}
.font-size_16 {font-size: 16px}
/* for IE grrr */
.norm {font-size: 11px}
.smezerou {font-size: 11px}
table {font-size: 11px}
table tr {font-size: 11px}
table tr td {font-size: 11px}

/* styl konkretnich id a trid */

/* obalovy div cele stranky */
#main_page {width: 990px; margin: 0 auto; text-align: left;}

  /* hlavicka */
  #header {width: 990px; position: relative;}
    #header h1 {position: absolute; top: 10px; left: 30px}
    #header #jazyky {position: absolute; left: 700px; top: 5px; display: none}
    #header a {text-decoration: none; display: none}
    #menu { position: absolute; left: 35px; top: 41px; font-size: 1.1em;}
    #menu ul#mainMenu .odkaz1 {display: block;  padding: 25px 10px; font-weight: bold; text-decoration: none; color: white; text-align: center; display: none}     
      #menu img {float: left; margin: 15px 0px 0 0px; position: relative; display: none}
      #menu ul#mainMenu .odkaz1:hover {color: white; background: url(../img/menu_hover_back.jpg); display: none}
    	#menu li, #menu ul {margin: 0; padding: 0;  list-style-type:none; line-height: 0px}
      ul#mainMenu li {position: relative; float:left; margin: 0 5px}
    	ul#mainMenu ul .odkaz2 {text-align: center;	padding: 20px 10px;	color: white;	font-weight: bold;	display: block;	width: 153px;	margin: 0px;  background: black;  border-bottom: 2px solid white;  background: url(../img/menu_back2.jpg);	}
    	ul#mainMenu ul .odkaz2:hover {color: white; background: url(../img/menu_hover_back.jpg);}
    	ul#mainMenu ul li{ _margin: -8px;	}
    	ul#mainMenu ul { _padding-top: 7px;	position:absolute;	visibility:hidden;}
    	ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{	visibility:visible;	}
    	ul#mainMenu li li {float:none;}
    	ul#mainMenu li {behavior: url(hover.htc); }/* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
      
    #logo {display: block; height: 30px; width: 150px; position: absolute; top: 2px; left: 20px; display: none}
    #odkazy_v_hlavicce_obal {position: absolute; top: 10px; left: 840px; color: white; font-size: 11px; color: #555555; display: none}
    #odkazy_v_hlavicce_obal a {color: white; font-size: 11px; color: #555555;}
  /* hlavika KONEC */
  
  /* stredni cast */
  #middle_part {width: 990px;}
    #obsah_back {}
    #obsah {position: relative; padding: 10px 0px; color: black}
      #obsah h2 {margin: 0 0 10px 0;}
      #obsah .text {margin: 0 60px; font-size: 11px;}
      #obsah .text li {position: relative; left: 30px}
    #novinky_a_newsletter_obal {width: 900px; margin: 15px auto 0 auto; color: black}
      #rychly_kontakt {position: relative; width: 250px; float: left; padding: 23px 23px 23px 35px;}
        #rychly_kontakt .kontakt_nadpis {position: relative; right: 10px; bottom: 10px; color: #666666; font-weight: bold}
        #rychly_kontakt p {font-weight: bold; margin: 5px 0 0 0; line-height: 17px}
        #rychly_kontakt a {color: black}
        #rychly_kontakt #obalka {position: absolute; top: 0px; left: 250px}
        #rychly_kontakt .button {position: absolute; top: 100px; left: 230px; display: block; height: 18px; width: 115px; padding: 5px 0px 0 10px; color: white; text-decoration: none; font-weight: bold; background: url(../img/button.jpg) no-repeat;}
      .novinky_nadpis {position: relative; right: 10px; bottom: 10px; color: black; font-weight: bold}
      .novinka {float: left; width: 230px; padding: 23px; background: url(../img/novinky_oddelovac.jpg) no-repeat; background-position: right;} 
        .novinka .nadpis {padding: 0 10px 0 0px; margin: 0px; color: black; font-weight: bold}
        .novinka .text {padding: 5px 10px 0 20px}
        .novinka p {margin: 5px 0 0 0;}
        .novinka .link a {padding: 0px 10px 0 0px; color: black;}
    #upoutavky_obal {width: 900px; height: 122px; margin: 0 auto; padding: 10px 0 50px 0; display: none}
      .upoutavka {position: relative; width: 287px; height: 122px; float: left; }
        .upoutavka p {margin: 30px 0 0 14px; color: white; font-weight: bold; font-size: 16px}
        .upoutavka a {position: absolute; bottom: 10px; left: 14px; color: white}
        #svatba {background: url(../img/svatba.jpg) no-repeat;}
        #raut {background: url(../img/raut.jpg) no-repeat; margin-left: 15px}
        #vylet {background: url(../img/vylet.jpg) no-repeat;  margin-left: 15px}
  /* stredni cast KONEC */

  /* Footer */
  #footer {width: 990px; height: 92px; background: url(../img/footer.jpg); display: none}
    #footer a:hover {color: #669933}
    #copyright {width: 513px; float: left; margin: 5px 0 0 30px; color: white}
      #copyright a {text-decoration: none}
    #footer_menu {width: 400px; float: left; margin: 5px 0 0 10px; line-height: 25px}
      #footer_menu a {color: white; text-decoration: none; margin: 0 15px}
      #doporucujeme {text-align: center; margin: 10px 0 0 0; color: white}
  /* Footer KONEC */
  
  /* pomocne tridy */
  .uvod {position: absolute; top: -20px; left: 20px; padding-top: 20px; width: 950px; height: 214px; color: black}
    .uvod p {position: absolute; top: 40px; left: 180px; width: 530px}
    .uvod h2 {position: absolute; top: 30px; left: 180px;}
  .mezera-160px {height: 160px}