html, body {margin: 0px; padding: 0px; width: 100%;}
body {min-height: 100%}
body {
	/*font-family: 'Titillium Web', sans-serif;*/
	font-family: "raleway",sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	line-height: 1.5; /* no extension ...different counting */
	background: #fdfdfd;
}

a {color: #61a4b4; text-decoration: underline;}
a:hover {text-decoration: none}
a img {border: 0px;}
b, strong {font-weight: 700;}

hr {border: 0; border-bottom: 1px solid black; height: 0px}

/* GLOBANI NASTAVENI PRVKU --------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {line-height: 1; /*font-family: 'Titillium Web', serif;*/ font-family: "raleway",sans-serif; color: #555; font-weight: 400;}
h1 {font-size: 42px; margin: 1em 0 0.5em 0; color: #444}
h2 {font-size: 35px; margin: 1em 0 0.5em 0; color: #444}
h3 {font-size: 28px; margin: 1em 0 0.5em 0; color: #444}
h4 {font-size: 22px; margin: 1em 0 0.5em 0; color: #444}
h5 {font-size: 18px; margin: 1em 0 0.5em 0; color: #444}
h6 {font-size: 16px; margin: 1em 0 0.6em 0; color: #000}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-weight: 600;}
h1:first-of-type {margin-top: 0 !important;} /*removes margin of each element which is first child of an subelement*/

/* Add margins to floating images by tinymce */
img[style~="left;"]  {margin:0 1em 1em 0;}
img[style~="right;"]  {margin:0 0 1em 1em;}

/* Form basics */
form {margin: 0px; padding: 0px;}
fieldset {margin: 0px; padding: 0px; border: 0px;}
legend {margin: 0; padding: 0; font-weight: 700; margin: 1em 0;}
legend:before, legend:after {content: " — ";}
input, textarea, select, button {font-size: 16px; font-family: inherit; border-radius: none;}
input, button {margin: 0px; padding: 0px; background-color: #e9e9e9; border: 0; padding: 7px 12px;}
input.submit, input[type="submit"], button.submit, button[type="submit"] {
	background: #0c4da2; font-weight: 600; color: white; cursor: pointer; border: 0; padding: 7px 18px
}
input.submit:hover, input[type="submit"]:hover, button.submit:hover, button[type="submit"]:hover {background: #0b3e81;}
input.placeholder {color: #777}
::-webkit-input-placeholder {color: #777;}
:-moz-placeholder {color: #777;}
::-moz-placeholder {color: #777;}
:-ms-input-placeholder {color: #777;}
textarea {display: block; resize:vertical; height: 90px; background-color: #e9e9e9; border: 0; width: 100%; 
	box-sizing: border-box; padding: 7px 12px; margin: .2em 0;}
select {box-sizing: border-box; margin: 0; padding: 7px 12px; border: 0; background-color: #e9e9e9;}
select option {background-color: #e9e9e9;}

/* box sizing for some elements */
table, tr, th, td, input {box-sizing: border-box;}

/* UL formats*/
ul.layout {margin: 0; padding: 0; list-style: none;}
ul.layout li {margin: 0; padding: 0;}
ul.layout li a {}

/* Paragrapgs and perex by tinymce */
p {margin:1em 0em !important;}
p.perex, blockquote {font-size: 18px; line-height: 1.4; margin-left: 0; margin-right: 0; color: #666}
p span[style] {line-height: 1.4}
p.cite {font-style: normal; background-color: #eee; padding: 0.5em 0.9em; padding-right: 50px; position: relative}
p.cite::before {font-family: 'FontAwesome', sans-serif; content: "\f10e"; float: right; font-size: 28px; color: #999; 
	position: absolute; top: 0px; right: 15px;}

/* Bacis tables */
table {font-size: 1em; border-collapse: collapse; border-spacing: 1px;}
table tr {}
table td {border: 1px solid #aaa; padding: .3em .5em}
table thead td, table th {padding: .4em .5em .3em; background-color: #ddd; border: 1px solid #aaa; border-bottom: 2px solid #333 !important; 
	font-weight: 700; color: black}
table tbody td {}

/* Lined table */
table.lines {}
table.lines tr {}
table.lines td {border: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
table.lines thead td, table.lines th {background-color: #eee; border: 0; border-bottom: 1px solid #aaa !important;
	font-weight: 700; color: black}
table.lines tbody td {}

/* Layout table */
table.layout {border-spacing: 0; border: 0; width: 100%}
table.layout td, table.layout th {padding: 0; background-color: transparent; border: 0 !important;}

/* Specials for form */
form.defform {}
form.defform table.layout {}
form.defform table.layout td {padding: 3px 0}
form.defform input {width: 100%}
form.defform textarea {width: 100%; height: 250px;}

div.clear {display: block; font-size: 0px; line-height: 0; height: 0px; overflow: hidden; clear: both;}
div.line {border-top: 1px solid #ccc; margin: 16px 0; height: 1px; font-size: 1px; line-height: 1}

/* Button styles */
a.btn {display: inline-block; padding: 6px 12px; font-size: 16px; font-weight: 600; text-align: center; white-space: nowrap; 
	border-radius: 4px; text-decoration: none}

a.btn-blue {color: white; background-color: #57a7bc; background-color: rgba(87,167,188,0.7);}
a.btn-blue:hover {background-color: rgba(87,167,188,0.9);}
a.btn-yellow {color: white; background-color: #ebc64c;}
a.btn-yellow:hover {background-color: #E2B72C}
a.btn-white {color: black; background-color: #fff; background-color: rgba(255,255,255,0.93); box-shadow: 0px 0px 9px rgba(0,0,0,0.3);}
a.btn-white:hover {color: white; background-color: rgba(87,167,188,0.9);}

a.btn-md {padding: 7px 18px; font-size: 16px;}
a.btn-lg {padding: 12px 24px; font-size: 17px;}

/* Link icon */
a.chevron-right:after {font-family: FontAwesome; content: '\f054'; font-size: .7em; padding-left: .5em; font-weight: 400; text-decoration: none; display: inline-block}

/**************************************/
/* Layout */
/**************************************/

div.w1140 {margin: 0 auto; width: 1140px; position: relative;}
div.w960 {margin: 0 auto; width: 960px; position: relative;}
.right { float: right; }
.left { float: left; }

.wleft {}
.wright {}


/* HEADER */
#header { height: 120px; background: #fff; }
#header div.w960 { top: 35px; }
#header a { text-decoration: none; width: 700px; height: 50px; display: inline-block; }
#header span.big { color: #24282d; font-weight: 900; font-size: 45px; float: left; margin-right: 25px; }
#header span.small { color: #24282d; font-weight: 500; font-size: 15px; display: inline-block; float: left; /*line-height: 15px;*/  width: 240px;}
#header a span.small { margin-top: 10px; }
#header a span.small:last-child { margin-top: 0px; }

#header div.right {   width: 150px; }
#header div.right img{  margin-top: 12px; float:left; width: 20px;}
#header div.right span { color: #339933; float:right; width: 120px; font-size: 16px; margin-top: 11px;}
#header div.right span.margin { margin-top: 10px;}

#header-menu { height: 60px; background: #019B2F; }
#header-menu ul { padding-left: 0; }
#header-menu ul li { list-style: none; display: inline-block; line-height: 40px; margin-top: 10px; padding-left: 17px; padding-right: 17px; border-right: 1px solid #FFF; }
#header-menu ul li:first-child { padding-left: 25px; }
#header-menu ul li:last-child { border-right: none; padding-right: 0; }
#header-menu ul li a { color: #fff; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 15px; }
#header-menu ul li a:hover { text-decoration: underline; }


/* FOOTER */
#footer { padding: 20px 0px 15px 30px; background: #019b2f ;  }
#footer .column { width: 25%; height: 300px; float: left; text-align: left; display: inline-block; padding-top: 25px; box-sizing: border-box; }
#footer .center { text-align: center; }
#footer h5 { color: #6d7987; font-size: 18px; font-weight: 900; text-transform: uppercase; margin: 0; }
#footer hr { color: #339933; border: 0; width: 35px; background-color: #339933; height: 2px; margin-left: 0; }
#footer ul { margin-top: 20px; padding-left: 0; list-style-type: none; }
#footer ul li, #footer ul li a { color: #6d7987; text-decoration: none; font-weight: 500; font-size: 15px; line-height: 24px; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li strong { color: #339933; font-weight: 800; font-size: 24px; }
#footer ul li strong.small-font { color: #339933; font-weight: 600; font-size: 16px;  }

#footer-small { height: 60px; background: #1a1c20; color: #6d7987; }
#footer-small span, #footer-small span a  { height: 60px; line-height: 60px; display: inline-block; margin: 0px; color: #6d7987; font-weight: 500; font-size: 15px; }
#footer-small span a { font-weight: 800; text-decoration: none; }
#footer-small span a:hover { text-decoration: underline; }
#footer-small span a img { vertical-align: middle; margin-right: 5px; }

#footer .created { color: white; float:left; padding:4px 10px 0px 135px;}
#footer .logo {float:left;}
#footer .logo img {/*height: 40px;*/}


/* PAGE */
div.page div.w960 { padding-top: 40px; padding-bottom: 50px; }
div.page div.w960 p { /*color: #8494A0;*/ font-size: 15px; display: block; margin-top: 10px; }
div.page div.w960 h1 { color: #24282d; font-size: 30px; font-weight: 900; text-transform: uppercase; }
div.page div.w960 h2 { color: #24282d; font-size: 26px; font-weight: 900; text-transform: uppercase; }
div.page div.w960 h3 { color: #0c4da2; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-top: 26px; }
div.page div.w960 h4 { color: #24282d; font-size: 18px; font-weight: 700; }
div.page div.w960 hr { color: #24282d; border: 0; width: 35px; background-color: #24282d; height: 2px; margin-left: 0; }
div.page div.w960 input, div.page div.w960 select, div.page div.w960 textarea   { display: block; height: 40px; background: none; border: 1px solid rgba(0,0,0,0.2); border-radius: 0; margin-bottom: 20px; width: 400px; font-size: 14px; font-weight: 500; }
div.page div.w960 input[type="submit"] { width: 200px; height: 50px; background: #0c4da2; text-transform: uppercase; font-weight: 700; }
div.page div.w960 input[type="submit"]:hover { background: #0b3e81; }
div.page div.w960 textarea  {height: 160px; margin-top: 0px; width: 500px;}
div.page div.w960 ul.my_ul { padding: 0; }
div.page div.w960 ul.my_ul li { list-style: none; margin-bottom: 5px; }
div.page div.w960 div.list { width: 760px; padding-left: 24px; box-sizing: border-box; }
div.page div.w960 div.list ul li a { color: #24282d; font-size: 14px; font-weight: 400; text-decoration: underline; }
div.page div.w960 div.list ul li a:hover { text-decoration: none; }
.oblast .osa { width: 200px; height: 150px; text-align: center; margin: auto; margin-top: 18px; }
.oblast .osa span { padding-top: 35px; }
.oblast .osa strong { margin-top: 0 !important; }
.full { width: 100% !important; height: 1px !important; }
div.page div.w960 span a { text-decoration: none; color: #0c4da2; font-weight: 700;  }
div.page div.w960 span a:hover { text-decoration: underline; }

#calls {border-top: 1px solid #ccc; margin-top: 20px;}

div.poster div div div p
{
	text-transform: uppercase;
}

div.poster div div div p:first-child
{
	padding-top: 20px;
}

div.poster div div div p:first-child,
div.category a p:first-child
{
	color: #8494a0 !important;
}

div.poster div:hover div div p,
div.category a:hover p
{
	color: white !important;
}

/* UVOD hover*/
.osy {/*float:left; width: 450px;*/}

div.page div.w960 div.category { padding-bottom: 40px; /*padding-top: 20px; */}
div.page div.w960 div.category a { margin-right: 20px; margin-bottom: 24px; width: 172px; height: 200px; float: left; }
div.page div.w960 div.category a:first-child { margin-left: 0; }
div.page div.w960 div.category a:last-child {margin-right: 0;}
div.page div.w960 div.category div.osa { text-transform: uppercase; width: 172px; height: 200px; /*border: 1px solid rgba(0,0,0,0.2)*/;
										/*box-shadow: 0px 0px 6px 2px rgba(212, 222, 229, 0.4);*/ float: left; box-sizing: border-box;
										text-align: center; }
div.page div.w960 .osa p:first-child {margin-bottom: 10px !important;}
div.page div.w960 .osa p {margin-top: 10px !important;}
div.page div.w960 .osa span { color: #8494a0;font-size: 13px; display: block; margin-top: 10px; }
div.page div.w960 .osa strong { font-size: 20px; display: block; margin: 10px auto; font-weight: 800; max-width: 150px; line-height: 24px;  }
div.page div.w960 .osa .back { border-radius: 50px; height: 100px; width: 100px; margin: 0px auto;}
div.page div.w960 .osa .back i {font-size: 50px; color: white; margin-top: 30px; margin-left: 0px;}


div.category a:nth-child(1) div {position: relative;}
div.category a:nth-child(1) div .image{display:none; position:absolute; width: 172px; height:182px; background: url(../images/osy/voda.jpg) center center no-repeat; left: -1px; top: -2px;}
/*div.category a:nth-child(1) div:hover .image{display:block}*/

div.category a:nth-child(2) div {position: relative;}
div.category a:nth-child(2) div .image{display:none; position:absolute; width: 172px; height:182px; background: url(../images/osy/ovzdusi.jpg) center center no-repeat; left: -1px; top: -2px;}
/*div.category a:nth-child(2) div:hover .image{display:block}*/

div.category a:nth-child(3) div {position: relative;}
div.category a:nth-child(3) div .image{display:none; position:absolute; width: 172px; height:182px; background: url(../images/osy/odpady.jpg) center center no-repeat; left: -1px; top: -2px;}
/*div.category a:nth-child(3) div:hover .image{display:block}*/

div.category a:nth-child(4) div {position: relative;}
div.category a:nth-child(4) div .image{display:none; position:absolute; width: 172px; height:182px; background: url(../images/osy/priroda.jpg) center center no-repeat; left: -1px; top: -2px;}
/*div.category a:nth-child(4) div:hover .image{display:block}*/

div.category a:nth-child(5) div {position: relative;}
div.category a:nth-child(5) div .image{display:none; position:absolute; width: 172px; height:182px; background: url(../images/osy/energie.jpg) center center no-repeat; left: -1px; top: -2px;}
/*div.category a:nth-child(6) div:hover .image{display:block}*/

div.category .contact {background: url(../img/footer-zelene-sluchatko.png) center 25px no-repeat; line-height: 1.6em;}
div.category .contact .lab {color: #339933; font-size: 16px; font-weight: 600; padding-top: 106px;}
div.category .contact .phone {color: #339933; font-size: 24px; font-weight: 800;}
div.category .cp:hover .contact {background-color:#24282D;}
/*div.category .cp:hover .lab {color: black !important;}
div.category .cp:hover .phone {color: black !important;}   */


/*hovery div.category je na uvodni strancem div.poster je na podstrance*/
div.poster div:nth-child(1) div div p,
div.category a:nth-child(1) p{ color: #174d92;}
div.category a:nth-child(1) .back {background: #174d92;}

div.poster div:hover:nth-child(1) div div,
div.category a:hover:nth-child(1){background: #174d92;}
div.category a:hover:nth-child(1) .back {background: white;}
div.category a:hover:nth-child(1) .back i {color: #174d92;}

div.poster div:nth-child(2) div div p, div.category a:nth-child(2) p { color: #5bc4f4; }
div.category a:nth-child(2) .back {background: #5bc4f4;}

div.poster div:hover:nth-child(2) div div,
div.category a:hover:nth-child(2) { background: #5bc4f4;}
div.category a:hover:nth-child(2) .back {background: white;}
div.category a:hover:nth-child(2) .back i {color: #5bc4f4;}

div.poster div:nth-child(3) div div p,
div.category a:nth-child(3) p {color: #ee9428;}
div.category a:nth-child(3) .back {background: #ee9428;}

div.poster div:hover:nth-child(3) div div,
div.category a:hover:nth-child(3){background: #ee9428;}
div.category a:hover:nth-child(3) .back {background: white;}
div.category a:hover:nth-child(3) .back i {color: #ee9428;}

div.poster div:nth-child(4) div div p,
div.category a:nth-child(4) p{color: #4ca83c;}
div.category a:nth-child(4) .back {background: #4ca83c;}

div.poster div:hover:nth-child(4) div div,
div.category a:hover:nth-child(4){background: #4ca83c;}
div.category a:hover:nth-child(4) .back {background: white;}
div.category a:hover:nth-child(4) .back i {color: #4ca83c;}

div.poster div:nth-child(5) div div p,
div.category a:nth-child(5) p{color: #c02222;}
div.category a:nth-child(5) .back {background: #c02222;}

div.poster div:hover:nth-child(5) div div,
div.category a:hover:nth-child(5){background: #c02222;}
div.category a:hover:nth-child(5) .back {background: white;}
div.category a:hover:nth-child(5) .back i {color: #c02222;}

div.category {}

.blue:hover span, .light-blue:hover span, .orange:hover span, .green:hover span, .red:hover span { color: #fff !important; }
.half { max-width: 50%; width: 50%; }
.half p { width: 450px; }
.half img { max-width: 100%; }
.button { width: 140px; height: 50px; background: #0c4da2; text-transform: uppercase; font-weight: 700; display: block; border: 1px solid rgba(0,0,0,0.2); color: #fff; text-decoration: none; line-height: 50px; text-align: center; margin-top: 18px; }
.button:hover { background: #0b3e81; }


.category-section {width: 450px; margin-bottom: 20px;}
.category-section.odd {float: left;}
.category-section.even {float: right;}
.category-section h2 {  margin-top: 0; }
.category-section ul { padding: 0;  }
.category-section ul li { list-style: none; display: block; padding: 10px 15px; /*border-top: 1px solid #f3f3f3;*/}
.category-section ul li a { color: #0c4da2; text-decoration: underline; }
/*.category-section ul li:nth-child(odd) {background-color: #F3F3F3;}
.category-section ul li:nth-child(even) {background-color: white;}*/
.category-section ul li a:hover { text-decoration: none; }
.category-section ul li .photo {float:left; width: 100px;}
.category-section ul li .text {float:right; width: 300px;}
.category-section ul li .text a {font-weight: bold; font-size: 1.2em;}
.category-section ul li .text div {margin-top: 5px;}


/*

#articles .list-group a.list-group-item {border-radius: 0px; text-align:left; border: 0px; color: black;}
#articles .list-group :nth-child(even){background-color: #white;}
#articles .list-group :nth-child(odd){background-color: #F3F3F3;}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

*/

div.navigator
{
	margin: 8px auto 0 auto;
	width: 960px;
	position: relative;
}

#calendar {margin-left: 95px;}
#calendar td {border: none; border: 2px solid white;}
#calendar .today  {text-decoration:underline; font-weight:bold; color:black;}
#calendar .today a {text-decoration:underline; font-weight:bold;}

.calendar {margin-top: 30px; padding-top: 15px; border-top: 1px solid #ccc;}
.calendar .vyzva {background-color: #dd0000; text-decoration: none !important;}
.calendar .akce {background-color: #3265AD; text-decoration: none !important;}
.calendar .webinar {background-color: #019B2F; text-decoration: none !important;}

.color_vyzva { color: #dd0000}
.color_akce {color: #3265AD}
.color_webinar {color: #019B2F}

.help {margin-left: 98px; margin-top: 8px;}
.help .color {float:left; width: 25px; height: 18px; margin-right: 5px; margin-top: 1px;}
.help .label {float:left; margin-right: 22px;}

.box_contact {margin-top: 30px; padding-top: 5px; border-top: 1px solid #ccc;}
.box_contact h2 {padding-bottom: 20px;}

.contact_form_box {}
.contact_form_box .contact_left{float:left;}
.contact_form_box .contact_right{float:right;}

#calendar_page { position:relative; }
#calendar_page .link { position:absolute; top: 10px;  color: #019B2F; text-decoration: none; border: 1px solid #019B2F; padding: 3px 10px; }
#calendar_page .link:hover, #calendar_page .active { background: #019B2F; color:white; }
#calendar_page .future {   }
#calendar_page .past {  left: 165px; }

.error {color: #dd0000;}

.files { }
.files .pdf { background: url('../images/icons/pdf.png') no-repeat; padding-left: 22px; padding-bottom: 5px;}
.files .word { background: url('../images/icons/word.png') no-repeat; padding-left: 22px; padding-bottom: 5px;}
.files .excel { background: url('../images/icons/excel.png') no-repeat; padding-left: 22px; padding-bottom: 5px;}
.files .ppt { background: url('../images/icons/ppt.png') no-repeat; padding-left: 22px; padding-bottom: 5px;}
.files .text { background: url('../images/icons/text.png') no-repeat; padding-left: 22px; padding-bottom: 5px;}
.files .image { background: url('../images/icons/image.png') no-repeat; padding-left: 22px; padding-bottom: 5px;}

.flash_messages {}
.flash_messages .success { padding: 10px 20px; background-color:#AEF28E; margin: 20px 20px 20px 0px; }