/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19.5.2016, 15:27:24
    Author     : pavel
*/

@font-face {
    font-family: 'Liberation-SansX';
    src: url('../fonts/liberationsans-regular.eot');
    src: url('../fonts/liberationsans-regular.eot') format('embedded-opentype'),
     url('../fonts/liberationsans-regular.woff') format('woff'),
     url('../fonts/liberationsans-regular.ttf') format('truetype'),
     url('../fonts/liberationsans-regular.svg#LiberationSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation-SansX';
    src: url('../fonts/liberationsans-bold.eot');
    src: url('../fonts/liberationsans-bold.eot') format('embedded-opentype'),
     url('../fonts/liberationsans-bold.woff') format('woff'),
     url('../fonts/liberationsans-bold.ttf') format('truetype'),
     url('../fonts/liberationsans-bold.svg#LiberationSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}	



a:link { 
    color: #4c4b4a;
    text-decoration: none;
    border-bottom: dotted 1px;
} 
a:visited { 
    color: #4c4b4a;
    text-decoration: none; 
} 
a:hover { 
    text-decoration: underline; 
}

* {
    padding: 0;
    margin: 0;
}


#webIn {
    background: transparent url('../img/backs/web.jpg') repeat-y 0 0;
    padding: 19px 12px 0 12px;
    overflow: hidden;
}

html, body {
    padding: 0;
    margin: 0;
    text-align: center;
    background: #eaeaea;
    font-family: Liberation-SansX, sans-serif;
    font-size: small;
    color: #5a5a5a;
}

#logindiv {
    width: 944px;
    height: 243px;
    background: transparent url('../img/backs/form.jpg') no-repeat 0 0;
    margin: 10px 0 23px;
    padding: 18px 0 0 13px;    
}

#loginform {
    width: 357px;
    height: 190px;
    margin: 0;
    padding: 25px 0 0 28px;
    background: transparent url('../img/backs/inputs.png') no-repeat 
}

.firstHeader {
    padding: 13px 11px 0 6px;
    height: 31px;
    color: #666666;
    width: 966px;
    margin: 0 auto;
    text-align: left;
}

.languageSwitcher {
    display: table;
    margin-left: auto;
}

.languageSwitcherRow {
    display: table-row;
}

.selectedLanguage {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.language {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (min-width:1025px), screen and (min-device-width:1025px) {
    .webContent {
        text-align: left;
        margin: 0 auto;
        background: transparent url('../img/backs/webTop.jpg') no-repeat 0 0;
        padding-top: 4px;
        width: 984px;
        color: #585858;
    }
}

@media screen and (min-width:751px) and (max-width: 800px), screen and (min-device-width:751px) and (max-device-width: 800px) {
    .webContent {
        text-align: left;
        margin: 0 auto;
        background: transparent url('../img/backs/webTop.jpg') no-repeat 0 0;
        padding-top: 4px;
        width: 751px;
        color: #585858;
    }
}

@media screen and (min-width:801px) and (max-width: 1024px), screen and (min-device-width:801px) and (max-device-width: 1024px) {
    .webContent {
        text-align: left;
        margin: 0 auto;
        background: transparent url('../img/backs/webTop.jpg') no-repeat 0 0;
        padding-top: 4px;
        width: 801px;
    }
}

@media screen and (min-width:0px) and (max-width: 750px), screen and (min-device-width:0px) and (max-device-width: 750px) {
    .webContent {
        text-align: left;
        margin: 0 auto;
        background: transparent url('../img/backs/webTop.jpg') no-repeat 0 0;
        padding-top: 4px;
        width: 95%;
    }
}

.webContent h1 {
    color: #61322c;
    font-weight: normal;
    font-size: 2em;
    padding: 0 0 10px;
}

.webContent h3 {
    color: #7a372f;
    padding: 0 0 15px 6px;
}

.webContent h3 a:link {
    color: #7a372f;
}

.clearBoth {
    clear: both;
}
/*Hlavička */
#headTable {
    display: table; width: 100%; vertical-align: middle; line-height: 20px;
    background: transparent url('../img/backs/web.jpg') repeat-y 0 0;
    height: 59px
}

#headLogo {
    display: table-cell;
    font-size: 20px;
    background: transparent url('../img/logos/logo3.jpg') no-repeat 0 0;
}

#headLogo #logo {
    text-decoration: none;
    border-bottom: 0
}

#headLogo #logo a:hover {
    text-decoration: none;
    border-bottom: 0
}

#headLogo span {
    visibility: hidden;
}

#headLogin {
    display: table-cell;
}

/* Menu */
.our-menu { font-family: Liberation-SansX, Arial, "Times New Roman", Georgia; text-decoration: none; color: #ffffff; background: #054372; text-align: center; padding: 6px 0; display: none; }
#display-menu { display: block; }
#display-menu:checked ~ #hor-menu{ display: block; }

/*Style for horizontal CSS menu*/
/*TMP*/
.menu {
    z-index: 100;
    position: relative;
    margin-bottom: 17px;
}

.menu ul { list-style-type:none; 
          position: absolute;
          margin:0px; padding:0px; }
.menu li { float: left; margin-right: 1px; display:inline-block; }

.menuselected li a {
    display: block; 
    text-decoration: none; 
    height: 35px; 
    /*min-width: 145px; */
    padding-left: 18px;
    padding-right: 18px;
    text-align: center; 
    line-height: 35px; 
    font-family: Liberation-SansX, Arial, "Times New Roman", Georgia; 
    color: #742b22; 
    /*background: #197DCB;*/
    background: transparent url('../img/menu/menuBackOn.jpg') repeat-x 0 0;
    font-size: 1.1em;
}

li.menuselected {
    background: transparent url('../img/menu/menuBackOn.jpg') repeat-x 0 0;
}

div.menu li.menuselected {
    background: transparent url('../img/menu/menuBackOn.jpg') repeat-x 0 0;
}

li.menuselected a {
    display: block; 
    text-decoration: none; 
    height: 35px; 
    /*min-width: 145px; */
    padding-left: 18px;
    padding-right: 18px;
    text-align: center; 
    line-height: 35px; 
    font-family: Liberation-SansX, Arial, "Times New Roman", Georgia; 
    color: #ffffff; 
    /*background: #197DCB;*/
    background: transparent url('../img/menu/menuBackOn.jpg') repeat-x 0 0;
    font-size: 1.1em;
}

li.menu a {
    display: block; 
    text-decoration: none; 
    height: 35px; 
    padding-left: 18px;
    padding-right: 18px;
    text-align: center; 
    line-height: 35px; 
    font-family: Liberation-SansX, Arial, "Times New Roman", Georgia; 
    color: #742b22; 
    background: transparent url('../img/menu/menuBack.jpg') repeat-x 0 0;
    font-size: 1.1em;
}

ul.sub-menu {
    z-index: 1000;
    text-align: left;
}

/*
.menu li a {
    display: block; 
    text-decoration: none; 
    height: 35px; 
    padding-left: 18px;
    padding-right: 18px;
    text-align: center; 
    line-height: 35px; 
    font-family: Liberation-SansX, Arial, "Times New Roman", Georgia; 
    color: #742b22; 
    background: transparent url('../img/menu/menuBack.jpg') repeat-x 0 0;
    font-size: 1.1em;
}
*/

li.menuselected a:link {
    color: #ffffff;
    border-bottom: 0;
}

.sub-menu li {
    text-align: left;
}

.sub-menu a {
    text-align: left;
}

.menu li a:link {
    color: #742b22;
    border-bottom: 0;
}
.menu li:hover a { 
    background: transparent url('../img/menu/menuBackOn.jpg') repeat-x 0 0; 
    color: white;
    text-decoration: none;
}
.menu li:hover ul a { background: #575757;; color: #ffffff; line-height: 35px; height: 35px; }
.menu li:hover ul a:hover { background: #575757; color: lightgray; text-decoration: none}
.menu li ul { display: none; }
.menu li ul li { display: block; float: none; }
.menu li ul li a { width: auto; min-width: 120px; padding: 0 15px; }
.menu ul li a:hover + .sub-menu, .sub-menu:hover { display: block; }

.menuleft {
    /*float: left;*/
}

.menuright {
    float: right;
}

/*Media Query for Responsive Design*/
 @media screen and (min-width:0px) and (max-width: 750px), screen and (min-device-width:0px) and (max-device-width: 750px) {
    .our-menu { display:block; }
    .menu ul { position: static; display: none; }
    .menu li { margin-bottom: 1px; }
    .menu ul li, li a { width: 100%; }
}
/* Konec */

.styled-select select {
    background: transparent;
    width: 150px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    height: 19px;
    color: #333;
}

.styled-select-auto {
    background: url('../img/zak-arrow.png') no-repeat right #F1EEEB;
    overflow: hidden;
    width: auto;
    height: 19px;
    border: 1px solid #8C887A;
    border-radius: 5px;
}

.styled-select-auto select {
    background: transparent;
    width: 129%;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    height: 19px;
    color: #333;
}

.styled-select {
    background: url('../img/zak-arrow.png') no-repeat right #F1EEEB;
    overflow: hidden;
    width: 130px;
    height: 19px;
    border: 1px solid #8C887A;
    border-radius: 5px;
}

#selFVEsdiv {
    float: right;
    z-index: 100;
    position: relative;
    margin-bottom: 17px;
}

#selFVEs {
    width: 220px;
    height: 28px;
}

.pagination.box {
    margin: 10px;
}

.pager a {
    color: #000000 !important;
    padding: 0 3px;
}

.pager a:hover,
.pager a.pagination-active {
    text-decoration: none;
    color: #ac8c50 !important;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.red {
    color: red;
}

.table100 {
    width: 96%;
}

.table50 {
    width: 50%;
}

.td30 {
    width: 30%;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
    padding: 3px;
    border: 1px solid #8C887A;
    color: #333;
    transition: all 0.3s ease-out 0s;
    background: #F1EEEB none repeat scroll 0% 0%;
    font-size: 0.9em;
    border-radius: 5px;
}

input.input100 {
    width: 100%;
}

input.input90 {
    width: 90%
}

input.input80 {
    width: 80%
}

input.input20px {
    width: 20px;
}

input.input40px {
    width: 40px;
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../img/check-ds.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #8C887A;
    border-radius: 5px;
    color: #4C4B4A;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}

input[type="submit"]:hover {
	color: #333;
	text-decoration: none;
	border-width: 2px;
}

input[type="button"]:hover {
	color: #333;
	text-decoration: none;
	border-width: 2px;
}

input[type="reset"]:hover {
	color: #333;
	text-decoration: none;
	border-width: 2px;
}