h1 { color: #12267c; font-size: 24px; margin-bottom: 18px; font-weight: normal; margin-bottom: 20px; font-family: Georgia, "Times New Roman", Times, serif; } h2 { color: #12267c; font-size: 14px; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; } h3 { color: #12267c; font-size: 12px; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; } p { line-height: 1.4em; text-align: left; margin-bottom: 24px; } #content ul { list-style: none; margin-bottom: 18px; color: #12267c; } #content ul ul {margin-top:18px;} #content ul li { padding-left: 14px; padding-bottom: 14px; background-image: url(../layout/ul_arrow.gif); background-position: 0 2px; background-repeat: no-repeat; } #content ul.no { list-style: decimal; list-style-position: inside; margin-bottom: 18px; } #content ul.no li { padding-left: 0; background: none; } #content p, #content td { color: #12267c; } #content p.big { color: #5570e4; font-size: 16px; } #content img { border-width: 6px; border-style: solid; border-color: #dae1ff; } #content img.img_r { float: right; margin: 0 0 20px 20px;} input.text {} input.button {} textarea {} select {} /* new_big */ .new_big { padding: 25px 5px 16px; margin-top: -25px; overflow: hidden; } .new_big h2 { font-size: 24px; font-weight: normal; margin-bottom: 12px; } .new_big h1 a { color: #12267c; } #content .new_big p { font-size: 16px; color: #5570e4; margin-bottom: 16px; } #content .new_big p.more { margin-bottom: 0; text-align: right; padding-right: 10px; } .new_big a.more { font-size: 12px; padding-right: 20px; text-decoration: none; font-weight: bold; background-image: url(../layout/new_big_more.gif); background-position: right; background-repeat: no-repeat; } .new_big a.more:hover { text-decoration: underline; } #content .new_big img { float: left; margin-right: 20px; } /* new */ .new { width: 326px; float: left; height: 116px; padding: 22px 2px 0; overflow: hidden; border-top: 1px solid #e1e1e1; position: relative; } .new_r { float: right; } .new_h { background: #f2f4fd; } .new h2 { font-size: 13px; font-weight: normal; margin-bottom: 12px; } #content .new p { font-size: 11px; color: #12267c; margin-bottom: 16px; } .new a.more { font-size: 10px; position: absolute; top: 120px; right: 4px; background-image: url(../layout/new_more.gif); background-position: right; background-repeat: no-repeat; padding-right: 12px; text-decoration: none; } .new a.more:hover { text-decoration: underline; } #content .new img { float: left; margin-right: 20px; border-width: 4px; } /* headline */ #left .headline { padding: 6px 0 6px 20px; height: 35px; width: 220px; } #left .headline img { float: left; } #left .headline h2 { float: left; font-size: 19px; font-weight: normal; float: left; height: 35px; line-height: 35px; padding-left: 10px; } /* subnav */ ul#subnav { border-top: 1px solid #e1e1e1; font-size: 13px; font-weight: bold; list-style: none; padding-bottom: 20px; } ul#subnav li { border-bottom: 1px solid #e1e1e1; } ul#subnav li a { display: block; padding: 15px 0 15px 20px; text-decoration: none; color: #12267c; } ul#subnav li a.active, ul#subnav li a:hover { color: #5570e4; background-color: #f2f4fd; background-image: url(../layout/new_big_more.gif); background-position: 216px 16px; background-repeat: no-repeat; } ul#subnav li ul { font-size: 11px; border-top: none; padding: 7px 0 4px 0; list-style: none; border-top: 1px solid #e1e1e1; } ul#subnav li ul li { border-bottom: none; } ul#subnav li ul li a { width: 210px; display: block; padding: 7px 0 7px 30px; text-decoration: none; background-image: url(../layout/new_more.gif); background-position: 20px 11px; background-repeat: no-repeat; } ul#subnav li ul li a.active, ul#subnav li ul li a:hover { background-color: #f2f4fd; background-image: url(../layout/new_more.gif); background-position: 20px 11px; background-repeat: no-repeat; } ul#subnav ul ul { border-top: none; padding-top: 0; } ul#subnav ul ul li a { width: 202px; padding-left: 38px; background-position: 28px 11px; } ul#subnav ul ul li a.active, ul#subnav ul ul li a:hover { background-position: 28px 11px; } ul#subnav ul ul ul li a { width: 194px; padding-left: 46px; background-position: 36px 11px; } ul#subnav ul ul ul li a.active, ul#subnav ul ul ul li a:hover { background-position: 36px 11px; } /* panel */ #right .panel { width: 710px; height: 34px; position: absolute; top: 0; left: 0; border-bottom: 1px solid #e1e1e1; } /* urls */ ul#urls { padding-left: 12px; text-transform: uppercase; font-size: 10px; list-style: none; position: absolute; top: 0; left: 0px; } ul#urls li { display: block; float: left; height: 23px; background: url(../layout/urls.gif) right no-repeat; padding: 11px 20px 0 8px; } ul#urls li a { color: #b6b6b6; text-decoration: none; } ul#urls li.first a { padding-left: 0px; background: none; } ul#urls li a:hover { text-decoration: underline; } /* share */ ul#share { list-style: none; position: absolute; top: 10px; right: 16px; } ul#share li { display: block; float: left; padding-left: 5px; } ul#share li a { display: block; float: left; height: 18px; overflow: hidden; background-position: top; position: relative; } ul#share li a span { display: block; height: 18px; overflow: hidden; background-position: top; position: absolute; top: 0; left: 0; cursor: pointer; } ul#share li a:hover span { background-position: bottom; } ul#share li.item_1 a { width: 14px; } ul#share li.item_2 a { width: 12px; } ul#share li.item_3 a { width: 16px; } ul#share li.item_4 a { width: 15px; } ul#share li.item_5 a { width: 17px; } ul#share li.item_6 a { width: 16px; } ul#share li.item_1 a span { width: 14px; background-image: url(../layout/share_1.gif); } ul#share li.item_2 a span { width: 12px; background-image: url(../layout/share_2.gif); } ul#share li.item_3 a span { width: 16px; background-image: url(../layout/share_3.gif); } ul#share li.item_4 a span { width: 15px; background-image: url(../layout/share_4.gif); } ul#share li.item_5 a span { width: 17px; background-image: url(../layout/share_5.gif); } ul#share li.item_6 a span { width: 16px; background-image: url(../layout/share_6.gif); } /* theme herb */ body.herb { background-color: #5a0628; background-image: url(../layout/herb/body.jpg); } body.herb #wrap { background: url(../layout/herb/body.jpg) center top no-repeat; } body.herb h1, body.herb h2, body.herb h3, body.herb #content p, body.herb #content ul, body.herb .new_big h1 a, body.herb #content .new p, body.herb ul#subnav li a { color: #9e005d; } body.herb a, body.herb #content p.big, body.herb #content .new_big p, body.herb #left .headline h2 { color: #df3198; } body.herb #content ul li { background-image: url(../layout/herb/ul_arrow.gif); } body.herb #content ul.no li { background: none; } body.herb #content img { border-color: #f9cde6; } /* new_big */ body.herb .new_big a.more { background-image: url(../layout/herb/new_big_more.gif); } /* new */ body.herb .new_h { background: #feebf6; } body.herb .new a.more { background-image: url(../layout/herb/new_more.gif); } body.herb ul#subnav li a.active, body.herb ul#subnav li a:hover { color: #df3198; background-color: #feebf6; background-image: url(../layout/herb/new_big_more.gif); } body.herb ul#subnav li ul li a { background-image: url(../layout/herb/new_more.gif); } body.herb ul#subnav li ul li a.active, body.herb ul#subnav li ul li a:hover { background-color: #feebf6; background-image: url(../layout/herb/new_more.gif); } body.herb #info a { color: #9e005d; background-image: url(../layout/herb/info_ico.gif); } body.herb #info a span { background-image: url(../layout/herb/info_arrow.gif); } /* theme trees */ body.trees { background-color: #0d0000; background-image: url(../layout/trees/body.jpg); } body.trees #wrap { background: url(../layout/trees/body.jpg) center top no-repeat; } body.trees h1, body.trees h2, body.trees h3, body.trees #content p, body.trees #content ul, body.trees .new_big h1 a, body.trees #content .new p, body.trees ul#subnav li a { color: #603913; } body.trees a, body.trees #content p.big, body.trees #content .new_big p, body.trees #left .headline h2 { color: #598527; } body.trees #content ul li { background-image: url(../layout/trees/ul_arrow.gif); } body.trees #content ul.no li { background: none; } body.trees #content img { border-color: #ccdeb6; } /* new_big */ body.trees .new_big a.more { background-image: url(../layout/trees/new_big_more.gif); } /* new */ body.trees .new_h { background: #eaefe3; } body.trees .new a.more { background-image: url(../layout/trees/new_more.gif); } body.trees ul#subnav li a.active, body.trees ul#subnav li a:hover { color: #598527; background-color: #f2f5ee; background-image: url(../layout/trees/new_big_more.gif); } body.trees ul#subnav li ul li a { background-image: url(../layout/trees/new_more.gif); } body.trees ul#subnav li ul li a.active, body.trees ul#subnav li ul li a:hover { background-color: #f2f5ee; background-image: url(../layout/trees/new_more.gif); } body.trees #info a { color: #603913; background-image: url(../layout/trees/info_ico.gif); } body.trees #info a span { background-image: url(../layout/trees/info_arrow.gif); } /* theme oxygen */ body.oxygen { background-color: #000b2e; background-image: url(../layout/oxygen/body.jpg); } body.oxygen #wrap { background: url(../layout/oxygen/body.jpg) center top no-repeat; } body.oxygen h1, body.oxygen h2, body.oxygen h3, body.oxygen #content p, body.oxygen #content ul, body.oxygen .new_big h1 a, body.oxygen #content .new p, body.oxygen ul#subnav li a { color: #12267c; } body.oxygen a, body.oxygen #content p.big, body.oxygen #content .new_big p, body.oxygen #left .headline h2 { color: #00aeef; } body.oxygen #content ul li { background-image: url(../layout/oxygen/ul_arrow.gif); } body.oxygen #content ul.no li { background: none; } body.oxygen #content img { border-color: #cae9f4; } /* new_big */ body.oxygen .new_big a.more { background-image: url(../layout/oxygen/new_big_more.gif); } /* new */ body.oxygen .new_h { background: #ebf9fe; } body.oxygen .new a.more { background-image: url(../layout/oxygen/new_more.gif); } body.oxygen ul#subnav li a.active, body.oxygen ul#subnav li a:hover { color: #00aeef; background-color: #ebf9fe; background-image: url(../layout/oxygen/new_big_more.gif); } body.oxygen ul#subnav li ul li a { background-image: url(../layout/oxygen/new_more.gif); } body.oxygen ul#subnav li ul li a.active, body.oxygen ul#subnav li ul li a:hover { background-color: #ebf9fe; background-image: url(../layout/oxygen/new_more.gif); } body#homepage { /*background: none;*/ background:#00356E; } body#homepage #wrap { background: none; height: 100%; } body#homepage #hp_cnt { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } #hp_boxes { width: 100%; position: absolute; left: 0; bottom: 50px; } #hp_boxes .box { float: left; width: 232px; height: 155px; margin-right: 10px; overflow: hidden; position: relative; } #hp_boxes .box .cnt { width: 206px; height: 142px; padding: 13px 13px 0; text-align: center; position: absolute; top: 0; left: 0; } #hp_boxes .box .cnt h2 { width: 206px; margin-bottom: 4px; font-size: 13px; line-height: 1em; } #hp_boxes .box .cnt p { width: 206px; margin-bottom: 0; font-size: 11px; font-weight: bold; color: #5e94bc; text-align: center; line-height: 1em; } #hp_boxes .box img.bg { position: absolute; top: 0; left: 0; } #hp_boxes .box .img { width: 145px; height: 83px; padding: 9px; background: url(../layout/hp_box_img.jpg); position: absolute; top: 46px; left: 35px; } #hp_boxes .calendar { margin-right: 0; position:relative; top:-11px; height: 166px;} #hp_boxes .calendar .cnt { text-align: left; padding-top:25px; } #hp_boxes .calendar .cnt h2 { height: 16px; line-height: 16px; padding-left: 7px; width: 195px; background: url(../layout/hp_box_calendar_ico.gif) right no-repeat; text-align: left; position: relative; margin-bottom: 8px; } #hp_boxes .calendar .cnt p { height: 40px; width: 150px; float: left; padding-left: 56px; padding-top: 12px; background: url(../layout/hp_box_calendar.gif) top repeat-x; text-align: left; position: relative; } #hp_boxes .calendar .cnt span { display: block; width: 36px; height: 13px; padding-right: 4px; line-height: 13px; background: url(../layout/hp_box_date.gif); color: #fff; text-align: center; font-size: 10px; position: absolute; top: 9px; left: 7px; } #hp_boxes .calendar .cnt span.day { height: 22px; line-height: 22px; background: url(../layout/hp_box_date.gif) bottom; font-size: 16px; top: 22px; } /*pohladnice*/ #content .postcard-desc {font-size:16px; color:#5570e4;} .step {width:100%; clear:both; overflow:hidden; color:#00356e; padding:12px 0 6px 0; margin:5px 0; border:0px solid red; background:url('/layout/postcard/step-markBG.png') left 5px no-repeat; } .step span {float:left; width:27px; height:23px; text-align:center; font-size:11px; font-weight:bold; color:#5570e4; font-family:Arial, Helvetica, sans-serif; margin-right:5px; } .p-button, .send-button {float:left; width:140px; height:25px; background:url('/layout/postcard/postcard-preview_bt.png') left top no-repeat; text-decoration:none; padding:9px 0 0 14px; color:#12267c; font-weight:bold; font-size:12px; position:relative; top:-10px; } .send-button {border:0; width:154px; height:34px; background:url('/layout/postcard/postcard-send_bt.png') left top no-repeat; padding:0;} #postcard-images {float:left; overflow:hidden; width:100%; padding:5px 0;} #postcard-images div {float:left; overflow:hidden; width:135px; height:125px; border:5px solid #eef1ff; padding:0; margin:5px 20px 10px 0; text-align:center; cursor:pointer; } #postcard-images div input {width:auto; margin:5px;} #postcard-back {width:671px; height:482px; background:url('/layout/postcard/pohladnicaBG.png') left top;} #card-sender, #card-recipient {float:left; width:300px; border:0 solid red;} #card-sender {padding:120px 0 0 45px;} #card-sender textarea, #card-sender input {width:255px;color:#898989;background:none; border:0; } #card-sender textarea {height:195px; font-style:italic; font-size:18px; font-family:"Times New Roman", Times, serif; margin-bottom:35px; } #card-sender input {height:25px; margin-bottom:23px;} #card-recipient {padding:175px 0 0 30px; width:260px; background:url('/layout/postcard/required.png') 20px 180px no-repeat;} .recipient-row {height:35px; overflow:hidden; background:url('/layout/postcard/recipient_row.png') left top no-repeat; padding:5px 0 0 5px;} .remove_recipient {float:right; width:5px; height:15px; cursor:pointer; background:url('/layout/postcard/remove_recipient.png') left 8px no-repeat;} #card-recipient input.r_name, #card-recipient input.r_email {border:0; color:#898989; background:none; font-size:11px; padding:2px 0 0 3px;} #card-recipient input.r_name {float:left;width:98px;margin-right:7px;} #card-recipient input.r_email {float:left;width:127px;} #add-card-recipient {display:block;clear:both; width:90px; height:20px; background:url('/layout/postcard/add_recipient_bt.png') left top no-repeat; text-decoration:none; color:#12267c; padding:6px 0 0 17px;} #postcard_form div.antispam {} #postcard_form div.antispam div {float:left; padding-right:10px;} #postcard_form div.antispam input { float:left;width:53px; height:24px; padding-top:10px; background:url('/layout/postcard/spam_BG.png') left top no-repeat; border:0; position:relative; top:-9px; margin-bottom:-7px; line-height:10px;} .error-alert {text-align:center; padding:3px; color:white; background:red;}