*{margin:0px; padding:0px; border:0px;}

body{margin:0px; padding:0px; background: #e6e6e6 url('/img/frontend/rozcestnik_bg.png') repeat-x; font-size:0.7em; font-family: Arial,Verdana,Tahoma; color:#222;}
html,body{height:100%;}

#main{min-height:100%; height:100%; position:relative; background: transparent;}
body>#main{height:auto;}

hr{border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden;}
.strong{font-weight: bold;}

a{color: #683468; text-decoration: none;}
a img {border-color: #683468;}
a:hover{text-decoration: underline;}

/* head */
#head{width: 950px; margin: 0px auto;}
#logo{width: 100%; height: 110px; display: block; float: left; color: #942694; font-weight: bold; font-size: 20px; line-height: 180px; text-align: left; position: relative;}
#logo span{width: 199px; height: 110px; display: block; position: absolute; top: 12px; left: -40px; background: url('/img/frontend/rozcestnik_logo.png') top center no-repeat; cursor: pointer;}

/* paticka */
#bottom{height: 10px; width: 100%;}
#inbottom{width: 950px; height: 20px; margin: 0px auto;}
#created-by {float: right; width: 48%;}
#lollipop{float: right; width: 100px; height: 50px; color: #b3b3b3; font-size: 8.15px; letter-spacing: 0.01em; margin-top: 0px;}
#lollipop span{width: 100px; height: 32px; display: block; margin: 0px 0px 2px -10px; background: url('/img/frontend/lollipop.jpg') left top no-repeat;}
#lollipop:hover{text-decoration: none; color: #190019;}
#lollipop:hover span{background: url('/img/frontend/lollipop.jpg') left -32px no-repeat;}

/* obsah */
#obsah{width: 950px; height: auto; margin: 0px auto; padding: 0 0px 10px 0px;}
.sloupec{width: 290px; padding-top: 5px; float: left; min-height: 312px;}
#first{background: url('/img/frontend/linka2.png') right top no-repeat;}
#first img{display: none;}
#third{background: url('/img/frontend/linka.png') right top no-repeat; padding: 5px 30px 0px 24px;}
#second{padding-left: 24px;}
#third.kontakt{padding-left: 0px;}

.sloupec h2{color: #820081; border-bottom: 2px solid #000; font-family: Georgia, Arial, Verdana, Tahoma, sans-sherif; font-weight: normal; padding: 0px 0px 5px 0px; font-size: 1.5em;}
#first h2{margin: 0px 3px 0px 0px;}
#second h2, #third h2{margin: 0px 0px 5px 0px;}

.light {background: url('/img/frontend/light.png') bottom left repeat-x #f6f6f6;}
.dark {background: url('/img/frontend/dark.png') bottom left repeat-x #ededed;}
.light, .dark{margin: 0px 3px 0px 0px; padding: 10px; border-bottom: 1px solid #b0b0b0;}
.datum {float: right; color: #666; font-size: 0.9em; position: relative; margin: -4px -3px 0px 10px;}
.light h3, .dark h3{font-family: Georgia, Arial, Verdana, Tahoma, sans-sherif; font-weight: normal; color: #000; font-size: 1.1em; padding: 5px 0px 0px 0px; margin: 0px; text-align: left;}
.light h3 a, .dark h3 a{color: #820081;}
.light p, .dark p{font-size: 0.95em;}

ul#rozcestnik {margin-top: 20px; list-style: none; padding: 0 25px;}
ul#rozcestnik li {float: left; position: relative; width: 404px; height: 500px;}
ul#rozcestnik li a {display: block; width: 100%; height: 100%;}
ul#rozcestnik li.nabytek {background: url('/img/frontend/rozcestnik_nabytek.jpg') top left no-repeat; margin-right: 40px;}
ul#rozcestnik li.nabytek:hover {background: url('/img/frontend/rozcestnik_nabytek.jpg') bottom left no-repeat;}
ul#rozcestnik li.dvere {background: url('/img/frontend/rozcestnik_dvere.jpg') top left no-repeat; margin-left: 40px;}
ul#rozcestnik li.dvere:hover {background: url('/img/frontend/rozcestnik_dvere.jpg') bottom left no-repeat;}