
@font-face {
    font-family: "Aller Bold";
    src: url("/images/Aller_Bd.eot") format("eot"),
         url("/images/Aller_Bd.woff") format("woff"),
         url("/images/Aller_Bd.ttf") format("truetype"),
         url("/images/Aller_Bd.svg#Aller-Bold") format("svg");
}





/** REPAIRING **/



h1 {
    margin: 7px 0 17px 0;
    padding: 0;
    /*color: #6a1b8f;*/
    text-transform: uppercase;
    font-size: 170%;
    border: none;
    font-family: "Aller Bold";
}

ul {
    line-height: 100%;
}

#center.siroky {
    width: 710px;
    _width: 600px;
}

#middle {
    width: 445px;
}

#main {
    /*position: relative;
    z-index: 1000;*/
}

.polovina {
    width: 346px;
}
/*
#paticka {
    display: none;
}*/

/*body {
    background: transparent;
}*/





/** Login form **/

form.login_form {
    color: white;
    background: #2ba0e5;
    width: 305px;
        -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;
    border-radius: 10px;
        border: 3px solid #3ac8e0;
    /*padding: 0 0 5px 0;*/
    position: relative;
    behavior: url(/styles/PIE.htc);
}

form.login_form tr.form-head {
    background: #2083e8;
    font-weight: bold;
}

form.login_form tr.form-head td {
        -moz-border-radius: 8px 8px 0 0; /* Firefox */
    -webkit-border-radius: 8px 8px 0 0; /* Safari, Chrome */
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
        /*padding: 5px 0 5px 8px;*/
    border-bottom: 2px solid #3ac8e0;
    position: relative;
    behavior: url(/styles/PIE.htc);
}








/** CONTENT: sidebar **/

#obsah .left {
    margin-left: 10px;
    float: left;
    
}

#obsah .sidebar {
    width: 220px;
    margin-bottom: 15px;
    font-size: 130%; /* repair */
}

#obsah .sidebar .content {
    padding: 18px 18px 0 18px;
    font-size: 90%;
}

#obsah .sidebar h3 {
    margin: 0;
    padding: 0 0 0 20px;
    text-transform: uppercase; 
    letter-spacing:  -1px;
    font-size: 100%;
    font-family: "Aller Bold";
}

/** CONTENT: green sidebar **/

#obsah .sidebar.green {
    padding-bottom: 16px;
    background: transparent url('../images/sidebar-bottom.png') bottom center no-repeat;
    color: black;
}

#obsah .sidebar.green .content {
    background: transparent url('../images/sidebar-bg.png') top center repeat-y;
}

#obsah .sidebar.green h3 {
    height: 49px;
    line-height: 49px;
    background: transparent url('../images/sidebar-header.png') top center no-repeat;
    color: black;
    color: rgba(0,0,0,0.8);
}

#obsah .sidebar.green .content ul.points {
    margin: 0;
    padding: 0;
    list-style: none;
}

#obsah .sidebar.green .content ul.points li {
    background: transparent url('../images/sidebar-content-arrow.png') top left no-repeat;
    _background: transparent url('../images/sidebar-content-arrow.png') 2px left no-repeat;
    padding: 0;
    padding-left: 20px;
    padding-bottom: 15px;
}

#obsah .sidebar.green .content ul.menu, #obsah .sidebar.green .content ul.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    width: auto; /* repair */
}

#obsah .sidebar.green .content ul.menu li { /* repair */
    width: auto;
    height: auto;
    padding-bottom: 2px;
}

#obsah .sidebar.green .content ul.menu li a {
    display: inline-block;
    height: 19px; line-height: 19px;
    
    -moz-border-radius: 7px; /* Firefox */
    -webkit-border-radius: 7px; /* Safari, Chrome */
    -khtml-border-radius: 7px;
    border-radius: 7px;
        background-color: #98bf54; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98bf54), to(#b3e757)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #b3e757, #98bf54); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #b3e757, #98bf54); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #b3e757, #98bf54); /* IE 10 */
    background: -o-linear-gradient(top, #b3e757, #98bf54); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3e757, endColorstr=#98bf54);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3e757, endColorstr=#98bf54)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#b3e757, #98bf54);    background: url(../images/icon-menu.png) 8px 7px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98bf54), to(#b3e757)); /* Safari 4-5, Chrome 1-9 */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -webkit-linear-gradient(top, #b3e757, #98bf54); /* Safari 5.1, Chrome 10+ */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -moz-linear-gradient(top, #b3e757, #98bf54); /* Firefox 3.6+ */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -ms-linear-gradient(top, #b3e757, #98bf54); /* IE 10 */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -o-linear-gradient(top, #b3e757, #98bf54); /* Opera 11.10+ */
    -pie-background: url(../images/icon-menu.png) 8px 7px no-repeat, linear-gradient(#b3e757, #98bf54);    
    border: 1px solid #9bca48;
    
    color: black;
    
    text-decoration: none;
    font-weight: bold;
    
    padding: 5px 10px 5px 30px;
 
    width: 78%;
    margin-bottom: 1px;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#obsah .sidebar.green .content ul.menu li.sirsi a {
    height: 38px; line-height: 38px;
}

#obsah .sidebar.green .content ul.menu li.selected > a {
    background-color: #6d2093; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d2093), to(#986aaf)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #986aaf, #6d2093); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #986aaf, #6d2093); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #986aaf, #6d2093); /* IE 10 */
    background: -o-linear-gradient(top, #986aaf, #6d2093); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#986aaf, endColorstr=#6d2093);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#986aaf, endColorstr=#6d2093)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#986aaf, #6d2093);    background: url(../images/icon-menu-selected.png) 8px 7px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d2093), to(#986aaf)); /* Safari 4-5, Chrome 1-9 */
    background: url(../images/icon-menu-selected.png) 8px 7px no-repeat, -webkit-linear-gradient(top, #986aaf, #6d2093); /* Safari 5.1, Chrome 10+ */
    background: url(../images/icon-menu-selected.png) 8px 7px no-repeat, -moz-linear-gradient(top, #986aaf, #6d2093); /* Firefox 3.6+ */
    background: url(../images/icon-menu-selected.png) 8px 7px no-repeat, -ms-linear-gradient(top, #986aaf, #6d2093); /* IE 10 */
    background: url(../images/icon-menu-selected.png) 8px 7px no-repeat, -o-linear-gradient(top, #986aaf, #6d2093); /* Opera 11.10+ */
    -pie-background: url(../images/icon-menu-selected.png) 8px 7px no-repeat, linear-gradient(#986aaf, #6d2093);    border: 1px solid #6d2093;
    color: white;
    
    behavior: url(/styles/PIE.htc);
}

#obsah .sidebar.green .content ul.menu li a:hover {
    background-color: #6b6b6b; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6b6b6b), to(#a6a6a6)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #a6a6a6, #6b6b6b); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #a6a6a6, #6b6b6b); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #a6a6a6, #6b6b6b); /* IE 10 */
    background: -o-linear-gradient(top, #a6a6a6, #6b6b6b); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a6a6, endColorstr=#6b6b6b);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a6a6, endColorstr=#6b6b6b)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#a6a6a6, #6b6b6b);    background: url(../images/icon-menu.png) 8px 7px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6b6b6b), to(#a6a6a6)); /* Safari 4-5, Chrome 1-9 */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -webkit-linear-gradient(top, #a6a6a6, #6b6b6b); /* Safari 5.1, Chrome 10+ */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -moz-linear-gradient(top, #a6a6a6, #6b6b6b); /* Firefox 3.6+ */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -ms-linear-gradient(top, #a6a6a6, #6b6b6b); /* IE 10 */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -o-linear-gradient(top, #a6a6a6, #6b6b6b); /* Opera 11.10+ */
    -pie-background: url(../images/icon-menu.png) 8px 7px no-repeat, linear-gradient(#a6a6a6, #6b6b6b);    border: 1px solid #6b6b6b;
    color: white;
    
    behavior: url(/styles/PIE.htc);
}

#obsah .sidebar.green .content ul.menu li.selected > a:hover {
    background-color: #6b6b6b; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6b6b6b), to(#a6a6a6)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #a6a6a6, #6b6b6b); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #a6a6a6, #6b6b6b); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #a6a6a6, #6b6b6b); /* IE 10 */
    background: -o-linear-gradient(top, #a6a6a6, #6b6b6b); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a6a6, endColorstr=#6b6b6b);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a6a6, endColorstr=#6b6b6b)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#a6a6a6, #6b6b6b);    background: url(../images/icon-menu.png) 8px 7px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6b6b6b), to(#a6a6a6)); /* Safari 4-5, Chrome 1-9 */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -webkit-linear-gradient(top, #a6a6a6, #6b6b6b); /* Safari 5.1, Chrome 10+ */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -moz-linear-gradient(top, #a6a6a6, #6b6b6b); /* Firefox 3.6+ */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -ms-linear-gradient(top, #a6a6a6, #6b6b6b); /* IE 10 */
    background: url(../images/icon-menu.png) 8px 7px no-repeat, -o-linear-gradient(top, #a6a6a6, #6b6b6b); /* Opera 11.10+ */
    -pie-background: url(../images/icon-menu.png) 8px 7px no-repeat, linear-gradient(#a6a6a6, #6b6b6b);    border: 1px solid #6b6b6b;
    color: white;
    
    behavior: url(/styles/PIE.htc);
}

#obsah .sidebar.green .content ul.menu li.submenu li.selected > a:hover {
    background: white;
    border: none;
}

#obsah .sidebar.green .content ul ul { /* repair */
    width: auto;
}

#obsah .sidebar.green .content ul ul li { /* repair */
    padding: 0;
    background: transparent url(../grafika/sipka-zelena.png) 10px 7px no-repeat;
}

#obsah .sidebar.green .content ul.menu li.submenu ul {
    background: white;
    padding-top: 10px;
    -moz-border-radius: 0 0 7px 7px; /* Firefox */
    -webkit-border-radius: 0 0 7px 7px; /* Safari, Chrome */
    -khtml-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
        margin-bottom: 1px;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#obsah .sidebar.green .content ul.menu li.submenu {
    background: white;
}

#obsah .sidebar.green .content ul.menu li.submenu ul li a {
    background: white !important;
    padding: 0;
    margin: 0;
    -moz-border-radius: 0; /* Firefox */
    -webkit-border-radius: 0; /* Safari, Chrome */
    -khtml-border-radius: 0;
    border-radius: 0;
        border: 0;
    margin-bottom: 15px;
    font-weight: normal;
    text-decoration: underline;
    margin-left: 10px;
    padding-left: 10px;
    
    position: relative;
    
    /*behavior: url(/styles/PIE.htc);*/
}

#obsah .sidebar.green .content ul.menu li.submenu ul li {
    margin: 0;
    padding: 0;
}

#obsah .sidebar.green .content ul.menu li.submenu ul li.selected a {
    font-weight: bold;
    text-decoration: none;
    color: black;
}

#obsah .sidebar.green .content ul.menu li.submenu ul li a:hover {
    color: black;
    text-decoration: none;
}



/** CONTENT: shadow sidebar **/

#obsah .sidebar.shadow {
    padding-bottom: 17px;
    background: transparent url('../images/sidebar-gray-bottom.png') bottom center no-repeat;
}

#obsah .sidebar.shadow .content {
    background: transparent url('../images/sidebar-gray-bg.png') top center repeat-y;
}

#obsah .sidebar.shadow h3 {
    height: 49px;
    line-height: 49px;
    background: transparent url('../images/sidebar-gray-header.png') top center no-repeat;
    color: black;
    color: rgba(0,0,0,0.8);
}



/** CONTENT: main article **/

#obsah #main-article h2 {
    margin: 7px 0 17px 0;
    padding: 0;
    color: #6a1b8f;
    text-transform: uppercase;
    font-size: 120%;
}

#main #content-bottom {
    clear: both;
    height: 42px;
    width: 984px;
    position: relative;
    left: 2px;
    _left: 2px;
    _top: 75px;
    float: left;
    z-index: 1000;
    background: transparent url(../images/content-bg-bottom.png) -2px 0 no-repeat;
}





/** FOOTER **/

#footer {
    clear: right;
    color: white;
    background: black url(../images/footer-background.png) 0 0 repeat;
    font-size: 130%; /* repair */
    position: relative;
    top: -50px;
}

#footer a {
    color: white;
}

#footer #footer-line {
    height: 15px;
    background: #beee67;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
    filter: alpha(opacity=90); /* IE 5-7 */
    -moz-opacity: 0.9; /* Netscape */
    -khtml-opacity: 0.9; /* Safari 1.x */
    opacity: 0.9; /* Good browsers */    z-index: 10;
    position: relative;
}

#footer #footer-line hr {
    display: none;
}

#footer .body {
    background: transparent;
    padding-top: 70px;
    width: 984px; /* repair */
    margin: auto;
}

#footer #fb_app {
    background: black;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    -khtml-border-radius: 15px;
    border-radius: 15px;
        padding: 10px;
    float: left;
    margin-left: 15px;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #fb_app iframe {
    background: white;
    border:none;
    overflow:hidden;
    width:200px;
    height:255px;
}

#footer #footer-actual {
    background: black;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    -khtml-border-radius: 15px;
    border-radius: 15px;
        padding: 21px;
    float: left;
    height: 237px;
    width: 180px;
    margin-left: 20px;
    
    text-align: left;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #footer-actual h3 {
    margin: 0;
    padding: 0;
    color: #b2e957;
    text-transform: uppercase;
    font-size: 100%;
    font-family: "Aller Bold";
}

#footer #footer-actual time {
    font-size: 80%;
    color: #aaa;
    margin-top: 20px;
    display: block;
    background: transparent url(../images/footer-icon-time.png) 0 1px no-repeat;
    padding-left: 17px;
}

#footer #footer-actual h4 {
    margin: 5px 0;
    padding: 0;
    text-decoration: underline;
    font-size: 90%;
}

#footer #footer-actual p {
    text-align: justify;
    color: #aaa;
    font-size: 80%;
    height: 105px;
    margin-top: 15px;
}

#footer #footer-actual a#footer-actual-archive {
    display: block;
    text-align: right;
    color: #8e38b3;
    font-weight: bold;
    font-size: 80%;
}

#footer #footer-right {
    float: left;
    
    margin-left: 20px;
}

#footer #footer-right #iphone-app, #footer #footer-right #android-app {
    float: left;
    width: 200px;
    _width: 190px;
    background: #333;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    -khtml-border-radius: 15px;
    border-radius: 15px;
        padding: 0 10px 10px 0;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #footer-right #android-app {
    /*margin-left: 20px;*/
    left: 20px;
}

#footer #footer-right #iphone-app  h4, #footer #footer-right #android-app  h4 {
    padding: 20px 0 20px 80px;
    margin: 0;
    text-shadow: #000 1px 1px 1px;
}

#footer #footer-right #iphone-app h4 {
    background: url(../images/working.png) 0 0 no-repeat, url(../images/footer-icon-iphone.png) 0 10px no-repeat;
}

#footer #footer-right #android-app h4 {
    background: url(../images/working.png) 0 0 no-repeat, url(../images/footer-icon-android.png) 0 15px no-repeat;
}

#footer #footer-right #iphone-app  h4 span, #footer #footer-right #android-app  h4 span  {
    color: #b2e957;
}

#footer #footer-right #iphone-app a, #footer #footer-right #android-app a  {
    display: inline-block;
    height: 23px; line-height: 23px;
    float: left;
    
    -moz-border-radius: 7px; /* Firefox */
    -webkit-border-radius: 7px; /* Safari, Chrome */
    -khtml-border-radius: 7px;
    border-radius: 7px;
        background-color: #6d2092; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d2092), to(#996ab0)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #996ab0, #6d2092); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #996ab0, #6d2092); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #996ab0, #6d2092); /* IE 10 */
    background: -o-linear-gradient(top, #996ab0, #6d2092); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#996ab0, endColorstr=#6d2092);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#996ab0, endColorstr=#6d2092)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#996ab0, #6d2092);    background: url('../images/sender/add-rec.png') 5px center no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d2092), to(#996ab0)); /* Safari 4-5, Chrome 1-9 */
    background: url('../images/sender/add-rec.png') 5px center no-repeat, -webkit-linear-gradient(top, #996ab0, #6d2092); /* Safari 5.1, Chrome 10+ */
    background: url('../images/sender/add-rec.png') 5px center no-repeat, -moz-linear-gradient(top, #996ab0, #6d2092); /* Firefox 3.6+ */
    background: url('../images/sender/add-rec.png') 5px center no-repeat, -ms-linear-gradient(top, #996ab0, #6d2092); /* IE 10 */
    background: url('../images/sender/add-rec.png') 5px center no-repeat, -o-linear-gradient(top, #996ab0, #6d2092); /* Opera 11.10+ */
    -pie-background: url('../images/sender/add-rec.png') 5px center no-repeat, linear-gradient(#996ab0, #6d2092);    
    border: 2px solid #6d2092;
    color: white;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    padding: 3px 10px 3px 20px;
    width: 80%;
    text-align: center;
    
    margin-left: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 5-7 */
    -moz-opacity: 0.5; /* Netscape */
    -khtml-opacity: 0.5; /* Safari 1.x */
    opacity: 0.5; /* Good browsers */    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #footer-right #footer-newletter {
    background: red;
    background: black;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    -khtml-border-radius: 15px;
    border-radius: 15px;
        padding: 20px;
    text-align: left;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #footer-right #footer-newletter h3 {
    margin: 0;
    padding: 0;
    color: #b2e957;
    text-transform: uppercase;  
    font-size: 90%;
    font-size: 100%;
}

#footer #footer-right #footer-newletter p {
    margin: 9px 0;
    padding: 0;
    font-size: 80%;
}

#footer #footer-right #footer-newletter input#newsletter-registration {
    display: inline-block;
    _display: block;
    _float: left;
    float: left;
    display: block;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px;
    border-radius: 5px;
        background-color: #6d2092; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d2092), to(#996ab0)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #996ab0, #6d2092); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #996ab0, #6d2092); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #996ab0, #6d2092); /* IE 10 */
    background: -o-linear-gradient(top, #996ab0, #6d2092); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#996ab0, endColorstr=#6d2092);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#996ab0, endColorstr=#6d2092)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#996ab0, #6d2092);    
    border: 2px solid #6d2092;
    padding: 5px 25px;
    &padding: 0;
    _padding: 5px 20px;
    text-transform: uppercase;
    
    margin-left: 8px;
    font-size: 90%;
    font-weight: bold;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #footer-right #footer-newletter input#newsletter-registration:hover {
    color: white;
}

#footer #footer-right #footer-newletter form {
    margin: 0;
    padding: 0;
}

#footer #footer-right #footer-newletter form span css3-container {
    &left: 0 !important;
    &top: 0 !important; 
}

#footer #footer-right #footer-newletter input#newsletter-email {
    border: 2px solid #303030;
    background-color: #303030; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303030), to(#111111)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #111111, #303030); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #111111, #303030); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #111111, #303030); /* IE 10 */
    background: -o-linear-gradient(top, #111111, #303030); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#111111, endColorstr=#303030);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#111111, endColorstr=#303030)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#111111, #303030);    padding: 5px;
    color: white;
    font-size: 90%;
    margin: 0;
    width: 237px;
    _width: 180px;
    _display: block;
    _float: left;
    
    float: left;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}

#footer #copyright {
    clear: left;
    font-size: 75%;
    padding: 30px 30px 10px 30px;
    display: block;
    float: none;
    text-align: left;
}

#footer #footer-links {
    clear: left;
    border-top: 1px solid rgb(100,100,100);
    border-top: 1px solid rgba(100,100,100,0.5);
    padding: 30px 0 20px 0;
    text-align: center;
}

#footer-links-zs {
    background: transparent url(../images/logo-zlateslevy.png) 0 0 no-repeat;
    width: 125px;
    height: 29px;
    display: block;
    float: left;
    margin-right: 30px;
}

#footer-links-zs span {
    display: none;
}
#footer-links-zlava {
    background: transparent url(../images/logo-zlava.png) 0 0 no-repeat;
    width: 67px;
    height: 49px;
    display: block;
    float: left;
    margin-right: 30px;
}

#footer-links-zlava span {
    display: none;
}
#footer-links-paylo {
    background: transparent url(../images/logo-paylo.png) 0 0 no-repeat;
    width: 94px;
    height: 27px;
    display: block;
    float: left;
    margin-right: 30px;
}

#footer-links-paylo span {
    display: none;
}





/** OTHERS: clearing **/

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}



/** OTHERS: clear inline styles **/

.height-10px {
    height: 10px;
}

.padding-5px {
    padding: 5px;
}



/** OTHERS: messages **/

.message {
    position: relative;
    
    margin: 0 20px 20px 0;
    
    border: 1px solid white;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;
    border-radius: 10px;
        -moz-box-shadow: 1px 1px 1px #bbb; /* Firefox */
    -webkit-box-shadow: 1px 1px 1px #bbb; /* Safari, Chrome */
    box-shadow: 1px 1px 1px #bbb; /* CSS3 */    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* CSS3 */
    behavior: url(/styles/PIE.htc);
}
           
.message .content {
    position: relative;
    
    margin: 0 0 0 60px;
    padding: 0 20px 20px 20px;
                        
    -moz-border-radius: 0 9px 9px 0; /* Firefox */
    -webkit-border-radius: 0 9px 9px 0; /* Safari, Chrome */
    -khtml-border-radius: 0 9px 9px 0;
    border-radius: 0 9px 9px 0;
        
    behavior: url(/styles/PIE.htc);
}
                      
.message p {
    margin: 0;
    padding: 20px 0 0 0;
                        
     color: black;
     background: transparent;
}
                        
.message.warning {
    background: #e4cccc url(../images/message-warning.png) 23px 2px no-repeat;
}
                    
.message.warning .content {
    background: #ca9899;
}
                    

.message.success {
    background: #d7eccb url(../images/message-succes.png) 14px 5px no-repeat;
}
                    
.message.success .content {
    background: #afd896;
}
                        
.message.info {
    background: #ececec url(../images/message-information.png) 17px 3px no-repeat;
}
                    
.message.info .content {
    background: #d8d8d8;
}

.message.tip {
    background: #fffdd3 url(../images/message-tip.png) 15px 10px no-repeat;
}
                    
.message.tip .content {
    background: #fcf344;
}



/** OTHERS: side static panel **/

#bocni {
    width: 130px;
    margin-left: 500px;
    z-index: 999;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 270px;
    text-align: left;
    font-size: 10px;
}
                  
#bocni .shadow {
    background: #eee;
    -moz-box-shadow: 0 3px 5px #ccc; /* Firefox */
    -webkit-box-shadow: 0 3px 5px #ccc; /* Safari, Chrome */
    box-shadow: 0 3px 5px #ccc; /* CSS3 */    border-radius: 10px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 0 12px 12px 12px;
    
    behavior: url(/styles/PIE.htc);
} 
           
#bocni .shadow p {
    margin: 7x 0;
}
           
           
#bocni .shadow h3 {
    margin: 0 0 7px 0;
    background: url(../images/icon-phone.png) left top no-repeat;
    position: relative;
    top: -5px;
    padding-top: 17px;
    text-indent: 30px;
    line-height: 16px;
}
               
#bocni .shadow label {
    font-weight: bold;
    margin: 0 0 3px 0;
    display: block;
}
           
#bocni .shadow form input {
    border: 1px solid #ccc;
    background: white;
    width: 100px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-bottom: 7px;
}
            
#bocni .shadow form input#right-box-submit {
    padding: 5px 10px 5px 10px;
    margin: 3px 0 0 0;

    display: inline-block;
    
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px;
    border-radius: 5px;
        background-color: #6D2093; /* fallback */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D2093), to(#986AAF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #986AAF, #6D2093); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #986AAF, #6D2093); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #986AAF, #6D2093); /* IE 10 */
    background: -o-linear-gradient(top, #986AAF, #6D2093); /* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#986AAF, endColorstr=#6D2093);*/ /* For Internet Explorer 5.5 - 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#986AAF, endColorstr=#6D2093)";*/ /* For Internet Explorer 8 */
    -pie-background: linear-gradient(#986AAF, #6D2093);    color: white;
    border: 2px solid #6D2093;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 100%;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    
    position: relative;
    
    behavior: url(/styles/PIE.htc);
}




ul#navig3 li#active, ul#navig3 li:hover {
    background: #fad301;
    color: black;
    width: auto;
}

ul#navig3 li {
    background: #2084e8;
    color: white;
    width: auto;
    padding: 0 10px;
    -moz-border-radius: 4px 4px 0 0; /* Firefox */
    -webkit-border-radius: 4px 4px 0 0; /* Safari, Chrome */
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    }

#advantage, #advantage1, #advantage2, #advantage3, #advantage4 {
width: 180px;
}

#player1, #player2, #player3 {
display: block;
/*width: 452px;
height: 276px;
*/

border: 1px solid #ccc;
padding: 2px;
background: white;

width: 295px;
height: 180px;
margin-bottom: 16px;

border-radius: 5px;
}

#player1 img, #player2 img, #player3 img,#player1 object, #player2 object, #player3 object {
    border-radius: 3px;
}
                  

