*{
margin:auto;
padding:0px;
}
html{
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:9pt;
}
body{
padding:0;
margin:0;
background-color:#426697;
color:#fff;
font-size:12px;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
text-align:center;
min-width:630px;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
img{
border:none #000;
}
h1,h2,h3,h4{
padding:0;
margin:0;
display:inline;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-weight:lighter;
}
p{
padding:0;
margin:0;
}
/* Samostatne doplnky */
.Skryty{
display:none;
}
.Vycisti{
clear:both;
}
.Bold{
font-weight:bolder;
}
.ImgOdsazeni{
margin-right:5px;
margin-bottom:5px;
}
/* Hlavní blok stranky */
#Stranka{
width:630px;
position:relative;
height:auto;
}
#BlokSpolecny{
width:670px;/* blok je spolecny pro vsechny stranky 
nemeni se zadne prvky vyska je nastavena automaticky
maximální vyska grafiky pozadi je:1440px + hlavicka 130px cca= 1580px */
padding-bottom:10px;/* posun spodni hrany bloku DOLU */
background-image:url(img/PozadiSpolecne.gif);/* nemeni se */
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
height:auto;
position:relative;
}
#Paticka{
width:640px;
font-size:11px;
text-align:left;
height:180px;
}
p.Stillus{
float:right;
width:200px;
margin-top:-25px;
text-align:right;
}
.ColorStill{
color:#bccce2;
}
.TopUvod,.TopUbytovani,.TopSklep,.TopNabidka,.TopVinarstvi,
.TopVina,.TopZajimavosti,.TopCenik,.TopKontakt{
width:670px;/* spolecne prvky pro vsechny hlavicky 
meni se poze pozadi - jinak je vse stejne */
margin-top:20px;
background-repeat:no-repeat;
height:130px;
}
.TopUvod{
background-image:url(img/TopPozadiUvod.jpg);/* - zmena podle stranky */
}
.TopUbytovani{
background-image:url(img/TopPozadiUbytovani.jpg);/* - zmena podle stranky */
}
.TopSklep{
background-image:url(img/TopPozadiSklep.jpg);/* - zmena podle stranky */
}
.TopNabidka{
background-image:url(img/TopPozadiNabidka.jpg);/* - zmena podle stranky */
}
.TopVinarstvi{
background-image:url(img/TopPozadiVinarstvi.jpg);/* - zmena podle stranky */
}
.TopVina{
background-image:url(img/TopPozadiVina.jpg);/* - zmena podle stranky */
}
.TopZajimavosti{
background-image:url(img/TopPozadiZajimavosti.jpg);/* - zmena podle stranky */
}
.TopCenik{
background-image:url(img/TopPozadiCenik.jpg);/* - zmena podle stranky */
}
.TopKontakt{
background-image:url(img/TopPozadiKontakt.jpg);/* - zmena podle stranky */
}
.Uvod,.Ubytovani,.Sklep,.Nabidka,.Vinarstvi,
.Vina,.Zajimavosti,.Cenik,.Kontakt{
clear:both;/* vlastnosti zustanou pro vsechny stranky stejne meni se pouze pozadi */
width:608px;/*vzdy je o 2px mensi - pro zarovnani na pozici vpravo*/
padding-left:30px;
padding-right:30px;
text-align:left;
}
.Uvod{
background:no-repeat right bottom url(img/DolePozadiUvod.jpg);/* - zmena podle stranky */
}
.Ubytovani{
background:no-repeat right bottom url(img/DolePozadiUbytovani.jpg);/* - zmena podle stranky */
}
.Sklep{
background:no-repeat right bottom url(img/DolePozadiSklep.jpg);/* - zmena podle stranky */
}
.Nabidka{
background:no-repeat right bottom url(img/DolePozadiNabidka.jpg);/* - zmena podle stranky */
}
.Vinarstvi,.Vina{
background:no-repeat right bottom url(img/DolePozadiVinarstvi.jpg);/* - zmena podle stranky */
}
.Zajimavosti{
background:no-repeat right bottom url(img/DolePozadiZajimavosti.jpg);/* - zmena podle stranky */
}
.Cenik{
background:no-repeat right bottom url(img/DolePozadiCenik.jpg);/* - zmena podle stranky */
}
.Kontakt{
background:no-repeat right bottom url(img/DolePozadiKontakt.jpg);/* - zmena podle stranky */
}
.LevyUvod,
.LevyUbytovani,
.LevySklep,
.LevyNabidka,
.LevyVinarstvi,
.LevyVina,
.LevyZajimavosti,
.LevyCenik,
.LevyKontakt{
float:left;
width:220px;
padding-top:25px;
margin-bottom:35px;
margin-right:-50px;
height:490px;
}
.LevyUvod,.LevyNabidka,.LevyCenik,.LevyKontakt{
background:no-repeat left bottom url(img/GrafikaUvod.jpg);
}
.LevyVinarstvi,.LevyVina{
background:no-repeat left bottom url(img/GrafikaVinarstvi.jpg);
}
.LevyUbytovani,.LevySklep,.LevyZajimavosti{
background:none;
}
.LevyKontakt{
background-repeat:no-repeat;
background-image:url(img/GrafikaKontakt.jpg);
background-position:0px 270px;
height:600px;
}
/* MENU - pro vsechny strany spolecne */
a.MenuUvod,
a.MenuUbytovani,
a.MenuSklep,
a.MenuNabidka,
a.MenuVinarstvi,
a.MenuVina,
a.MenuZajimavosti,
a.MenuCenik,
a.MenuKontakty,
a.MenuGalerie,
a.MenuAktualne{
width:180px;
margin-right:35px;
display:block;
background-repeat:no-repeat;
text-decoration:none;
height:20px;
}
/* Definice pozadi pro menu a posun pozadi pri HOVER */
a.MenuUvod{
background-image:url(img/MenuUvod.gif);
}
a.MenuUbytovani{
background-image:url(img/MenuUbytovani.gif);
}
a.MenuSklep{
background-image:url(img/MenuSklep.gif);
}
a.MenuNabidka{
background-image:url(img/MenuNabidka.gif);
}
a.MenuVinarstvi{
background-image:url(img/MenuVinarstvi.gif);
}
a.MenuVina{
background-image:url(img/MenuVina.gif);
}
a.MenuZajimavosti{
background-image:url(img/MenuZajimavosti.gif);
}
a.MenuCenik{
background-image:url(img/MenuCenik.gif);
}
a.MenuKontakty{
background-image:url(img/MenuKontakt.gif);
}
a.MenuGalerie{
background-image:url(img/MenuGalerie.gif);
}
a.MenuAktualne{
background-image:url(img/MenuAktualne.gif);
}
a.MenuUvod:hover,a.MenuUbytovani:hover,
a.MenuSklep:hover,a.MenuNabidka:hover,
a.MenuVinarstvi:hover,a.MenuVina:hover,
a.MenuZajimavosti:hover,a.MenuCenik:hover,
a.MenuKontakty:hover,a.MenuGalerie:hover,
a.MenuAktualne:hover{
background-position:-180px;
}
p.NadUvod,
p.NadUbytovani,
p.NadSklep,
p.NadNabidka,
p.NadVinarstvi,
p.NadVina,
p.NadZajimavosti,
p.NadCenik,
p.NadKontakt,
p.NadGalerie,
p.NadAktualne{
float:right;
width:370px;
clear:right;
margin-top:25px;
background-repeat:no-repeat;
height:20px;
}
p.NadUvod{
background-image:url(img/NadVitameVas.gif);
}
p.NadUbytovani{
background-image:url(img/NadUbytovani.gif);
}
p.NadSklep{
background-image:url(img/NadSklep.gif);
}
p.NadNabidka{
background-image:url(img/NadNabidka.gif);
}
p.NadVina{
width:420px;
background-image:url(img/NadVina.gif);
}
p.NadVinarstvi{
background-image:url(img/NadVinarstvi.gif);
}
p.NadZajimavosti{
background-image:url(img/NadZajimavosti.gif);
}
p.NadCenik{
background-image:url(img/NadCenik.gif);
}
p.NadKontakt{
background-image:url(img/NadKontakt.gif);
}
p.NadGalerie{
background-image:url(img/NadGalerie.gif);
}
p.NadAktualne{
padding-bottom:2em;
background-image:url(img/NadAktualne.gif);
}
p.Zakladni,p.ZakladniUb,p.ZakladniDB,p.ZakladniDBX,p.ClearDB{
float:right;
width:370px;
font-size:1.1em;
text-align:left;
}
p.ZakladniDB,p.ZakladniDBX{
padding:0 0 .5em .25em;
border-bottom:1px solid #d7e0ee;
margin-bottom:1em;
font-size : 12px;
}
p.ZakladniDBX{
border:none;
}
p.ZakladniDBX span{
	font-size : 11px;
}
p.ZakladniDBX span.Nad{
	font-size : 15px;
	line-height : 23px;
	font-weight : bold;
}
p.ZakladniDB a,
p.ZakladniDBX a{
margin: 1em 0 2em 0;
display:block;
width : 120px;
font-variant:small-caps;
font-size:11px;
font-weight:bold;
color : #ffd700;
}
p.ZakladniDB span{
font-size:19px;
font-weight:100;
font-weight:lighter;
font-family:"Times New Roman",Times,serif;
font-style:italic;
color : #ffd700;
}
p.ClearDB{
padding-bottom:18em;
}
.Tabelator{
margin-left:15px;
}
.Odrazka{
margin-left:8px;
}
.RadekVina{
float:right;
width:420px;
height:auto;
}
.NazevVlevo,.ObsahVlevo,.VyrobceVlevo,.CenaVlevo{
float:left;
width:175px;
line-height:16px;
}
.ObsahVlevo{
width:50px;
}
.VyrobceVlevo{
width:150px;
}
.CenaVlevo{
width:50px;
margin-right:-20px;
}
/* xxxxxxxxxxxxxxxxxxxxxx */
form{
float:right;
width:380px;
margin-top:2em;
padding-bottom : 20em;
}
.KodObr{
float:left;
margin-top:-30px;
margin-bottom:-20px;
margin-left:10px;
}
p.DataForm,p.DataDotaz{
width:370px;
margin-bottom:3px;
clear:both;
text-align:right;
height:23px;
}
p.DataDotaz{
height:105px;
}
.PoleForm,.PoleDotaz,.PoleEmail,.PoleTelefon,.PoleKod{
width:200px;
margin-right:60px;
border:1px solid #fff;
background-color:#d7e0ee;
height:17px;
}
.PoleEmail,.PoleTelefon,.PoleKod{
width:100px;
margin-right:160px;
}
.PoleKod{
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
letter-spacing:3px;
}
.PoleDotaz{
margin-top:0px;
height:100px;
overflow:auto;
vertical-align:text-top;
}
.Odeslat{
width:70px;
border:1px solid #fff;
margin-right:192px;
background-color:#426697;
color:#fff;
height:23px;
}