@import "galerija.css";
@import "jd.gallery.css";
@import "qtabs.css";

body {
    background: #DEDEDE url(../images/bg.jpg) repeat-x top left;
}

#wrapper {
    background: transparent url(../images/cbg.gif) repeat-y top center;
}

p a, h2 a, h3 a, h4 a, table a {
    color: #00A92A;
}

p, .qtcontent ul li {
    font-size: 13px;
}

p a:hover, h3 a:hover {
    color: #fff;
    background-color: #00A92A;
    text-decoration: none;
}

td {
    border-bottom: 1px solid #ccc;
}

table p {
    margin-top: 1.5em;
}

#kontakti td {
    width: 170px;
}

.left {
    float: left;
    display: block;
}

.right {
    float: right;
    display: block;
}

#content h2 {
    font-size: 1.5em;
}

#content h3 {
    font-size: 1.3em;
    font-weight: bold;
}

#content li a {
    color: #00A92A;
}

#content li a:hover {
    background-color: #00A92A;
    color: #FFF;
    text-decoration: none;
}

#content .lightbox_gallery_list li a:hover {
    background-color: transparent;
}

.fieldWithErrors {
    color: #8A1F11;
    padding: 0;
    margin: 0;
}

.fieldWithErrors input, .fieldWithErrors textarea {
    border-color: #FBC2C4;
    background-color: #FBE3E4;
}

p label {
    display: block;
}

/* 
#54B948; rgb(84, 185, 72);

PNG FIX 
img, div { behavior: url(iepngfix.htc) }
*/

/* HEADER *************************************************************/
#header {
    margin: 27px 0 17px 0;
}

#header h1, #header h2 {
    float: left;
}

#header form {
    display: inline;
    margin: 0;
    padding: 0;
}

#logo, #logo a {
    display: block;
    height: 46px;
    margin: 0;
    width: 202px;
    float: left;
}

.logo {
    background-image: url(../images/salus-logo.gif);
}

.sl-logo {
    background-image: url(../images/salus-logo-home-sl.gif);
}

.en-logo {
    background-image: url(../images/salus-logo-home-en.gif);
}

h1 span, h2 span {
    display: none;
}

#permanent {
    float: right;
    margin: 0;
    padding: 0;
    color: #ccc;
    font-size: 11px;
}

#permanent li {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#permanent li a {
    color: #999;
    text-decoration: none;
    padding: 0 3px;
    margin: 0 2px;
    font-size: 12px;
}

#permanent li a:hover {
    color: #666;
}

/* NAVIGTION *************************************************************/
#navigtion ul {
    background-color: #00A92A;
    margin: 0;
    padding: 4px;
    padding /**/: 5px;
    color: #33BA55;
    font-size: 16px;
    font-family: arial;
}

#navigtion ul li {
    display: inline;
}

#navigtion ul li a {
    color: #FFF;
    text-decoration: none;
    margin: 0 8px;
    padding: 8px 0;
}

#navigtion ul li a:hover {
    color: #CFFFDB;
}

#navigtion ul li.on a {
    background: transparent url(../images/nav-on.gif) no-repeat bottom center;
    color: #333;
    font-weight: normal;
}

/* VISUAL *************************************************************/
#myGallery {
    margin: 12px 0;
    width: 950px;
    height: 165px;
    border: none;
    overflow: hidden;
    background-color: #ccc;
}

#front #myGallery {
    width: 950px;
    height: 250px;
}

#intro {
    margin: 25px;
    padding: 16px;
    position: absolute;
    top: 0;
    float: right;
    left: 640px;
    width: 230px;
    height: 170px;
    background: transparent url(../images/bg-intro.png) repeat top center;
    color: #FFF;
    z-index: 6;
}

#intro p {
    font-size: 12px;
}

#intro a {
    text-decoration: underline;
}

/* MAIN *************************************************************/

/* front */
.c-box {
    background: #E0E0E0 url(../images/box.jpg) no-repeat top left;
    height: 230px;
    width: 282px;
    padding: 14px;
    overflow: hidden;
}

.c-box ul {
    list-style-type: square;
}

.c-box ul li {
    padding: 5px 0;
}

.c-box h3 .right a:hover {
    background-color: transparent;
}

.date {
    font-size: 10px;
    color: #666;
    margin: 0 0 14px 0;
    padding: 0;
}

.c-box a.button, #content a.button {
    font-weight: normal;
    font-family: arial;
    padding: 6px 12px 6px 8px;
    color: #666;
    border-color: #DEDEDE #CCC #CCC #DEDEDE;
}

#content a.positive:hover, a.positive:hover, button.positive:hover {
    background-color: #00A92A;
    color: #fff;
}

.news a, .quick li a {
    color: black;
    text-decoration: none;
}

.news a:hover, .quick li a:hover {
    color: #FFF;
    background-color: #00A92A;
}

/* sidebar */
#main {
    background: transparent url(../images/bg-main.gif) repeat-y top left;
}

#front #main {
    background-color: #fff;
}

#sidebar {
    background: #E0E0E0 url(../images/bg-sidebar.jpg) no-repeat top left;
    width: 190px; /*height:210px;*/
}

ul#subnav {
    border-top: 1px solid #00A92A;
    border-bottom: 1px solid #00A92A;
    list-style: none;
    margin: 0;
    padding: 0;
    color:;
}

ul#subnav li {
/*	border-bottom:1px solid #ccc;*/
    background: transparent url(../images/subnav-line.gif) no-repeat bottom left;
    margin: 0;
    padding: 4px 0;
}

ul#subnav li.on {

}

ul#subnav li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    margin: 0 12px 0 12px;
    display: block;
    padding: 0;
}

ul#subnav li a:hover, ul#subnav li a.on {
    color: #00A92A;
    background: transparent url(../images/subnav-on.gif) no-repeat center right;
}

ul#subnav li ul {
    list-style: none; /*	border-top:1px solid #ccc;*/
    background: transparent url(../images/subnav-line.gif) no-repeat top left;
    padding: 6px 0 3px 0;
    margin: 4px 0 0 0;
}

ul#subnav li ul li {
    border: none;
    padding: 4px 0 4px 6px;
    background: none;
}

ul#subnav li ul li a {
    font-size: 13px;
    color: #777;
}

#sidebar h4 {
    padding: 10px 0 6px 10px;
    font-size: 13px;
    font-weight: normal;
    color: #555;
    margin: 0;
}

#pushbox {
/*	border-bottom:1px solid #ccc;*/
    background: transparent url(../images/subnav-line.gif) no-repeat bottom left;
    margin: 0;
    padding: 0 10px 10px 0;
    list-style: square;
}

#pushbox p {
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
    color: #666;
}

#pushbox ul {
    margin: 0;
    padding: 0 10px 10px 0;
    list-style: square;
    color: #ccc;
}

#pushbox li, #pushbox ul li {
    color: #666;
    margin-left: 26px;
    padding: 0px 0 0px 4px;
}

#pushbox li a {
    text-decoration: none;
    color: #666;
}

#pushbox li a:hover {
    color: #333;
}

/* maincontent */

#content {
    padding-left: 15px;
    text-align: justify;
}

/* FOOTER *************************************************************/
#footer {
    background: transparent url(../images/fbg.jpg) no-repeat top center;
    margin: 0 auto;
    padding: 45px 0;
    text-align: left;
}

#fwrap {
    width: 955px;
    margin: 0 auto;
}

#flogo {
    margin: 0 14px 0 0;
}

ul.footernav {
    color: #BFBFBF;
    margin: 0px 0 0 0;
    padding: 0;
}

ul.footernav  li {
    display: inline;
    margin: 0;
}

ul.footernav  li a {
    color: #777;
    text-decoration: none;
    padding: 4px;
}

ul.footernav  li a:hover {
    color: #333;
}

#subfooternav {
    margin: 8px 0;
    padding: 0;
    font-size: 11px;
    color: #BFBFBF;
}

#subfooternav a {
    color: #999;
}

#subfooternav a:hover {
    color: #666;
}