/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}/**
 *  helpers.css
 *  ============
 *  Author: Tomáš Penc (www.webzine.cz)
 *
 *  Pomocné styly. 
 */

strong, .bold { font-weight: bold; }
.italic{font-style:italic}
.link-blue { color: #60ABE2; }
.dark-blue { color: #1F7CAD; }
.right-align { text-align: right;}
.left-float{float:left}
.right-float{float:right}
.clear {
    clear:both;
    font-size:1px;
    height:1px;
    line-height:1px;
    margin: -1px 0 0 0; 
    padding:0;
    border:none;
    visibility: hidden;
}/**
 *  layout.css
 *  ============
 *  Author: Tomáš Penc (www.webzine.cz)
 *
 *  Styly společné pro celý layout webu. 
 */

a { color: #60ABE2; }

body {
    background: url('../images/frontend/root_minibg.png') repeat-x;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 12px;  
}

#topbar {
    width: 100%;
    height: 42px;
    background: url('../images/frontend/topbar_bg.gif') repeat-x;
    border-bottom: 3px solid #60ABE2;
    font-size: 14px;
    position: fixed;
    z-index: 1000;
}
#topbar ul {
    width: 960px;
    margin: auto;
}
#topbar ul li {
    width: 160px;
    height: 30px;
    padding-top: 12px;
    float: left;
    background: url('../images/frontend/topbar_divider.gif') no-repeat right;
    text-align: center;
}
#topbar ul li.last {
    background: none;
}
#topbar ul li a {
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom:13px;
}
#topbar ul li:hover a {
    color: #6fb3e5;
}
#topbar ul li:hover ul li a {
    color: white;
}
#topbar ul li ul {  
    display: none;
    width: 160px;
    background: url('../images/frontend/topbar_menu_bottom.gif') no-repeat bottom;
    padding-bottom: 7px;  
}
#topbar ul li ul li {
    width: 136px;
    height: auto;
    float: none;
    background: #38B4E6;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 12px;
    text-align: left;
}
#topbar ul li ul li a {
    display: block;
    width: 116px;
    height: 10px;
    padding: 9px 10px;
    border-bottom: 1px dotted #9fcced;
    margin: 0;
    background: url('../images/frontend/topbar_menu_li.gif') left no-repeat; 
}
#topbar ul li ul li:hover {
    background-color: #2781b2;
}
#topbar ul li ul li:hover a {
    color: #b3e0ff;
    border-bottom: 1px solid #2781b2; 
}
#topbar ul li ul li.last a {
    border: 0;
}
#topbar ul li ul li.last {
    background: #38B4E6; 
}
#topbar ul li ul li:hover.last {
    background: #2781b2; 
}

#outer-root {
    background: url('../images/frontend/root_bg.png') no-repeat top center;
    min-height: 479px;
}

#root {
    width: 960px;
    margin: auto;
    padding-bottom: 20px; 
    padding-top: 50px;
}

#root #contact-box {
    width: 320px;
    float: left;
    padding: 20px 0;
    background: url('../images/frontend/phone.png') no-repeat 220px 27px;
    margin-top: 15px;
}
#root #contact-box p {
   margin-top: 0px;
   line-height: 150%; 
   padding-left: 15px;
   font-size: 13px;
   margin-bottom: 7px;
}
#root #contact-box p a {
    text-decoration: none;
}
#root #contact-box p strong {
    font-size: 15px;
}
#root #contact-box a.twitter-ico {
    background: url('../images/frontend/ico-twitter.gif') no-repeat 0 1px;
    padding-left: 13px;
    margin-right: 10px;
}
#root #contact-box a.rss-ico {
    background: url('../images/frontend/ico-rss.gif') no-repeat 0 1px;
    padding-left: 18px;
}
#root #contact-box a.facebook-ico {
    background: url('../images/frontend/ico-facebook.gif') no-repeat 0 1px;
    padding-left: 18px;
    margin-right: 10px;
}
#root #news-box ul {
    margin-top: 40px;
}
#root #news-box ul li {
    width: 288px;
    border-left: 1px dotted #caccce;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}
#root #news-box ul li .date {
    color: #60ABE2;
    padding-left: 15px;
    background: url('../images/frontend/news_date.gif') no-repeat left; 
}
#root #news-box ul li p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 135%;
    height: 55px;
    overflow: hidden;
}
#root #news-box ul li a.more {
    display: block;
    width: 59px;
    height: 17px;
    margin-top: 10px;
    margin-left: 230px;
    background:  url('../images/frontend/more.gif') no-repeat;
}

.spacer {
    height: 40px;
}
#footer {
    position:fixed;
    left:0px;
    bottom:0px;
    clear: both;
    width: 100%;
    height: 22px;
    background: url('../images/frontend/footer_bg.gif') repeat-x;
    color: white;
    font-size: 11px;
    padding-top: 10px;
    font-weight: bold;
    z-index: 100000;
}
#footer a {
    color: white;
    text-decoration: none;
}
#footer a:hover {
    color: #9ccef1;
}
#footer div {
    width: 960px;
    margin: auto;
}
#footer div .left {
    float: left;
    width: 49%;
}
#footer div .left span {
    font-weight: normal;
    padding-left: 7px;
}
#footer div .right {
    float: right;
    width: 49%;
    text-align: right;
}/**
 *  homepage.css
 *  ============
 *  Author: Tomáš Penc (www.webzine.cz)
 *
 *  Styl pro hlavní stránku webu. 
 */

#root #infobox {
    width: 710px;
    height: 225px;
    margin: auto;
}
#root #infobox #left-part {
    width: 283px;
    height: 225px;
    background: url('../images/frontend/infobox.png') no-repeat;
    float: left;
    color: white;
}
#root #infobox #left-part .content {
    width: 243px;
    margin: auto;
    height: 155px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
#root #infobox .infobox-box {
    display: none;
}
#root #infobox #box-l-1, #root #infobox #box-r-1 {
    display: block;
}
#root #infobox #left-part .content h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#root #infobox #left-part .content p {
    font-size: 11px;
    line-height: 160%;
    margin-bottom: 5px;
}
#root #infobox #left-part .content a {
    color: white;
}
#root #infobox #left-part .paginator {
    width: 220px;
    padding: 5px 20px;
    float: left;
}
#root #infobox #left-part .paginator a {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-decoration: none;
    color: white;
    margin-right: 10px;
    background: url('../images/frontend/deactive-node.gif') no-repeat;
}
#root #infobox #left-part .paginator a.active {
    color: #1F7CAD;
    font-weight: bold;
    background: url('../images/frontend/active-node.gif') no-repeat;
}
#root #infobox #right-part #right-content {
    width: 418px;
    height: 219px;
    float: left;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background-color: white;
    overflow: hidden;
    padding: 2px 0 2px 2px;
}
#root #infobox #right-part #right-bg {
    width: 7px;
    height: 225px;
    float: right;
    background: url('../images/frontend/infobox-right.gif') no-repeat
}
#root #infobox-border {
    width: 740px;
    height: 26px;
    background: url('../images/frontend/infobox-border.png') no-repeat;
    clear: both;
}

#root #logo {
    width: 220px;
    height: 325px;
    float: left;
    background: url('../images/frontend/logo_webzine.png') no-repeat 46px 92px;
}

#root #right {
    width: 740px;
    float: right;
}

#root #right h1 {
    font-family: Helvetica,Arial;
    font-size: 18px;
    color: #0C2439;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 45px;
}
#root #right h1 strong {
    color: #217CAE;
}

#root #infobar {
    width: 960px;
    height: 97px;
    background: url('../images/frontend/infobar.gif') no-repeat;
    clear: both;
}
#root #infobar ul {
    padding-top: 18px;
    color: white;
}
#root #infobar ul li {
    width: 280px;
    float: left;
    padding-left: 40px;
}
#root #infobar ul li h3 {
    font-weight: bold;
    font-size: 16px;
    font-family: Helvetica;
}
#root #infobar ul li h3 a {
    color: white;
    text-decoration: none;
}
#root #infobar ul li p {
    margin-top: 2px;
    line-height: 130%;
    font-size: 12px;
    font-style: italic;
    font-family: Arial;
    position: relative;
    left: -23px;
}