body{background: #f2f1e6; 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;}

/* LOGO */
#logo{font-size:100%; line-height:1; font-weight:normal; line-height:1; margin:0 auto; padding:0; position:absolute; left:50%; top:26px; margin-left:-460px; width:251px; position:relative; z-index:10;}
#logo img{vertical-align:middle;}
#logo strong{font-weight:normal; display:block; text-align:right; margin:-4px -12px 0 0;}

/* 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.l .home a { font-weight: normal; text-decoration: none;}
#breadcrumb p.r{line-height:42px; margin-right:5px;}
#breadcrumb p.r span{line-height:30px; vertical-align:middle; border-left:1px solid #cccccc; padding:0 15px; display:inline-block; _margin-top:6px;}
#breadcrumb a{color:#333; font-weight: bold;}
#breadcrumb a:hover{color:#000;}
#breadcrumb .date{color:#ff0000; border-left:none !important;}

#breadcrumb #add-new {float: right; background: url('/img/add-new.png') no-repeat; height: 32px; width: 212px; padding: 10px 0 0 65px;}
#breadcrumb .add {color:#000; font-size: 18px; text-decoration: none;}
#breadcrumb a:hover { color:#000; text-decoration: underline;}

/* TOPIMG */
.topimg { float: left;padding: 0; margin: 0 0 20px 0; border-bottom: #c4c4b1 8px solid; border-top: #fff 1px solid; height: 181px; }


/* CONTENT */
.content{background:#fff; padding: 20px; margin-bottom:20px; line-height: 17px; text-align: justify;}
.content2{background:#fff; padding: 0px; margin-bottom:5px;}
.phone{background:#ececec; overflow:hidden; padding:12px; line-height:1.2;}
.phone strong.pink{font-size:200%; color:#da1c58;}
.phone span.pink{color:#da1c58;}

/* 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:92%; 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%;}
#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: 7px 17px;}
#side-menu li{background:url('/img/bg/side-menu-li.png') 0 0 repeat-x;}
#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:#c60000;}

#side-menu a.add {color: #c60000 !important;}
#side-menu a:hover.add {color: #000 !important; text-decoration: underline !important;}


#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.partner{background:#dad6b6; padding:18px 10px 1px; margin:15px 0 5px;}
#col-right li{background:#dad6b6; padding:18px 7px 1px; margin:15px 0 5px;}
#col-right h3{font-size:100%; margin:0 0 5px; }
#col-right img{display:block; margin:0 0 7px;}
#col-right p{font-size:11px; 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.1; margin:18px 0 10px;}
#col-right .more a{display:block;}

/* BNRs */
.bnr{margin:0 0 15px;}
#bnr-top{position:absolute; right:50%; top:38px; margin-right:-470px;}
#bnr-top img { border: #d9d9d9 1px solid; padding: 1px;}


#text-top{position:absolute; right:50%; top:0px; margin-right:-460px; color: #888;}
#text-top a { font-size: 11px; color: #fff; }
#text-top a:hover { text-decoration: none; color: #ff0000; }

/* FOOTER */
#upfooter { background:#fff; width: 100%; margin-top: 15px;}
#footer{padding:0 0 10px; color:#4c4722; }
#footer .clearfix{background:#fff; padding:5px 0; margin:0 0 10px;}
#footer .l strong{text-transform:uppercase; color:#333;}
#footer .r{margin-top:0.8em;}
#footer .r a {margin-top:0.8em; font-size: 12px;}
#footer a{color:#4c4722;}
#footer a:hover{color:#DA1D58;}
#footer p{ margin:0 20px; font-size:92%;}
#footer p.odkazy a{ color: #888; }

/* 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;}
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;}

.inzerat { width: 578px; }
.inz-l { float: left; width: 348px; height: 37px; padding: 5px 10px 3px 10px; background: #e1e0da; line-height: 18px; overflow: hidden; }
.inz-r { float: left; width: 190px; padding: 5px 10px 3px 10px; background: #e1e0da; text-align: right; line-height: 18px;} 
.zvyr { background: #f4ef98; }
.inz-text {clear: both; background: #fff; width: 558px; padding: 10px 10px 10px 10px; border-bottom: #999 1px solid; line-height: 16px;}
.inz-text img { width: 28px; height: 50px; padding: 3px 5px 3px 10px; float: right;}
.divid {clear: both; padding-bottom: 10px; background: #e9e9e9; font-size: 1px; height: 1px;}
 
/* STRANKOVANI */
.strankovani {width: 578px; margin-bottom: 10px; background: #444; color: #fff;}
.str-l, .str-s, .str-r {background: #444; padding: 3px 0px 3px 0px; }
.strankovani .str-l { float: left; width: 200px; text-align: left; padding-left: 5px; } 
.strankovani .str-s { float: left; width: 168px; text-align: center; font-size: 11px; font-weight: bold; } 
.strankovani .str-r { float: left; width: 200px; text-align: right; padding-right; 5px;} 
.strankovani a { color: #fff; }
.strankovani a:hover { color: #c60000; }


.newinz {}
.newinz .l { width: 100px; text-align: left; padding: 5px; }
.newinz .r { width: 400px; text-align: left; padding: 5px; }
.newinz input { width: 300px; height: 20px; padding: 3px; font-size: 12px; }
.newinz select { width: 310px; height: 28px; padding: 3px; font-size: 12px !important; }
.newinz textarea { width: 380px; height: 150px; padding: 3px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }