/* --------------------- NASTAVENI ZAKLADNICH ELEMENTU --------------------- */

a, a:link, a:visited, a:active {color: orange; text-decoration: none; font-weight: bold;} a:hover   {color: white;}
.levy a, .levy a:link {text-decoration: underline;}
.top a, .top a:link {color: white; text-decoration: none; font-weight: bold;} .top a:hover   {color: white;}
 
img {border: 0px;}

p {margin: 0px 0px 10px 0px;}
table {margin: 0px;}, table td{vertical-align: top;}, table p {margin: 0px;}

hr {width: 100%; height: 0px; border: 1px dotted white; background-color: white; margin: 30px 0px 10px 0px;}
h1 {margin: 0px 0px 20px 0px; font-size: 18px; text-align: left; color: white;}
h2 {margin: 20px 0px 10px 0px; font-size: 18px; text-align: left; color: white;}
h3 {font-size: 15px; margin: 15px 0px 0px 60px;}

ul {line-height: 1.5; margin: 0px; }
li {margin: 0px; padding: 5px; list-style: none;}

.levy ul{line-height: 1.0; margin-bottom: 15px;}
.levy li{line-height: 1.5; padding: 0px;}


.login{
width: 948px;
color: white;
font-weight: bold;
text-align: right;
height: 30px;
padding-top: 10px;
}

.login input{
background: #444;
color: white;
border: 1px solid #888;
font-weight: bold;
}


/* --------------------- ROZVRZENI LAYOUT --------------------- */

body{
background: url('engine/bg.jpg') center top ;
margin-top: 0px;
font-family: arial, verdana;
font-size: 13px;
}

.hlavni{
width: 960px;
margin: auto;
position: relative;
}
                             

/* K ZAŘAZENÍ  */

#gallery {position: absolute; top: 1px; left: 313px; width:593px; height:242px; overflow: hidden;}
#gallery img {margin: 0px; border: 0px solid blue; padding:0px;}
#gallery li { display: block;  padding: 0px;}

/* --------------------- TOP --------------------- */

.top{
width: 960px;
height: 293px;
background: transparent url(engine/1.png) no-repeat bottom left;
position: relative;
}

.logo {position: absolute; top: 0px; left: 0px; width: 370px; height: 235px;}
.jazyky {position: absolute; top: 7px; left: 730px; width: 100px; height: 30px;}
.facebook {text-align: right; position: absolute; top: 242px; left: 765px; width: 180px; height: 40px; font-family: 'Humanist777LightB'; font-weight: bold; color: white; font-size: 15px;}

.navigation{
font-family: 'trebuchet ms';
width: 800px;
height: 40px;
font-size: 17px;
color: white;
position: absolute;
top: 252px;
padding-left: 30px;
}

.navigation a, .navigation a:link {color: white; font-weight: bold; font-size: 17px; display: block; margin: 0px 0px 0px 15px; height: 25px;}
.navigation a:hover   {color: black}

.navigation ul, .pravy ul{margin-left: 0px; padding: 0px;}

.navigation li{
color: white;
float: left;
margin-right: 1px;
padding: 0px;
text-align: center;
}

.navigation_active{
color: white;
text-decoration: underline;
}  

.navigation_active a:link, .navigation_active a:visited, .navigation_active a:active  {color: white;}

.navigation h1{
margin: 0px;
text-align: center;
}

/* --------------------- MIDDLE --------------------- */


/* --------------------- LEVY PRAVY --------------------- */

.main1 {
background: url(engine/main_bg.png) repeat-y;
}

.levy, .levy2{
float: left;
color: white;
line-height: 1.5;
margin: 5px 0px 20px 45px;
text-align: justify;
min-height: 350px;
}

.levy {
width: 850px;
}

.levy2{
width: 430px;  
margin-top: 10px;
}

.levy li {list-style: disc;}
.levy2 li {list-style: disc; margin: 0px; padding: 0px;}

.levy_sub {width: 880px; height: 42px; margin: 10px 0px 20px 0px; border-bottom: 2px solid white;}
.levy_sub li {float: left;  text-decoration: none; list-style: none; margin: 2px !important; background: white; font-size: 15px; padding: 10px !important;}
.levy_sub_active {float: left;}
.levy_sub a, .levy_sub a:link, .levy_sub a:active, .levy_sub a:visited {color: black; text-decoration: none;}
.levy_sub a:hover {color: orange; text-decoration: none;}

.levy_sub_active a, .levy_sub_active a:link, .levy_sub_active a:active, .levy_sub_active a:visited {color: black; text-decoration: underline;}


.pravy{
float: right;
color: white;
width: 425px;
margin-right: 25px;
padding-top: 15px;   
}

#novinky_slide ul{
padding: 10px 0px 0px 0px;
}

.pravy li, #novinky_slide li{
width: 390px;
height: 29px;
background: url(engine/menu-right.png) no-repeat;
color: white;
padding: 3px 0px 0px 30px;
margin-bottom: 5px;
list-style:none;      

}

#novinky_slide li{
width: 100% !important;
}

#novinky_slide li a, #novinky_slide li a:hover{
width: 100% !important;
height: 22px;
text-decoration: none;
font-size: 15px;
padding: 6px 10px 2px 30px;
color: white;        
}

#novinky_slide p a{
font-weight: normal;
text-decoration: underline;
}

#div1, #div_n_1{
display: none;
background: url(engine/menu-right-bg.png);
width: 400px;
padding: 10px;
margin: 0px 0px 10px 0px;
}

 #div_n_1{
width: 860px !important; 
 }

#div2, #div3, #div4, #div5, #div6, #novinky_slide div
{
background: url(engine/menu-right-bg.png);
display: none;
width: 400px;
padding: 10px 10px 30px 10px;
margin: 0px 0px 10px 0px;
line-height: 1.5;
}   

#novinky_slide div{
width: 860px !important;
} 




#novinky_slide a, #novinky_slide a:link, #novinky_slide a:active, #novinky_slide a:visited
{display: block; cursor: pointer; width: 760px; height: 15px; padding: 4px 10px 0px 60px;}

#novinky_slide div a, #novinky_slide div a:link, #novinky_slide div a:active, #novinky_slide div a:visited
{cursor: pointer; width: 760px; height: 15px; padding: 4px 10px 0px 60px; display: inline !important;}

.pravy a, .pravy a:link, .pravy a:active, .pravy a:visited {color: white; font-weight: bold; font-size: 15px; display: block; cursor: pointer; width: 340px; height: 22px; padding: 3px 10px 5px 20px;}
.pravy a:hover   {color: white}

#novinky_slide a img, #novinky_slide div a img  {padding: 0px; margin: 0px;}
                                        
.profily-zen {
width: 400px;
}   

.profily-pozice {
float: right;
padding: 10px;
width: 570px;
font-size: 18px;
color: white;
}  





.profily-popis {
float: right;
padding: 0px 10px 10px 10px;
width: 570px;

}  
                                        
.profily-zen a{
display: block;
padding: 10px 0px 0px 0px;
width: 230px;
float: left;
font-size: 18px;
}                                        
                                                                                
                                        
                                        
/* --------------------- DOLNI --------------------- */
      
.dolni{
width: 870px;
height: 85px;
padding: 21px 45px 9px 45px;
background: url(engine/dolni.png) no-repeat;
color: white;
text-align: right;
}

.dolni a         {color: white; font-weight: bold;}
.dolni a:hover   {color: orange;}

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

.dolni-link-bec{
position: absolute;
width: 100px;
height: 90px;
right: 130px;
bottom: 15px;
}

.dolni-link-starnuti{
position: absolute;
width: 90px;
height: 90px;
right: 230px;
bottom: 15px;
}


/* --------------------- NASTAVENÍ VNITŘKU SEKCÍ --------------------- */

.novinky_date, .novinky_title, .novinky_content, .fotogalerie_content, .fotogalerie{ 
padding: 0px;
}

.novinky {width: 430px; margin: 10px 0px 0px 0px; line-height: 1.5;  overflow: hidden; }
.novinky_title {float: left; width: 340px; background: url(engine/white-transparent.png); padding: 5px 0px 0px 10px; min-height: 22px;}
.novinky_date {float: left; width: 75px; min-height: 22px; background: #fff; font-weight: bold; padding: 5px 0px 0px 0px; color: black; text-align: center;}
.novinky_img {float: left; width: 100px;}
.novinky_content {clear: both; width: 340px; text-align: left; padding: 5px 0px 0px 85px;}

.novinky-uvod, .novinky-zaver {width: 420px; margin-bottom: 10px;}
.novinky-uvod2 {display: none;}

.novinky_title a, .novinky_title a:link, .novinky_title a:active, .novinky_title a:visited,
.fotogalerie a, .fotogalerie a:link, .fotogalerie a:active, .fotogalerie a:visited {color: white; font-size: 13px;}

.novinky_title a:hover {text-decoration: underline;}

.vsechny-novinky{width: 590px; text-align: right; margin-top: 10px;}  /* zobrazuje odkaz pro zobrazení všech novinek*/

.profily {background-color: #fff; margin: 10px 10px 0px 10px; width: 630px; height: 100px; line-height: 1.5;  overflow: hidden;}

.fotogalerie {background: transparent; margin: 10px 10px 10px 0px; width: 200px; float: left; text-align: center; font-weight: bold;}
.fotogalerie a {font-size: 14px;}
.fotogalerie_content {clear: both; width: 593px; height: 100px; overflow: hidden;} 
.fotogalerie-popis {float: left; width: 100%; margin-bottom: 10px;}
.fotogalerie-cleaner {clear: both}
.fotogalerie-table {float: left;}
.fotogalerie-cell {margin: 0px 10px 10px 0px; float: left;} 

.fotogalerie-table img{border: 1px solid silver;}
.fotogalerie img {border: 1px solid silver;}

.soubor_pod_clankem {font-size: 12px;}

.ke_stazeni{
width: 90%;
padding: 10px 10px 5px 10px;
margin: 20px 0px 10px 10px;
}


/************* OBJEDNAVKA / REGISTRACE *****************/

.obj {margin-bottom: 20px;} 
.obj td {vertical-align: top;}
.obj-left{width: 100px; text-align: right;}
.obj-right {width: 320px; padding-left: 15px;} .obj-right2 {width: 400px;}
.dod {position: absolute; top: 70px; left: 450px; width: 400px;}

.obj-nadpis {font-size: 17px; margin: 20px 0px 10px 0px; font-weight: bold; color: white;}
.poznamky {width: 300px; height: 100px; border: 1px solid white;}

.red-border {color: white; background: red !important;}
.input-text {width: 200px; border: 1px solid white;}
.submit-produkty {text-align: center; color: white; font-weight: bold; margin: 0px 0px 20px 0px; width: 280px; height: 30px; background: maroon; border: 1px solid white; font-size: 17px; cursor: pointer;}
.submit {float: right; text-align: center; margin: 20px 0px 0px 0px; width: 280px; height: 50px; background: maroon; border: 1px solid white; font-size: 17px; cursor: pointer;}

.obj-topbar {width: 100%; height: 30px; color: white; margin-bottom: 40px;}
.obj-topbar-polozka, .obj-topbar-polozka-active {float: left; width: 283px; padding-top: 10px; height: 100%; margin-right: 5px; text-align: center; font-weight: bold;}
.obj-topbar-polozka {background: black;}
.obj-topbar-polozka-active {background: red;}

.but_objednej{margin: 20px 0px 0px 248px;}
.but_objednej input {font-size: 18px;}