body{background: #efedde; text-align: center; padding: 0;}

/* LAYOUT */
#header{text-align:left; background:#fff; position:relative; height:100px;}
#main, #footer, #breadcrumb{margin:0 auto; width:940px; text-align:left;}
#main .inBox{float: left; display: inline; position: relative; width: 100%;}

.col{float: left; left: 100%; position: relative;}

#col-left{margin-left:-100%; width:190px;}
#col-content{margin-left:-734px; width:578px;}
#col-right{margin-left:-134px; width:134px;}
#col-l{float:left; display:inline; width:300px;}
#col-r{float:right; display:inline; width:254px;}
.content {background: #fff;}

/* LOGO */
#logo{font-size:100%; line-height:1; font-weight:normal; line-height:1; margin:0 auto; padding:0; position:absolute; left:50%; top:30px; margin-left:-340px; width:251px; position:relative; z-index:10;}
#logo img{vertical-align:middle;}
#logo strong{font-weight:normal; display:block; text-align:right; margin:3px 67px 0 0; }
#logo a {text-decoration: none; color: #726f6b; }
#logo a:hover {color: #726f6b;}

/* ZAHLAVI */
#header .motive{position:absolute; left:50%; bottom:-23px; margin-left:-465px; width:170px; height:120px; z-index:1; background:url('../img/illust/motive.png') 0 0 no-repeat;}
#header .ztext{position:absolute; margin: 38px 0 0 377px; z-index:1; }
#header .zimg{position:absolute; margin: 6px 0 0 575px; z-index:1; }
#header .zcislo{position:absolute; margin: 129px 0 0 720px; z-index:1; }

/* TOPIMG */
.topimg { float: left;padding: 0; margin: 0 0 20px 0; border-bottom: #c4c4b1 8px solid; border-top: #fff 1px solid; height: 181px; }


/* BREADCRUMB */
#breadcrumb{background:#fff; margin-top:23px;}
#breadcrumb p.l{line-height:42px; margin-left: 15px;}
#breadcrumb p.l strong{font-weight:normal;}
#breadcrumb p.l .home{padding:0 0 0 15px; background:url('../img/ico/home.png') 0 50% no-repeat;}
#breadcrumb p.l2{line-height:42px; margin-right:15px;}
#breadcrumb p.l2 span{line-height:30px; vertical-align:middle; border-left:1px solid #cccccc; padding:0 15px; display:inline-block; _margin-top:6px;}
#breadcrumb .separator{padding: 0 3px 0 3px;}
#breadcrumb .date{color:#fd9c00; border-left:1px solid #cccccc; margin-left: 15px; }
#breadcrumb .date strong{text-transform: capitalize;}
#breadcrumb .sign{color:#ff0000; padding-left:40px !important; background-position: 10px center !important; background-repeat: no-repeat;}
#breadcrumb .beran{background-image: url(../img/sign/beran.png);}
#breadcrumb .byk{background-image: url(../img/sign/byk.png);}
#breadcrumb .blizenci{background-image: url(../img/sign/blizenci.png);}
#breadcrumb .rak{background-image: url(../img/sign/rak.png);}
#breadcrumb .lev{background-image: url(../img/sign/lev.png);}
#breadcrumb .panna{background-image: url(../img/sign/panna.png);}
#breadcrumb .vahy{background-image: url(../img/sign/vahy.png);}
#breadcrumb .stir{background-image: url(../img/sign/stir.png);}
#breadcrumb .strelec{background-image: url(../img/sign/strelec.png);}
#breadcrumb .kozoroh{background-image: url(../img/sign/kozoroh.png);}
#breadcrumb .vodnar{background-image: url(../img/sign/vodnar.png);}
#breadcrumb .ryby{background-image: url(../img/sign/ryby.png);}
#breadcrumb .year{color:#009cff;}

/* CONTENT */
#content{background:#fff; padding:20px; margin-bottom:20px;}
.phone{background:#ececec; overflow:hidden; padding:12px; line-height:1.2;}
.phone strong.pink{font-size:200%; color:#da1c58;}
.phone span.pink{color:#da1c58; }
.phone .pink2 {color:#da1c58; font-size: 200%;}

#content-home{background:#fff; padding:20px; margin-bottom:20px; color:#2c2c2c; }
#content-home a { color:#da1c58; }
#content-home .vice { padding-top: 5px;}


/* COMMENTS LIST */
#comments-list{position:relative; margin-bottom:20px;}
#comments-list .add-comment{position:absolute; top:15px; right:0; font-weight:bold;}
#comments-list .add-comment a{padding:0 0 0 20px; background:url('../img/ico/comment.png') 0 50% no-repeat;}
#comments-list .in{background:#fff; padding:20px;}
#comments-list li{margin-bottom:25px; font-size:12px; padding: 0 10px;}
#comments-list strong{display:block; font-size:125%; color:#da1d58; line-height:30px; background:#ececec; margin:0 -10px 10px; padding:0 10px;}
#comments-list form{background:#ececec; padding:20px 20px 10px;}
#comments-list h3{margin:0 0 10px; font-size:125%;}
#comments-list label{display:inline-block; font-size:92%; width:115px; vertical-align:top;}
#comments-list .fix-int{display:inline-block; width:370px; vertical-align:top;}

/* STD LIST */
.std-list li{background:#fff; padding:20px 20px 1px; margin:0 0 20px;}
.std-list h3{margin:0 0 8px;}
.std-list img{display:block; margin:0 0 10px;}
.std-list a{text-decoration:none;}
.std-list p{font-size:92%;}

/* HOROSKOP LIST */
#horoskop-list li{background-color:#fff; background-image:url('../img/ico/znameni.png'); background-repeat:no-repeat; margin-bottom:10px; width:100%;}
.horoskop2 li{background-color:#fff !important; border: #efedde 1px solid; }
#horoskop-list a{background:url('../img/bg/horoskop-list.png') 100% 50% no-repeat; display:block; text-decoration:none; color:#333; padding:4px 30px 4px 55px; font-size:91%;}
#horoskop-list strong{display:block; font-size:110%;}
#horoskop-list a:hover strong{color:#333;}
.beran{background-position:0 0 !important;}
.byk{background-position:0 -50px !important;}
.blizenci{background-position:0 -100px !important;}
.rak{background-position:0 -150px !important;}
.lev{background-position:0 -200px !important;}
.panna{background-position:0 -250px !important;}
.vahy{background-position:0 -300px !important;}
.stir{background-position:0 -350px !important;}
.strelec{background-position:0 -400px !important;}
.kozoroh{background-position:0 -450px !important;}
.vodnar{background-position:0 -500px !important;}
.ryby{background-position:0 -550px !important;}

/* SIDE MENU */
#newsletter, #side-menu {width:100%;}
#side-menu ul{background:#fff; padding: 10px 2px 25px 10px;}
#side-menu li{background:url('../img/bg/side-menu-a.png') 0 10px no-repeat;padding:5px 12px; color:#242424; text-decoration:none; font-size: 11px;}
#side-menu li.first{background:none;}
#side-menu a{display:block; padding:8px 12px; color:#242424; text-decoration:none; font-weight:bold; background:url('../img/bg/side-menu-a.png') 0 1em no-repeat;}
#side-menu .submenu a:hover, #side-menu .active .submenu .active a, #side-menu a:hover, #side-menu .active a{color:#DA1D58;}
#side-menu .submenu{padding:0 12px 10px;}
#side-menu .submenu li{background:none;}
#side-menu .submenu a{background:url('../img/bg/side-menu-a-a.png') 0 0.65em no-repeat; padding:2px 2px 2px 8px; font-weight:normal; color:#242424;}

/* NEWSLETTER */
#newsletter fieldset{background:#fff; padding:7px 12px; margin-bottom:20px;}
#newsletter p{margin:0 0 5px;}

/* COL RIGHT LIST */
#col-right li{background:#dad6b6; padding:18px 13px 1px; margin:15px 0 5px;}
#col-right h3{font-size:100%; margin:0 0 5px;}
#col-right img{display:block; margin:0 0 7px; width: 108px; }
#col-right p{font-size:92%; margin:0 0 13px;}
#col-right a{text-decoration:none;}
#col-right .number{font-size:100%; background:#efedde url('../img/ico/phone.png') 10px 7px no-repeat; font-weight:bold; text-align:center; padding:7px 0 7px 13px; line-height:1.4; margin:10px 0 10px;}
#col-right .more a{display:block;}

/* BNRs */
.bnr{margin:0 0 15px;}
#bnr-top{position:absolute; right:50%; top:23px; margin-right:-470px;}

/* FOOTER */
#footer{padding:0 0 10px; color:#4c4722;}
#footer .clearfix{background:#fff; padding:5px 0; margin:0 0 5px;}
#footer .l strong{text-transform:uppercase; color:#333;}
#footer .r{margin-top:0.8em;}
#footer a{color:#4c4722;}
#footer a:hover{color:#DA1D58;}
#footer p{margin:0 20px; font-size:92%;}

/* COLORS */
h2.green, ul.green h3 a, ul.green strong{color:#51b76a;}
h2.blue, ul.blue h3 a, ul.blue strong{color:#1d57da;}
h2.pink, ul.pink h3 a, ul.pink strong{color:#DA1D58;}
h1.black, h2.black, ul.black h3 a, ul.black strong{color:#242424;}
h2.orange, ul.orange h3 a, ul.orange strong{color:#ff8a00;}
ul.green h3 a:hover, ul.blue h3 a:hover, ul.pink h3 a:hover{color:#333;}
ul.black h3 a:hover{color:#DA1D58;}


.vesticelist { margin:0; padding:0; }
.vesticelist li { margin:0px 0 2px 0 !important; padding: 2px 0px 2px 15px !important; background: #dad6b6 url('../img/bg/side-menu-a.png') 5px 7px no-repeat !important;} 
