@font-face {
    font-family: 'verbcondregular';
    src: url('../fonts/verbcondregular-webfont.eot');
    src: url('../fonts/verbcondregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/verbcondregular-webfont.woff') format('woff'),
         url('../fonts/verbcondregular-webfont.ttf') format('truetype'),
         url('../fonts/verbcondregular-webfont.svg#verbcondregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verbcondbold';
    src: url('../fonts/VerbCondSemibold-webfont.eot');
    src: url('../fonts/VerbCondSemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VerbCondSemibold-webfont.woff') format('woff'),
         url('../fonts/VerbCondSemibold-webfont.ttf') format('truetype'),
         url('../fonts/VerbCondSemibold-webfont.svg#verbcondregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font:14px/22px Arial, Helvetica, sans-serif; background:#fff; color:#000; margin: 0; padding:0px; text-align:left;}

/* HEADING */
h1, h2, h3, h4, h5, h6, caption{padding:0; margin: 0; font-family:'verbcondregular', Arial, Helvetica, sans-serif; font-weight: normal;}



hr{ border:1px solid #c5e4ff; border-width:1px 0 0; color:#fff; background:#fff; height:0px; overflow:hidden; line-height:0px; font-size:0px;}


/* ANCHOR */
a{color:#000; text-decoration: underline;}
a:active, a:visited{color:#333;}
a:hover{color:#000; text-decoration: none; }
a *{cursor:pointer;}


dl  { margin: 20px 0px 20px 0px; font-size:0px; letter-spacing:-1px;}
dt, dd {display:inline-block; *display:inline; zoom:1; letter-spacing:0px; vertical-align:top; padding:0; margin:0 0 6px;}
dt  { width:200px; border-right: 1px solid #0eb1e8; color:#0eb1e8; margin-right: 10px; padding-right: 10px; text-align: right; font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; }
dd  { width:400px; font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; }


/* TABLE */
table{margin:0 0 1.2em; border-collapse:collapse; width:100%; border:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
thead th{background:#0e537d; color:#fff; border:none; font-weight:normal; vertical-align:bottom;}
td, th{padding:8px 10px 6px; vertical-align:middle; border:1px solid #dfdfdf; background:none; vertical-align:top; border-width:1px 0;}

.js .row-click tr:hover td{background:#eff9fd; cursor:pointer;}

hr { clear: both; visibility: hidden; }

ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { margin: 0px; padding: 0px; list-style-type: none; }

ol { margin: 10px 0px 10px 30px; padding: 0px; }
ol li { list-style-type: 1; padding: 0px; margin: 0px; }

/****** TYPOGRAPHY ******/

#wrapper { background: url("../img/st.jpg") top center no-repeat; }

.grid { width: 990px; margin: auto; }

.left { float: left; margin: 0px 5px 0px 0px; }
.r { float: right; margin: 0px 0px 15px 20px; }
.small { width: 100px; }

#footer { background: #e6e6e6; padding: 40px 0px 70px 0px; }
.copyright { width: 500px; font: normal 15px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; color: #888; float: left; }
.links { float: left; width: 200px; margin-right: 30px; }

#header { height: 180px; }

.logo { font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 20px 0px 0px 20px; background: url("../img/logo.png") 0px 0px no-repeat; height: 150px; float: left; width: 500px; }
.logo span { display: none; }
.logo a { text-decoration: none; width: 220px; height: 120px; display: block; }

#circles { padding: 20px 0px 20px 0px; }

#menu { background: url("../img/menubck.png") 0px 3px no-repeat; height: 60px; margin-top: -5px; }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { float: left; margin: 0px 10px 0px 10px; padding: 0px; }
#menu li a { font-weight: normal; text-align: center; text-decoration: none; display: block; width: 100%; font-family:'verbcondbold', Arial, Helvetica, sans-serif; font-size: 17px; padding: 18px 10px 18px 10px; color: #fff; }
#menu a:hover { background: #4c8202; border-radius: 5px; font-size: 17px;  }

#menu a.menuactive { background: #4c8202; border-radius: 5px; font-size: 17px;  }


.sidebox { width: 330px; min-height: 285px; border-radius: 5px; float: left; background: #e7e7e7; border-bottom: 2px solid #c4c4c4; }
.sidebox h2 { color: #fff; background: #549604; padding: 10px; font-size: 16px; border-radius: 5px 5px 0px 0px; }
.sidebox h3 { padding: 10px 10px 0px 0px; font: normal 16px 'verbcondbold', Arial, Helvetica, sans-serif; margin: 0px; }
.sidebox p { padding: 10px 10px 5px 10px; font: normal 14px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0px; }

.add { width: 310px; min-height: 215px; border-radius: 5px; float: left; margin: 0px 9px 0px 11px; overflow: hidden; }

a.button {  padding: 6px 30px 6px 8px; background: #283233 url("../img/plus.png") 96% 7px no-repeat; border-radius: 3px; text-decoration: none; color: #fff; }
a.button:hover {  background: #000 url("../img/plus.png") 96% 7px no-repeat; }

#claims { background: url("../img/dot.png") 0px 3px repeat-x; text-align: center; margin: 30px 0px 30px 0px; }
#claims span { background: #fff; padding: 0px 15px 0px 15px; }
#claims h4 { font: normal 22px 'verbcondregular', Arial, Helvetica, sans-serif; text-align: center; }

#circles { background: url("../img/dot.png") 0px 18px repeat-x; text-align: center; margin: 10px 0px 10px 0px; }
#circles span { background: #fff; padding: 0px 15px 0px 15px; }

.boxinside { width: 660px; float: left;  margin: 5px 0px 20px 20px; }
.boxinside h1 { font: normal 25px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; }
.boxinside h2 { font: normal 20px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 10px 0px 10px 0px; color: #888; }
.boxinside p { font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 0px 0px 15px 0px; color: #000; margin: 0; }


.boxinside ul { margin: 20px 10px 20px 30px;  }
.boxinside li { list-style-type: square; font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; margin-bottom: 5px; }

.leftside { width: 300px; float: left; margin: 5px 0px 20px 0px; }

.sideboxsub { width: 300px; min-height: 215px; border-radius: 5px; float: left; background: #e7e7e7; border-bottom: 2px solid #c4c4c4; }
.sideboxsub h2 { color: #fff; background: #549604; padding: 10px; font-size: 16px; border-radius: 5px 5px 0px 0px; }
.sideboxsub h3 { padding: 10px 10px 0px 0px; font: normal 16px 'verbcondbold', Arial, Helvetica, sans-serif; margin: 0px; }
.sideboxsub p { padding: 10px 10px 15px 10px; font: normal 15px 'verbcondregular', Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0px; }



#bread { padding: 20px 10px 0px 0px; font: normal 12px  arial, sans-serif; color: #66b506; }
#bread a { font: normal 12px  arial, sans-serif; color: #777; text-decoration: none; }

.categories { margin: 0px 0px 20px 0px; border-radius: 5px; border: 1px solid #eee; border-bottom: 2px solid #ddd; background: #eee; }
.categories ul {}
.categories li { border-bottom: 1px solid #f5f5f5; background: #e8e8e8; }
.categories li:last-child { border-bottom: none; }
.categories a { color: #000; padding: 8px 10px 8px 15px; display: block; text-decoration: none; font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif;  }
.categories a:hover { color: #4c8202;  }

.categories li li { border: none; background: #eee; }
.categories li li a { color: #66b506; padding: 8px 10px 8px 25px; display: block; text-decoration: none; font: normal 14px 'verbcondregular', Arial, Helvetica, sans-serif;  }
.categories li li a:hover { color: #000;  }

.categories  a.menuactives { text-decoration: underline; }


/* FORMULARE */

#subform { margin: 10px 0px 20px 0px; }
#subform .texts { margin: 30px 0px 20px 0px; background: #c30009 url("../img/men.jpg") left bottom no-repeat; padding-bottom: 95px; }
#subform p { padding: 15px; color: #fff; font-size: 17px; font-weight: 600; font-family: 'Titillium Web', Arial, sans-serif; }

#subform .form form { padding: 20px; }
#subform input[type=text] { padding: 10px; border: 1px solid #c2c2c2; margin: 0 10px 10px 0px; box-shadow: inset 0px 0px 10px #eee; }
#subform .c100 { width: 90%; }
#subform .c50 { width: 53%; }
#subform input[type=submit] { cursor: pointer; padding: 10px 50px 10px 10px; border: none; background: #c30009 url("/img/btn-odeslat.png") right top no-repeat; color: #fff; font-weight: bold; }

#subform input[type=submit]:focus,
#subform input[type=submit]:hover {  background: #000 url("/img/btn-odeslat.png") right top no-repeat; }


.styled-select select {
   background: transparent;
   width: 100%;
   padding: 4px;
   font-size: 14px;
   line-height: 1;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   border: 0px solid #c2c2c2;   
   }
   
.styled-select {
   width: 227px;
   height: 34px;
   overflow: hidden;
   background: url(/img/seloff.gif) no-repeat right #fff;
   border: 1px solid #c2c2c2;
   margin-bottom: 10px;
   } 

.styled-select:hover {
   border: 1px solid #c30009;
   background: url(/img/selok.gif) no-repeat right #fff;
   }

.formular { background: #f3f3f3; padding: 10px; border-radius: 5px; border: 1px solid #f1f1f1; border-bottom: 2px solid #ddd; }
.formular label { font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; color: #4c8202; width: 150px; display: block; float: left; padding: 7px 15px 0px 0px; text-align: right; }
.formular input {  font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; padding: 7px; margin-bottom: 5px; border-radius: 3px; border: 1px solid #ddd; }
.formular .c100 { width: 50%; }
.formular span { width: 500px; display: block; padding: 8px 0px; }

.formular input[type=submit] { font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; color: #fff; background: #4c8202; padding: 10px 15px 10px 15px; cursor: pointer; border-radius: 5px; }
.formular input[type=submit]:hover {  background: #549604;  }

.formular textarea { font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; width: 60%; height: 100px; padding: 7px; margin-bottom: 5px; border-radius: 3px; border: 1px solid #ddd; }

/* ICONS BOX */

#iconsbox { padding: 20px; border: 1px solid #ebebeb; border-bottom: 2px solid #e6e6e6; background: #f7f7f7; margin: 10px 0px 30px 0px; border-radius: 5px; }
#iconsbox li { width: 24.55555%; float: left; text-align: center; }
#iconsbox h2 { font: normal 16px 'verbcondregular', Arial, Helvetica, sans-serif; padding: 5px 20px 5px 20px; }
#iconsbox a { text-decoration: none;  }
#iconsbox a:hover { color: #4c8202;  }

/* GALERIE */

ul.galerie { margin: 10px 0px 10px 0px; list-style-type: none; }
ul.galerie li { list-style-type: none; float: left; width: 33.33333%; height: 210px; overflow: hidden; }
ul.galerie img { float: left; margin: 0px 20px 10px 0px; }

.error { margin: 10px 0px 10px 0px; background: #fff0f0; padding: 20px; text-align: center; border-bottom: 2px solid #ffcccc; border-radius: 5px; color: #ff0000; font-weight: bold;}
.red { color: red; display: inline; }