body{
padding:0px;
margin:0px;
background-color: #ffffff;
font-family: 'Raleway', sans-serif;
font-size:17px;
line-height:1.3em;
font-weight:400;
color:#393536;
}

.table p{
padding:0px;
margin:0px;
}

.body{
text-align:justify;
}

a{
color:#3366CC;
text-decoration:none;
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
}

a:hover{
color:#003366;
text-decoration:underline;
}

h1{
color:#FFC425;
font-weight:bold;
font-size:40px;
margin-top:0px;
margin-bottom:30px;
text-transform:uppercase;
}


h2{
color:#333333;
font-weight:bold;
font-size:30px;
line-height:30px;
text-transform:uppercase;
margin-top:40px;
margin-bottom:10px;
}

h3{
margin-top:20px;
margin-bottom:10px;
font-size:25px;
line-height:25px;
font-weight:bold;
text-transform:uppercase;
color:#393536;
}

h4{
color:#eb1639;
margin-top:20px;
margin-bottom:10px;
font-size:22px;
line-height:22px;
font-weight:bold;
text-transform:uppercase;
}

#static h2{
font-size:23px;
color:#333333;
text-transform:none;
}

#static h3{
font-size:20px;
color:#1e1e1e;
text-transform:none;
}

#static h4{
font-size:18px;
color:#1e1e1e;
text-transform:none;
}

p{
margin-top:0px;
margin-bottom:25px;
}

#static img{
max-width:100%;
height:auto !important;
}

input, select, textarea, td{
font-family: 'Raleway', sans-serif;
}

.submit{
text-decoration:none;
display:inline-block;
margin-bottom: 20px;
text-transform: uppercase;
padding:0px;
transition: 0.08s ease-in;
-o-transition: 0.08s ease-in;
-ms-transition: 0.08s ease-in;
-moz-transition: 0.08s ease-in;
-webkit-transition: 0.08s ease-in;
height: 54px;
line-height: 54px;
font-size:17px;
padding-left:15px;
padding-right:15px;
outline:none;
cursor:pointer;
border: 0px;       
background-color: #bcaab3;
color: #192231;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}

.submit:hover{
text-decoration:none;
color: #bcaab3;
background-color: #192231;
}


.clear{
clear:both;
}

.top-header{
background-color:#66CCFF;
color:#ffffff;
}

.top-header .social{
float:left;
padding-top:12px;
padding-bottom:12px;
color:white;
}

.top-header .social a{
display:inline-block;
width:25px;
height:25px;
border:1px solid #ffffff;
color:#ffffff;
line-height:23px;
text-align:center;
margin-right:5px;
}

.top-header .social a:hover{
color:#bcaab3;
border-color:#bcaab3;
}

.top-header .contacts{
float:right;
font-size:15px;
line-height:25px;
padding-top:12px;
padding-bottom:12px;
}

.top-header .contacts a{
color:#ffffff;
padding-left:30px;
text-decoration:none;
}

.top-header .contacts a:first-child{
padding-left:0px;
}

.top-header .contacts a .fa{
color:#bcaab3;
padding-right:3px;
}

.top-header .contacts a:hover{
color:#bcaab3;
}

#header{
background-color:#ffffff;
}

#header.with-shadow{
/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.5);
*/
border-bottom:2px solid #66CCFF;
}

#header .body{
padding-left:230px;
min-height:85px;
padding-top:38px;
position:relative;
}

#header .logo{
margin:0px;
float:left;
position:absolute;
left:0px;
top:30px;
font-size:25px;
}

#header .logo img{
/*width:250px;*/
}

#header .logo a{
display:block;
margin-top:0px;
margin-bottom:0px;
cursor:pointer;
color:#624a6c;
font-size:27px;
}

#header .logo .smaller{
font-size:20px;
}

#header .search_box{
float:right;
height:40px;
width:300px;
margin-top:40px;
border:1px solid #a0a0a0;
border-right:0px;
}

#header .search_box #search_input{
float:left;
width:259px;
height:38px;
line-height:40px;
padding: 0 10px 0 10px;
border:0px;
font-style:italic;
color:#898989;
font-size:15px;
}

#header .search_box #search_submit{
width:40px;
height:40px;
float:right;
border:0px;
background:url('../images/search.png') center center #eb1639 no-repeat;
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
position:relative;
top:-1px;
}

#header .search_box #search_submit:hover{
background-color:#393536;
}

#main_menu{
padding-bottom:38px;
position:relative;
z-index:100;
float:right;
}

#main_menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#main_menu ul:after{
content:"";
display:block;
clear:both;
}

#main_menu li{
float:left;
color:#1e1e1e;     
position:relative;
margin-left:2px;
}

#main_menu li a{
color:#000000;
text-transform:none;
text-decoration:none;
font-size:16px;
line-height:20px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
display:block;
}

#main_menu li a:hover, #main_menu li a.active, #main_menu .menu > li:hover > a{
color:#ffffff;
background-color:#66CCFF;
}

#main_menu li ul{
position:absolute;
top:100%;
left:0px;
width:200px;
background-color:#0083C1;
display:none;
color:white;
}

#main_menu li:hover ul{
display:block;
}

#main_menu li ul li{
float:none;
}

#main_menu li ul a{
display:block;
font-size:14px;
line-height:16px;
font-weight:normal;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid #ffffff;
color:white;
}

#main_menu li ul li:last-child a{
border-bottom:0px solid #ffffff;
}

#main_menu li ul a:hover, #main_menu li ul a.active{
color:#ffffff;
}

.wide-container{
height:600px;
width:100%;
position:relative;
border-top:2px solid #66CCFF;
border-bottom:2px solid #66CCFF;
}


#content{
margin-top:65px;
padding-bottom:50px;
}

#content .left-column{
border-right:1px solid #ababab;
}

#content .right_menu li{
margin-bottom:10px;
}

#content .right_menu a{
color:#0066CC;
}

#content .right_menu a.active{
color:#003366;
}

#content .right_menu li ul{
padding-left:10px;
padding-top:5px;
}

#content .right_menu li li{
font-size:85%;
margin-bottom:5px;
}

#content .right_menu li li a{
text-transform:none;
}
      
.acf-map{
height:400px;
}

.format-title, #content .main-title{
display:inline-block;
color:#000000;
font-size:25px;
font-weight:900;
text-transform:uppercase;
padding-bottom:20px;
margin-bottom:30px;
position:relative;
}

#content .main-title{
margin-top:0px;
}

.format-title:before, #content .main-title:before{
content:"";
position:absolute;
bottom:7px;
width:100%;
left:0px;
background-color:#66CCFF;
height:2px;
}

.format-title:after, #content .main-title:after{

}



.hp-services{
padding-top:40px;
padding-bottom:20px;
background-color:#f9f9f9;
border-bottom:1px solid #cbcbcb;
margin-bottom:0px;
text-align:center;
}

.hp-services .format-title{
margin-top:0px;
}

.hp-services .format-title:after{
border-color: #f9f9f9;
}

.hp-services .box{
padding-bottom:40px;
position:relative;
}

.hp-services .box .link{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

.hp-services .box:nth-child(4n+1){
clear:both;
}

.hp-services .icon{
width:138px;
height:138px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
background-color:#bcaab3;
margin:auto;
margin-bottom:20px;
line-height:138px;
vertical-align:middle;
}

.hp-services .icon img{
vertical-align:middle;
max-width:90%;
max-height:90%;
}

.hp-services .name{
margin:0px;
color:#192231;
font-weight:900;
line-height:25px;
font-size:18px;
text-transform:uppercase;
width:230px;
max-width:100%;
margin:auto;
}

.hp-services .box:hover .name{
color:#bcaab3;                      
}


.hp-blog{
background-color:#f9f9f9;
border-top:1px solid #cbcbcb;
padding-top:40px;
}

.hp-blog .format-title{
margin-top:0px;
}

.hp-blog .format-title:after{
border-color:#f9f9f9;
}

.hp-blog .button{
display:inline-block;
margin-bottom:40px;
height:54px;
line-height:54px;
width:223px;
background-color:#bcaab3;
color:#192231;
font-weight:900;
text-decoration:none;
text-transform:uppercase;
}

.hp-blog .button:hover{
color:#bcaab3;
background-color:#192231;
}


.card-blog .body{
width:277px;
max-width:100%;
margin:auto;
margin-bottom:30px;
border:1px solid #cbcbcb;
padding:10px;
position:relative;
background-color:#ffffff;
}

.blog-page-articles .card-blog .body{
background-color:#f9f9f9;
}

.card-blog .body .name{
margin:0px;
font-size:15px;
font-weight:bold;
line-height:20px;
height:40px;
text-transform:none;
margin-bottom:10px;
overflow:hidden;
}

.card-blog .body .excerpt{
font-size:13px;
line-height:20px;
color:#838383;
font-style:italic;
height:60px;
overflow:hidden;
margin-bottom:10px;
}

.card-blog .body .date{
float:left;
font-size:13px;
color:#494e6b;
}

.card-blog .body .readmore{
float:right;
font-size:13px;
color:#bcaab3;
font-weight:bold;
}

.card-blog .body .link{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

.form-box:nth-child(3n+1), .checkbox-box:nth-child(3n+1){
clear:both;
}

.form-box label{
width:100%;
display:block;
color:#494e6b;
}

.form-box input{
width:100%;
height:40px;
margin-bottom:25px;
background-color:#f9f9f9;
border:1px solid #cbcbcb;
}

.checkbox-box {
padding-bottom:8px;
}

.checkbox-box input{
margin-right:5px;
}

#footer{
background-color:#66CCFF;
color:#ffffff;
text-align:left;
font-size:13px;
line-height:20px;
padding-top:40px;
padding-bottom:15px;
}  

#footer .title{
display:inline-block;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
line-height:20px;
padding-bottom:3px;
border-bottom:2px solid #ffffff; 
margin-bottom:15px;
}

#footer .menu-box ul{
list-style:none;
padding:0px;
margin:0px;
padding-bottom:40px;
}

#footer .menu-box ul li{
padding-left:10px;
position:relative;
}

#footer .menu-box ul li a{
color:#ffffff;
text-decoration:none;
}

#footer .menu-box ul li a:hover{
color:#FFffff;
}

#footer .menu-box ul li:before{
content:"\f105";
position:absolute;
top:0px;
left:0px;
color:#bcaab3; 
font-size:13px;
font-family: 'FontAwesome';
}

#footer a{
color:#ffffff;
text-decoration:none;
}

#footer a:hover{
color:#FFC425;
}

#footer p{
margin-bottom:15px;
}

#footer .contact-box{
padding-bottom:40px;
}

#footer iframe{
width:100%;
}

#footer .social a{
display:inline-block;
width:25px;
height:25px;
border:1px solid #ffffff;
color:#ffffff;
line-height:23px;
text-align:center;
margin-right:5px;
}

#footer .social a:hover{
color:#bcaab3;
border-color:#bcaab3;
}

.discussion{
margin-top:40px;
border-top:1px dotted #ababab;
}

#discussion_content{
margin-bottom:15px;
font-size:18px;
}

#discussion_content .submit{
margin-bottom:30px;
margin-top:20px;
}

#discussion_content .message{
padding-left:20px;
margin-left:0px;
border-top:1px dotted #ababab;
}

#discussion_content .title{
float:left;
font-weight:bold;
}

#discussion_content .date, #discussion_content .user{
float:right;
margin-right:10px;
font-size:14px;
}

#discussion_content .body{
clear:both;
margin-top:10px;
margin-bottom:1px;
}

#discussion_content .message a{
font-size:16px;
}

#discussion_content .title{
margin-top:10px;
font-size:24px;
}

#static .body{
margin-bottom:20px;
}

/* Ui Dialog */

.ui-dialog * {
box-sizing: content-box;
font-size:13px;
}

.ui-dialog *:before, .ui-dialog *:after {
box-sizing: content-box;;
}

.ui-corner-all{
border-radius:0px !important;
}

.ui-widget-content{
background: #f8f8f8 !important;
}

.ui-widget-header {	
background: #393536 !important;
filter: none !important;
border:1px solid #393536 !important;
color: #ffffff !important;  
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color: #393536 !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #393536 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #eb1639 !important;
color: #eb1639 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #eb1639 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #eb1639 !important;	
color: #eb1639 !important;
}

/* Ui Dialog end */ 


/* Social Icons */
.social_icons{
clear:both;
margin-top:5px;
margin-bottom:5px;
}

.social_icons .icon{
float:left !important;
margin-right:7px;
}

.fb_link{
margin-top:-10px;
}

.uredni_deska_content{
border-top:1px #af9e96 solid;
}

.uredni_deska_content hr{
background-color:#af9e96;
height:1px;
border:0px;
}

.uredni_deska_content h3{
font-weight:bold;
}

.uredni_deska_content .folder{
margin-right:5px;
}

.uredni_deska_content .solved{
font-style:italic;
font-size:90%;
color:#999999;
}

.uredni_deska_content #paging{
border:0px;
padding:0px;
margin-top:20px;
}

.uredni_deska_content #paging select{
margin-left:5px;
border:1px #af9e96 solid;
color: #af9e96;
}

.uredni_deska_content #paging .gray{
display:none;
}

.vysivka{
height:89px;
margin-top:10px;
background-image:url("/images/vysivka.png");
}