/* Globalni styly */

a{ color: #FFF; }

.info{text-align: right; padding-right: 5px; }

p{padding: 0px; margin: 0px;}

/* Styl tela stranky */
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; line-height: 140%; font-size: 81%; background-color: #FFF; border-bottom: 0px solid #6699cc; height: 100%; }

/* Horni podklad */
div#pruh { position: absolute; top: 10px; left: 0px; height: 100px; width: 100%; background-image: url("layout-grafika/pruh.gif"); }

/* Hlavni cast stranky */
div#hlavni { position: relative; margin: 0px auto; width: 800px; text-align: left; }


/* Horni cast */
div#horni { height: 40px; line-height: 30px; font-size: 140%; color: #FFF; text-transform: uppercase; text-align: right; }

/* Horni menu */
div#horni_menu { height: 31px; margin-top: 19px; }
div#horni_menu ul{ float: right; list-style: none; height: 30px; padding: 0px; margin: 0px; text-align: center; color: #FFF; line-height: 30px; }
div#horni_menu ul li{ float: left; width: 100px; }
div#horni_menu ul li a{ display: block; width: 99px; height: 30px; color: #FFF; text-decoration: none; background-image: url("layout-grafika/menu.gif"); background-repeat: no-repeat; border-bottom: 1px solid #FFF;  border-left: 1px solid #FFF; background-position: 0px 0px; }
div#horni_menu ul li a:hover{ background-position: 0px -30px; }
div#horni_menu ul li strong{ display: block; width: 99px; height: 30px; color: #FFF; text-decoration: none; background-image: url("layout-grafika/menu.gif"); background-repeat: no-repeat; border-bottom: 1px solid #996633; border-left: 1px solid #FFF; background-position: 0px -60px;  font-weight: normal; }

/* Horni text - uvodnik */
div#top { height: 200px; background-color: #996633; background-image: url("layout-grafika/top.gif"); background-repeat: no-repeat; background-position: bottom; position: relative;  padding-left: 0px; color: #FFF; text-align: justify; }
div#top h3 { margin: 0px; padding: 0px; font-size: 130%; font-family: arial; color: #FFF; text-transform: uppercase; }
div#top p{ padding: 0px; margin: 0px; margin-top: 10px; }
div#top img { border: 3px solid #FFF; width: 174px; font-size: 140%; }
div#tops_1 { width: 500px; padding: 20px; padding-top: 40px; margin-left: 250px; text-align: justify; }

/* Logo */
div#logo { position: absolute; top: 0px; left: 50px; width: 150px; height: 200px; }
div#logo img { border: 0px; width: 150px; height: 200px; }
div#logo a { border: 0px solid #000; }

/* Overeni domeny */
div#overeni { height: 50px; background-color: #996633; background-image: url("layout-grafika/overeni_domeny.gif"); background-repeat: no-repeat; background-position: bottom; color: #FFF; text-align: justify;  clear: both; border-top: 5px solid #FFF; }
div#overeni h3 { border-right: 5px solid #FFF; margin: 0px; padding: 0px; font-size: 110%; font-family: arial; color: #FFF; text-transform: uppercase; float: left; width: 250px; text-align: center; line-height: 50px; }
div#overeni form { margin: 0px; padding: 0px; }
div#overeni table { margin: 0px; padding: 0px; float: right; height: 50px; }
.text{ border: 1px solid #666; background-image: url("layout-grafika/overeni_input.gif"); background-position: center; width: 200px; padding: 2px; }
form select{ border: 1px solid #666; width: 100px; padding: 1px; }
input#overeni_button{ border: 0px solid #FFF; width: 140px; margin-left: 47px; height: 100%; color: #FFF; height: 44px; background-color: #895C2E; }
fieldset{ text-align: right; border: 0 none; padding: 10px; }
em{ font-size: 85%; }

/* Login k webhostingu */
div#login { height: 50px; background-color: #996633; background-image: url("layout-grafika/overeni_domeny.gif"); background-repeat: no-repeat; background-position: bottom; color: #FFF; text-align: justify; margin-top: 5px;  border-bottom: 5px solid #FFF; }
div#login h3 {border-right: 5px solid #FFF;  margin: 0px; padding: 0px; font-size: 110%; font-family: arial; color: #FFF; text-transform: uppercase;  float: left; width: 250px; text-align: center; line-height: 50px; }
div#login form { margin: 0px; padding: 0px; }
div#login table { margin: 0px; padding: 0px; float: right; height: 50px; }
.login_text{ border: 1px solid #666; background-image: url("layout-grafika/overeni_input.gif"); background-position: center; width: 100px; padding: 2px; }
div#login label{ margin-left: 10px; }
div#login form select{ border: 1px solid #666; text-align: center; width: 100px; padding: 1px; }
input#login_button{ border: 0px solid #FFF; width: 140px; margin-left: 40px; height: 100%; color: #FFF; height: 44px; background-color: #895C2E; }

/* Konfigurace serveru */
div#konfigurace{ width: 250px; background-color: #996633; background-image: url("layout-grafika/konfigurace.gif"); background-repeat: no-repeat; background-position: bottom; height: 300px; float: left; }
div#konfigurace h3{ font-size: 110%; color: #FFF; margin-bottom: 5px; width: 250px; background-color: #3399cc; background-image: url("layout-grafika/konfigurace_nadpis.gif"); background-repeat: no-repeat; background-position: top; text-transform: uppercase; font-family: arial; margin: 0px; padding: 0px; line-height: 47px; border-bottom: 3px solid #895C2E; text-align: center; }
div#konfigurace ul{ margin: 0px; padding: 0px; list-style: none; }
div#konfigurace li{ margin: 0px; padding: 0px; border-bottom: 1px solid #895C2E; line-height: 29px; color: #FFF; }
div#konfigurace P{ text-indent: 10px; }
div#konfigurace a{ display: block; width: 245px; height: 29px; line-height: 29px; padding-right: 5px; }
div#konfigurace a:hover{ background-color: #A37648; }

/* Typy webhostingu */
div#typy { float: right; width:545px; height: 300px; color: #FFF; }

div#typ_1 { background-image: url("layout-grafika/program_1_paticka.gif"); background-repeat: no-repeat; background-position: bottom right; width:545px; background-color: #996633; height: 300px; }
div#typ_1 h3{ font-size: 110%; color: #FFF; background-color: #3399cc; background-image: url("layout-grafika/program_1_nadpis.gif"); background-position: left top; margin: 0px; padding: 0px; line-height: 29px; border-bottom: 1px solid #FFF; text-indent: 20px; }
div#typ_1 div{ background-image: url("layout-grafika/200.gif"); background-repeat: no-repeat; background-position: bottom left; width: 250px; height: 117px; float: left; }
div#typ_1 ul#a{ margin: 0px; padding: 0px; margin-top: 10px; padding-right: 15px; width: 260px; font-size: 90%; list-style-type: none; float: right; }
div#typ_1 ul#b{ margin: 0px; padding: 0px; padding-left: 15px; width: 500px; font-size: 90%; list-style-type: none; float: left; }
div#typ_1 ul li{ list-style-type: none; background-image: url("layout-grafika/odrazka.gif"); background-repeat: no-repeat; background-position: left center; text-indent: 15px; color: #FFF; }

div#typ_2 { width:545px; background-color: #996633; height: 147px; margin-top: 5px; }
div#typ_2 h3{ font-size: 110%; color: #FFF; background-color: #3399cc; background-image: url("layout-grafika/program_2_nadpis.gif"); background-position: top right; margin: 0px; padding: 0px; line-height: 29px; border-bottom: 1px solid #FFF; text-indent: 20px; }
div#typ_2 div{ background-image: url("layout-grafika/300.gif"); background-repeat: no-repeat; background-position: bottom left; width: 226px; height: 117px; float: left; color: #FFF; }
div#typ_2 ul{ margin: 0px; padding: 0px; margin-top: 10px; padding-right: 15px; font-size: 90%; list-style-type: none; float: right; width: 290px; }
div#typ_2 ul li{ list-style-type: none; background-image: url("layout-grafika/odrazka.gif"); background-repeat: no-repeat; background-position: left center; text-indent: 15px; color: #FFF; }

div#stred { float: left; width:800px; color: #FFF; background-color: #996633; }

div#obsah { background-image: url("layout-grafika/program_1_paticka.gif"); background-repeat: no-repeat; background-position: bottom right; width:800px; background-color: #996633; height: 100%; }
div#obsah h3{ font-size: 110%; color: #FFF; background-color: #3399cc; background-image: url("layout-grafika/program_1_nadpis.gif"); background-position: left top; margin: 0px; padding: 0px; line-height: 29px; border-bottom: 1px solid #FFF; text-indent: 20px; }
div#obsah h4{ font-size: 100%; padding: 10px; margin: 0; padding-bottom: 0px;}
div#obsah div{ background-image: url("layout-grafika/100.gif"); background-repeat: no-repeat; background-position: bottom left; width: 250px; height: 117px; float: left; }
div#obsah ul{ margin: 0px; padding: 10px; font-size: 90%; list-style-type: none; }
div#obsah ul li{ list-style-type: none; background-image: url("layout-grafika/odrazka.gif"); background-repeat: no-repeat; background-position: left center; text-indent: 15px; color: #FFF; }

/* Paticka stranky */
div#paticka{ height: 50px; background-image: url("layout-grafika/paticka.gif"); background-repeat: no-repeat; clear: both; border-top: 5px solid #FFF; margin-bottom: 5px; line-height: 50px; text-align: center; color: #FFF; }