#content {
    width: 940px; margin: 0 auto;
}

#content #content-left{
    float:left; width: 240px;
}

#content #content-right{
    float:right; width: 670px;
}

#content #content-left, #content #content-right{
    margin-top: 46px;
}

#branding {background: #edae08 url('../picture/bg-body.gif') no-repeat center center}

.hp #branding{
    background: #edae08 url('../picture/bg-body-hp.jpg') no-repeat center center
} 

#branding .container{
    width: 940px; margin: 0 auto; height: 106px; position: relative;
}

.hp #branding .container{
    height: 475px;
}


#branding .contact{
    position: relative;
    float: left;
    margin: 19px 0 0 103px;
    padding: 8px 15px 8px 70px;
    background: url("../picture/ico-tel.gif") no-repeat 14px 18px #F3AF0C;
    border-radius: 14px;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;      
}

#branding .contact p.title,
.eshop-link p.title {
    text-transform: uppercase;
    font-weight: bold;
    color: #28166f;
    margin-bottom: 0;
    letter-spacing: -0.03em;
}

#branding .contact a,
.eshop-link a {
    color: #fff;
    text-decoration: none;
}

#branding .contact a:hover{
    text-decoration: underline;
}

.eshop-link {
    float: left;
    background: #28166F;
    padding: 12px 15px;
    border-radius: 14px;
    margin: 24px 0 0 20px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

.eshop-link a {
    display: inline-block;
    width: 85px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 60px;
    background-image: url("../picture/ico-eshop.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 33%;
}

.eshop-link:hover {
    background: #422a87;
}

.eshop-link p.title {
    margin-bottom: 4px;
}

#branding address{
    font-style: normal;
}


#home {
    margin-top: 12px;
    float: left;
}

#home-articles{
    padding: 56px 0 35px 0;
    border-bottom: 1px solid #dfdcd8;   
}

#content .aside, #content .section {}

#mask-article, #mask-shop {}
#mask-article .entry-summary {}
#mask-article .entry-content {}
#mask-shop {}

#page.footer {
    margin-top: 2em;
    padding: 30px 0 20px 0;
    border-top: 1px solid #dfdcd8;      
}

#page.footer .container{
    width: 940px;
    margin: 0 auto;
}    

#partners {
    margin-top: 2em;
}

.hp #page.footer{ 
    margin-top: 6em;
}.nav ul {
    display: block; margin: 0; padding: 0; list-style-type: none;
}
.nav li {
    display: block; margin: 0; padding: 0; background: transparent;
}

#menu-lang{
    position: relative;
    z-index: 10;
    float: right;
    list-style-type: none;
    background: #f4ce0c;
    padding: 7px 4px 10px 15px;  
    border-radius: 0 0 14px 14px;   
}

#menu-lang li{
    float: left;
}

#menu-lang a{
    display: block;
    width: 24px;
    height: 19px;    
    margin-right: 11px;
    background: url('../picture/flags.png') no-repeat;
}

#menu-lang a.cz{
    background-position: 0 0;
}

#menu-lang a.active.cz{
    background-position: 0 bottom;
}

#menu-lang a.pl{
    background-position: -35px 0;
}

#menu-lang a.active.pl{
    background-position: -35px bottom;
}

#menu-lang a.en{
    background-position: -69px 0;
}

#menu-lang a.active.en{
    background-position: -69px bottom;
}

#menu-lang a span{
    display: none;
}


/**
 * MAIN MENU
 */

#menu-main{
    margin-top: 1px;
}

#menu-main ul{   
   
}
#menu-main li {
    float: left;
    height: 93px; 
    overflow: hidden;
}
#menu-main a {
   display: block; 
   padding: 2.95em 0;
   margin-right: 1px;
   color: #494949;
   text-align: center;
   width: 155px;
   text-transform: uppercase; text-decoration: none; background: #f3f0ed;
}
#menu-main a:hover {
    color: #EDAE08;
}
#menu-main li.actv a {
    color: #ffffff; background: #F1C10A;
}

#menu-main li.frst a{
    width: 159px;
}

#menu-main li.last {
    margin-right: 0px;
}



/**
 * MENU SIDE
 */

#menu-side {
     margin-bottom: 2.8em
}

#menu-side a{
   display: block; padding: 0.9em 20px 0.8em; background: #f5f3f0; color: #494949; font-size: 95%; text-decoration: none; text-transform: uppercase;
}
#menu-side li {
    margin-bottom: 1px;
}     

#menu-side ul ul {
    padding: 0 0 0.8em 30px; 
}
#menu-side ul ul li {
    border: 0;
}
#menu-side ul ul li.last {
    border-bottom: 0;
}
#menu-side ul ul a {
    padding: 0.2em 0 0.2em 18px; font-size: 85%; background: url("../picture/bg-menu-left-li.gif") no-repeat 0px 7px; color: #fff;
}
#menu-side a:hover {
    color: #EDAE08;
}
#menu-side ul ul a:hover {
    color:  #494949;
}
#menu-side ul li.active-item,
#menu-side ul li.active-item-submenu,
#menu-side ul li.active-item-in-submenu,
#menu-side ul li.active-item:hover,
#menu-side ul li.active-item-submenu:hover,
#menu-side ul li.active-item-in-submenu:hover {
background: #f3bc0c;
}
#menu-side ul a.active-item,
#menu-side ul a.active-item-submenu,
#menu-side ul a.active-item-in-submenu,
#menu-side ul a.active-item:hover,
#menu-side ul a.active-item-submenu:hover,
#menu-side ul a.active-item-in-submenu:hover {
     background: #f3bc0c;
     color: #fff;
}
#menu-side ul ul li.active-item,
#menu-side ul ul li.active-item-submenu,
#menu-side ul ul li.active-item-in-submenu,
#menu-side ul ul li.active-item:hover,
#menu-side ul ul li.active-item-submenu:hover,
#menu-side ul ul li.active-item-in-submenu:hover {
   
}
#menu-side ul ul a.active-item,
#menu-side ul ul a.active-item-submenu,
#menu-side ul ul a.active-item-in-submenu,
#menu-side ul ul a.active-item:hover,
#menu-side ul ul a.active-item-submenu:hover,
#menu-side ul ul a.active-item-in-submenu:hover {
     background: url("../picture/bg-menu-left-li-active.gif") no-repeat 0px 7px; color:  #494949;
}




/**
 * MENU TABS: CONTENT MENU 2 COLUMNS
 */

#menu-content {
    display: table; margin: 0px 0 2.5em; font-size: 100%;
}
#menu-content ul {
    float: left; list-style-type: none;
}
#menu-content ul.first {
    margin-right: 150px;
}
#menu-content li {
    margin: 0 5px 5px 0;
}
#menu-content a {
    color: #656565;
    padding-left: 10px; text-decoration: none; background: url("../picture/breadcrumb-delimiter.gif") no-repeat 0 6px;
}
#menu-content a:hover {
    color: #EDAE08; text-decoration: none;
}
#menu-content .active a,
#menu-content .active.last a {
    text-decoration: none; color: #28166F;
    font-weight: bold;
}
#menu-content .active a:hover {
    color: #28166F; text-decoration: none;
}
/**
 * MODUL: RYCHLA NAVIGACE - SHOWPATH
 */
#breadcrumb {
    font-size: 90%; line-height: 150%; padding: 1.2em 0px 0.8em 270px; border-bottom: 1px solid #dfdcd8;
}
#breadcrumb a {
    color: #656565;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #f1b70b;
}
#breadcrumb strong {
    font-weight: normal;
}
/* can be used to set the background */
#breadcrumb span {
    padding-right: 2em;
    background: url('../picture/breadcrumb-delimiter.gif') no-repeat center 5px;
}
/* hiding default text delimiter */
#breadcrumb em {
    display: none;
}
#breadcrumb .last {
    font-weight: bold;
    color: #28166f; text-decoration: none;
}
#breadcrumb .last:hover {
    color: #28166f;
    text-decoration: none;
}



/* LEVY CLANEK */
.left-article.entry-content ul{
    margin-left: 0;
}

.left-article p.title{
    color: #332371;
    font-size: 150%;
    font-weight: bold;
    letter-spacing: -0.03em;
    margin: 0 0 1em;
    padding: 0;
    text-transform: uppercase;
    line-height: 120%;
}

 /* SPODNI CLANKY */
#page.footer{
    position: relative;
    font-size: 85%;
} 
 
#page.footer a{
    color: #656565;
    text-decoration: underline;
}

#page.footer a:hover{
    text-decoration: none;
} 
    
#page.footer .article{
    float: left;
    width: 174px;
    margin-top: 4px;
    padding-right: 10px;    
}
#page.footer .article.download a {
    color: #f3c30c;
} 
#page.footer p.title{
    width: 135px;
    padding-right: 10px;  
    margin-top: 0;
    float: left;
    color: #f3c30c;
    font-weight: bold;
    font-size: 170%;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

#page.footer #powered-by{
    margin-top: 4px;
    float: right;
    text-transform: uppercase;
    text-align: right;
}

#page.footer #powered-by p{
    margin-bottom: 0;
}

/* CLANKY SLOUPCE NA HOME */
#home-articles .article-box{
    width: 280px;
    float:left;
    margin-left: 40px; 
}

#home-articles .article-box.first{
    margin-left: 0;
}

#home-articles .article-img{
    max-width: 278px;
    margin-bottom: 0.8em;
    overflow: hidden;   
    border: 1px solid #d4d4d4;  
}

#home-articles p.title {
    color: #28166F;
    font-size: 150%;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 130%;
    margin: 0 0 0.6em;
    padding: 0;
    text-transform: uppercase;
}                     

.en #home-articles p.title {
    min-height: 2.6em;
}

#home-articles p.title a{
    color: #28166F;
    text-decoration: none;
}                          

#home-articles p.title a:hover{
    text-decoration: underline;
}

#home-articles p.read-more{
    margin-top: 2.6em;
}

#home-articles p.read-more a{
    padding: 1.1em 27px 1em;
    background: #F3C30C;
    color: #FFFFFF;
    font-size: 80%;       
    text-decoration: none;
    text-transform: uppercase;
}

#home-articles p.read-more a:hover{
    color: #000;
}

.hp #content #content-right{
     width: 610px;
     padding-right: 10px;
}

.hp h1 {
    padding: 0 0 1em 53px;
    margin: 0; 
    background: url('../picture/ico-pencil.gif') no-repeat;
}
    
.hp #content-right .entry-content{
    padding: 0 0 0 53px;    
}

#partners h2{
    padding: 0.7em 0 1em 53px;
    margin: 0; 
    float: left;
    background: url('../picture/ico-folder.gif') no-repeat 0 13px;
    color: #28166F;
    font-size: 165%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}

#partners .logos{
    width: 424px;
    float: right;
}

#partners .logos a{
    margin-left: 35px;
    float: left;        
}

#partners .logos a:first-child{
    margin-left: 0px;
}


/* * * * * * * * * *
 * MODUL: GALERIE  *
 * * * * * * * * * */

.gallery-title {margin-top:2em;}
#mod-gallery {
    padding-top: 1.8em;
    border-top: 1px solid #DFDCD8;
}

/* info + odkaz do seznamu sekci */
.mod-gal-picts-head {width: 100%; padding: 1.5em 0;}
.mod-gal-picts-info,
.mod-gal-picts-back {width: 48%;}
.mod-gal-picts-info {float: left;}
.mod-gal-picts-back {float: right; text-align: right; font-weight: bold;}
.mod-gal-picts-head br {clear: both;}

/* seznam obrazku */
.mod-gal-picts table {width: 666px; border-collapse: collapse;}
.mod-gal-picts td {padding: 10px 5px; text-align: center; vertical-align: top;}

.mod-gal-picts .picture a img{
    margin: 0;
    border: 1px solid #eee;
    padding: 5px;
    box-shadow: 0 0 6px #dcdcdc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#dcdcdc', Direction=125, Strength=6);
}         

#mod-gallery td img:hover{
    border: 1px solid #28166F; 
}                      

.mod-gal-pict-info {font-size: 90%; margin-top: 0.3em;}

/* strankovani seznamu obrazku */
#mod-gal-picts-paging {text-align: center; color: #ccc; line-height: 200%;}
.mod-gal-paging a.page,
.mod-gal-paging strong {padding: 0.2em 0.4em; color: #000;}
.mod-gal-paging a:hover {}

/* detail v novem okne */
#mod-gal-pictview {text-align: center; font-size: 120%; color: #666;}
#mod-gal-pictview .mod-gal-navigate {padding: 1.5em 0 1em 0;}
#mod-gal-pictview .mod-gal-navigate strong {padding: 0 0.5em;}
#mod-gal-pictview img {margin-bottom: 1em;}
#mod-gal-pictview .mod-gal-pict-info p {margin: 0.5em 0 0 0;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../picture/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../picture/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../picture/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../picture/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../picture/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../picture/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../picture/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../picture/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../picture/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../picture/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}


body, form, input, select, textarea, td, th {
    font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 80%; line-height: 140%;
}
form, input, select, textarea, th, td {
    font-size: 100%;
}
img {
    border: 0;
}
p, ul, ol, dl, table {
    margin: 0 0 1em 0; padding: 0;
}
h2, h3, h4, h5, h6 {
    margin: 1.5em 0 0.7em 0; padding: 0;
}
h1 {
    margin: 0 0 1em 0; padding: 0; font-size: 165%; line-height: 120%;
    letter-spacing: -0.03em; color: #28166f; 
    text-transform: uppercase;
}
h2 {
    font-size: 150%;
    letter-spacing: -0.02em;
    color: #332371;
    line-height: 120%;
}
h3 {
    font-size: 140%;
    letter-spacing: -0.03em;
    color: #433675;
    line-height: 120%;   
}

h4{
    font-size: 125%;
    letter-spacing: -0.02em;
    color: #554c79;
    line-height: 120%;
}

h5 {
    font-size: 110%;
    letter-spacing: -0.02em;
    color: #67627c;
    line-height: 120%;
}

h6 {
    font-size: 105%;
    letter-spacing: -0.01em;
    color: #777580;
    line-height: 120%;
}

.entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
    margin-top: 0; padding-top: 0;
}
a {
    color: #edae08; text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
/* IKONKY U ODKAZU */
.entry-content a[href^="http"] {
    padding-right: 0.9em; background-image: url("../picture/sys-link-out.gif"); background-position: right top; background-repeat: no-repeat;
}
.entry-content a[href^="mailto"] {
    padding-right: 1em; background-image: url("../picture/sys-link-mail.gif"); background-position: right top; background-repeat: no-repeat;
}
.link-file {
   padding-right: 22px; background-image: url("../../../picture/files/default.gif"); background-position: right center; background-repeat: no-repeat;
}
.link-img {
   background-image: url("../../../picture/files/img.gif");
}
.link-gif {
   background-image: url("../../../picture/files/gif.gif");
}
.link-png {
   background-image: url("../../../picture/files/png.gif");
}
.link-jpg {
   background-image: url("../../../picture/files/jpg.gif");
}
.link-video {
   background-image: url("../../../picture/files/video.gif");
}
.link-fonts {
   background-image: url("../../../picture/files/fonts.gif");
}
.link-doc {
   background-image: url("../../../picture/files/doc.gif");
}
.link-pdf {
   background-image: url("../../../picture/files/pdf.gif");
}
.link-ppt {
   background-image: url("../../../picture/files/ppt.gif");
}
.link-rtf {
   background-image: url("../../../picture/files/rtf.gif");
}
.link-txt {
   background-image: url("../../../picture/files/txt.gif");
}
.link-xls {
   background-image: url("../../../picture/files/xls.gif");
}
.link-zip {
   background-image: url("../../../picture/files/zip.gif");
}


/**
 * FORMATOVANI - UVNITR CLANKU ARTICLE
 */

p.read-more{
    margin-top: 2.6em;
}

p.read-more a {
    background: none repeat scroll 0 0 #F3C30C;
    color: #FFFFFF;
    font-size: 80%;
    padding: 1.1em 27px 1em;
    text-decoration: none;
    text-transform: uppercase;
}
p.read-more a:hover {
    color: #000;
}
 .entry-summary{
    font-weight: bold;
    margin-bottom: 1em;
 }

.entry-content ul {
    margin-left: 2em; padding: 0; list-style-type: none;
}
.entry-content ul ul {
    margin-bottom: 0; margin-left: 2em;
}
.entry-content ul li {
    padding: 0 0.1em 0.5em 2.3em; background: url("../picture/bg-li.gif") 0 1px no-repeat;
}
.entry-content ol ul li {
    padding-left: 2.3em; background: url("../picture/bg-li.gif") 0 1px no-repeat;
}
.entry-content ol {
    margin-left: 4em; padding: 0;
}
.entry-content ol ol {
    margin-bottom: 0; margin-left: 2em;
}
.entry-content ol li {
    padding: 0.1em 0 0.5em 0;
}
.entry-content ul ol li {
    padding-left: 1em;
}
.entry-content li ol {
    margin: 0.5em 0 0.3em 2em; padding: 0;
}
.entry-content li ul {
    margin: 0.5em 0 0.3em 0; padding: 0;
}
.entry-content ol li, .entry-content ul ol li {
    background: none;
}
.entry-content ul li:last-child, .entry-content ol li:last-child {
    padding-bottom: 0;
}

p.more{
    margin: 2em 0;    
}

p.more a{
   position: relative;  
   padding: 9px 4px 9px 17px;
   color: #fff;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 120%;
   text-decoration: none;
   /*padding: 0.7em 34px 0.5em 17px; */
   background: url('../picture/bg-read-more-l.gif') no-repeat 0 0;
   letter-spacing: -0.01em;        
}

p.more a:after{
    content: " ";
    position: absolute;
    float: left;
    display: block;
    right: -34px;
    top: 0;
    width: 34px;
    height: 36px;
    z-index: 10;
    background: url('../picture/bg-read-more-r.gif') no-repeat 0 0;
}

p.more a:hover:after{
    background-position: 0 bottom;    
} 

p.more a:hover{
   text-shadow: 1px 1px 0 #474747;  
   filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45); 
}


.obrazek-zarovnany-vlevo {
    float: left; margin: 0 1em 1em 0;
}
.obrazek-zarovnany-vpravo {
    float: right; margin: 0 0 1em 1em;
}

.obrazek-zarovnany-vlevo, .obrazek-zarovnany-vpravo{
    background-color: #FFFFFF;
    border: 1px solid #eee;
    padding: 5px;
    box-shadow: 0 0 6px #dcdcdc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#dcdcdc', Direction=125, Strength=6);
}


.tabulka-formatovana {
    border-collapse: collapse;
    border-left: solid #e9ebe2 0.1em;
    border-top: solid #e9ebe2 0.1em;
}
.tabulka-formatovana caption, .tabulka-formatovana th, .tabulka-formatovana td {
    padding: 0.5em 20px 0.4em 10px;
}
.tabulka-formatovana th, .tabulka-formatovana td {
    border-bottom: solid #e9ebe2 0.1em;
    border-right: solid #e9ebe2 0.1em;
}
.tabulka-formatovana caption {
    font-weight: bold; text-align: left; color: #000000;
}
.tabulka-formatovana th, .tabulka-formatovana tr.radek-zahlavi td {
    color: #28166f; font-weight: bold; background-color: #f7f7f7; text-align:left;
}
.tabulka-formatovana td {
    vertical-align: top;
}
.tabulka-formatovana th[valign="middle"], .tabulka-formatovana td[valign="middle"] {
    vertical-align: middle;
}
.tabulka-formatovana th[valign="bottom"], .tabulka-formatovana td[valign="bottom"] {
    vertical-align: bottom;
}


/**
 * INFORMACNI BLOKY - ERROR/SUCCESS
 */

.states, #forms-success {
    margin-bottom: 1em; padding: 8px 10px 8px 38px; border-style: solid; border-width: 1px; border-radius: 3px 3px;
}
.states p {
    margin-bottom: .4em;
}
.states ul, .states li {
    margin: 0; padding: 0; list-style-type: none;
}
.states p:last-child {
    margin-bottom: 0;
}
.state-error, .file-list-error {
    border-color: #cd0a0a; color: #cd0a0a; background: #fef1ec url("../picture/btn-error.png") 15px 10px no-repeat;
}
.state-highlight {
    border-color: #fad42e; color: #363636; background: #fbec88 url("../picture/btn-info.png") 15px 10px no-repeat;
}
.state-info {
    border-color: #96a9cd; color: #3a5897; background: #dee8f0 url("../picture/btn-info.png") 15px 10px no-repeat;
}
.state-success, #forms-success {
    border-color: #b2e0c1; color: #12a041; font-weight: bold; background: #c5e8d1 url("../picture/btn-accept.png") 15px 10px no-repeat;
}
.state-error a {
    color: #cd0a0a;
}
.state-highlight a {
    color: #363636;
}                      
/**
 * AJAX LOADER
 */
.loading_bar {
    display: none; position: absolute; width: 100%; height: 100%; background: white url(../picture/ajax-loader-1.gif) no-repeat 50% 50%; z-index: 99; filter: alpha(opacity=80); opacity: .8;
}                    /* Zakladni format pro elementy stranky */
body {
    margin: 0; padding: 0; color: #656565; background: #fff;  border-top: 5px solid #f4ce0c;
}
.cleaner {
    font-size: 0; line-height: 0; clear: both; visibility: hidden;
}
div.cleaner {
    width: 1px; height: 1px;
}
/* popup okno - DIV */
.popup {
    position: absolute; top: 25%; left: 25%; padding: 10px 12px; color: #494949; border: solid #444 2px; text-align: left; background-color: #f7f7f7; z-index: 100; overflow: auto;
}
.popup-head {
    padding: 0 0 10px; text-align: right;
}
.popup-head a {
    font-weight: bold;
}
.popup-body {
    text-align: left;
}
/* skryti statistiky */
#mask-statistic {
    display: none;
}