/* Add here all your CSS customizations */

body.boxed {background: #ebebeb url(https://ztkgbj.info/slike-mk/mk-pozadina.png); background-attachment:fixed;background-repeat: no-repeat;}
body.boxed div.body {-moz-border-radius: 0;-moz-box-shadow: 0 0 19px rgba(0, 0, 0, 0.25);-webkit-border-radius: 0;-webkit-box-shadow: 0 0 19px rgba(0, 0, 0, 0.25);background-color: #FFFFFF;border-bottom: none;border-radius: 0;border-top: none;box-shadow: 0 0 19px rgba(0, 0, 0, 0.25);margin: 0 auto;max-width: 1200px;height: auto;}
body.boxed header.flat-menu div.header-top {margin-top: 0;}
body.boxed header.colored div.header-top {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
body.boxed header.flat-menu.colored {padding: 0;border-bottom: 3px solid #e31e26;}
body.boxed header.flat-menu ul.nav-main > li.active > a {border-top-color: transparent;color: #E31E26;}

.header-top h1 {color: #ffffff;font-size: 18px;font-weight: 400;line-height: 20px;text-align:left; text-decoration:none !important;float:left;margin: 15px 0 0 0;}
.kontakt-podaci {float: right;margin: 15px 0 0 0;color: #fff;}

.tp-bannershadow.tp-shadow1 {display:none}


body.boxed header.flat-menu nav ul.nav-main > li > a {padding-top:45px;padding-bottom:45px;padding-right: 20px;padding-left: 20px;}
header.flat-menu nav ul.nav-main li > a, header.flat-menu nav ul.nav-main li.active > a {color:#000000}


.pocetna-title {color: #e31e26;font-size: 20px;font-style:italic;margin-bottom:20px}
.pocetna-text {color: #000000;font-size: 30px;font-weight: 600;margin-bottom:20px}
p.pocetna {color: #424649;line-height: 28px;margin: 0 0 20px;font-size: 16px;font-style: italic;}
.noradi {border-radius:0}

.btn-crveni {border-color: #e31e26;color: #ffffff;text-shadow: none;background-color: #e31e26;width: 100%;padding: 10px;text-transform:uppercase}
.btn-bijeli {border-color: #ffffff;color: #e31e26;text-shadow: none;background-color: #ffffff;width: 100%;padding: 10px;font-size: 17px;font-weight: 600;}
.btn-bijeli:hover,
.btn-bijeli:focus, 
.btn-bijeli:active {border-color: #ffffff;color: #ffffff;text-shadow: none;background-color: #e31e26;width: 100%;padding: 10px;font-size: 17px;font-weight: 600;}

.novosti-box {text-align:right}
.novosti-naslov {font-size: 15px;color: #40453e;margin-bottom: 7px;line-height: 22px;text-transform: uppercase;height: 44px;overflow: hidden;display: block;text-align:right;}
.novosti-text {font-size:13px;color:#40453e;line-height:22px}
.slika-novosti {float:right;margin:0 0 15px 15px}

.radionice-box {text-align:left}
.radionice-naslov {font-size: 15px;color: #40453e; margin-bottom: 7px;line-height: 22px; text-transform: uppercase;height: 44px;overflow: hidden;display: block;}
.radionice-text {font-size:13px;color:#40453e;line-height:22px}
.slika-radionice {float:left;margin:0 15px 15px 0}

.crta-lijevo {float:right}
.crta-desno {float:left}

h3.pocetna-naslovi {font-size:21px !important;color:#161616 !important}

.kontakt-box {font-size: 18px;color: #fff;font-weight: 100;line-height: 45px;}
.margin-b20 {margin-bottom:20px}
.text-desno {text-align: right;}
.margin-a {margin:0 auto}

.detaljnija2-h1 {color: #000000;font-size: 26px !important;font-weight: 600;margin-bottom: 0;line-height: 44px;text-align: center;text-transform: uppercase;}
.breadcrumb-novi {color:#ffffff !important;background:none; list-style:none;padding-left: 0;font-size: 0.8em;    padding-top: 16px;}
.italic {font-style:italic}
h1.naslovostale {color: #FFF;display: inline-block;font-weight: 200;margin: 0;min-height: 34px;line-height: 37px;padding: 0;position: relative;    font-size: 28px !important;}
.glavna-tekst br {clear:both}
.glavna-tekst img {display:block; max-width:100%; height:auto;}
h4.glavna-podnaslov {color: #000;font-size: 18px;}
.form-control {height: 36px;padding: 6px 12px;margin-bottom: 10px;font-size: 13px;font-style: italic;border-radius: 0;}

.sidebar {background:#f5f5f5;padding:20px}
.sidebar h4 {color:#000000}

h2.entry {color: #40453e;}
.entry {font-size: 1.4em;font-weight: 400;line-height: 30px;margin: 0 0 0 0;}

.multi, .multi:hover {color: #424242;text-decoration: none;}
.multi-naslov {font-size: 13px;margin-top: 20px;line-height: 14px;} 
.multi-title {font-weight:bold;height:30px;overflow:hidden}
.multi-ikona {background:#b70000;color: #fff;font-size: 15px;font-weight: 300;padding: 0 12px;float: left;line-height: 40px;margin-right: 10px;}



hr.hrfull {
    background: #ddd;height:0;margin:20px 0
}

h1 {color: #E31E26;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h1 a:link, h1 a:visited {color: #E31E26;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h1 a:active, h1 a:hover {color: #f9686e;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}

h2 {color: #E31E26;font-size: 1.8em ;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h2 a:link, h2 a:visited {color: #E31E26;font-weight: 400;text-align:left; text-decoration:none !important;}
h2 a:active, h2 a:hover {color: #f9686e;font-weight: 400;text-align:left; text-decoration:none !important;}

h3 {color: #5b5b5b  !important;font-size: 1.2em !important; margin-bottom: 0;font-weight: 400;line-height: 44px; text-decoration:none !important;text-transform: uppercase;}

.detaljnija-h1 {color: #E31E26;font-size: 1.8em !important;margin:0; font-weight: 600;line-height: 44px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
h1.detaljnija-h1 a:link, h1.detaljnija-h1 a:visited {color: #E31E26;font-size: 1.0em !important;margin:0; font-weight: 600;line-height: 44px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
h1.detaljnija-h1 a:active, h1.detaljnija-h1 a:hover {color: #E31E26;font-size: 1.0em !important;margin:0; font-weight: 600;line-height: 44px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
 
h2.detaljnija-h2 {color: #000000;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;margin: 0 0 20px 0;}
h2.detaljnija-h2 a:link, h2.detaljnija-h2 a:visited {color: #000000;text-decoration:none !important;}
h2.detaljnija-h2 a:active, h2.detaljnija-h2 a:hover {color: #000000;text-decoration:none !important;}


h2.detaljnija-h22 {color: #777;font-size: 1.2em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;margin: 0 0 20px 0;}
h2.detaljnija-h22 a:link, h2.detaljnija-h22 a:visited {color: #777;text-decoration:none !important;}
h2.detaljnija-h22 a:active, h2.detaljnija-h22 a:hover {color: #777;text-decoration:none !important;}



a:hover, a:active {color:#f9686e}

p.featured {text-align:left; color:#b4b4b4; font-style: italic;  font-family: Arial;font-size: 1.3em;}

.clear {clear: both; height: 0px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}
.clear50 {clear: both; height: 50px}
.clear60 {clear: both; height: 60px}
.clear70 {clear: both; height: 70px}

.lijevo-tekst {text-align:right !important}

hr {border-top: 1px dotted #cdcdcd; height:1px;background-image:none;  margin: 2px 0;}


a.svjetloplavi:link, a.svjetloplavi:visited, a.svjetloplavi:active {color: #53a4e0; text-decoration: none;}
a.svjetloplavi:hover {color: #ffffff; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #ffffff; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.bijeli:active {color: #40453e; text-decoration: none;}
a.sivi:hover {color: #161616; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color: #000000; text-decoration: none;}
a.crni:hover {color: #000000; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #ffffff; text-decoration: none;}
a.crveni:hover {color: #ffc7c9; text-decoration: none;}

a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #bbdaf1; border-radius:2px; padding:0 4px; background:#d0e9fc; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.tagovi:hover {border:1px solid #015696; background:#0066b3; color:#fff}
.poveznice {margin:30px 0 30px 0;}


section.page-top .naslovostale h1 {
	border-bottom: 5px solid #CCC;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	line-height: 46px;
	padding: 0 0 17px;
	position: relative;
}

section.page-top .naslovostale h1 {
	border-bottom-color: #015597;
}

.featured-box, .feature-box {cursor:pointer}

.featured-box-primary h4 a:link, .featured-box-primary h4 a:visited, .featured-box-primary h4 a:hover, .featured-box-primary h4 a:active, {color: #E05048 !important;}
.featured-box-secundary h4 a:link, .featured-box-secundary h4 a:visited, .featured-box-secundary h4 a:hover, .featured-box-secundary h4 a:active, {}
.featured-box-tertiary h4 a:link, .featured-box-tertiary h4 a:visited, .featured-box-tertiary h4 a:hover, .featured-box-tertiary h4 a:active {color: #4EB25C !important;}
.featured-box-quaternary h4 a:link, .featured-box-quaternary h4 a:visited, .featured-box-quaternary h4 a:hover, .featured-box-quaternary h4 a:active {color: #734BA9 !important;}


.arhiva {float: right;height: 32px;background: #E31E26;border-radius: 5px;padding: 5px 10px;color: #fff;margin: 0 20px 0 0;}

.btn-sivi {
	border-color: #cccccc;
	color: #000000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
	background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
	border-color: #cccccc #cccccc #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-sivi:hover {
	border-color: #cccccc;
	background-color: #cccccc;
}

.btn-sivi:active,
.btn-sivi:focus {
	border-color: #cccccc;
	background-color: #cccccc;
}

.tablica, .tablica th, .tablica td {vertical-align:top !important;}

.slika100 {width:100%;height:auto;}
.slikaborder {border:3px solid #ddd;}


#footer {color: #fff;font-size: 13px; background:url(https://ztkgbj.info/slike-mk/footer-pozadina.png); background-repeat: no-repeat;border-top:none;margin-top: 0;padding: 50px 0 0 0;background-position: 0 0;background-size: cover;}
footer h4 {font-size: 21px;font-weight: 200;text-shadow: none;margin: 0 0 15px 0}
div.footer-copyright {background: none repeat scroll 0 0 #e31e26;padding: 20px 0 15px  0; border-top: none;margin-top: 30px;}
.footer-copyright div.container div.row > div {margin:0}
div.footer-copyright p {color:#ffffff}

a:hover, a:focus {text-decoration:none}
footer a:hover, footer a:focus, footer a:active {text-decoration:none}

footer ul.contact p {color: #ffffff;line-height: 20px;margin: 0;font-size: 13px;}
footer ul.contact i {float:none}
footer div.newsletter form input.form-control {border-radius:0;border: none;}
footer div.newsletter form input.form-control {border-radius:0;border: none;background: #edebeb;}


div.thumb {background: transparent url(https://ztkgbj.info/slike/rub-oko.png) no-repeat 0 0;width: 160px;height: 160px;margin: 0 0 30px 5px;padding: 0;float: right;}
div.thumb img {margin: 12px 12px;width: 129px;height: 116px;}
div.thumb img:hover {opacity:0.8}
a.thumb-info:hover img {-moz-transform: 0 !important;-ms-transform: 0 !important;-o-transform: 0 !important;-webkit-transform: 0 !important;transform: 0 !important;}
a.thumb-info img {-moz-border-radius: 0 !important;-moz-transition: 0 !important;-o-transition: 0 !important;-webkit-border-radius: 0 !important;-webkit-transition: 0 !important;border-radius: 0 !important;position: relative;transition: 0 !important;}
a.thumb-info span.thumb-info-action {height:100% !important}
span.thumb-info-social-icons a {background:none !important}

div.thumb2 {background: transparent url(https://ztkgbj.info/slike/rub-oko-crna.png) no-repeat 0 0;width: 160px;height: 160px;margin: 0 0 30px 5px;padding: 0;float: right;}
div.thumb2 img {margin: 12px 12px;width: 129px;height: 116px;}
div.thumb2 img:hover {opacity:0.8}



ul.thumbnail-gallery {margin:0}
ul.thumbnail-gallery li {margin: 0 5px 0 0;}
.thumbnail {border-radius:0}


.thumbnail-galerija {background:#ffffff; padding: 0;max-width: 100%;height: 319px; overflow:hidden; display: block;margin-bottom: 20px;	-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3);-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.3);box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.3);}
.thumbnail-galerija h2 {color: #4b4b4b !important;font-weight: 400;font-family: Open Sans;font-size: 0.9em !important;text-transform: uppercase !important;padding: 10px 10px 0 10px;line-height: 22px;margin: 0;max-height: 75px;overflow: hidden;min-height: 75px;}
.thumbnail-galerija h2 a:link, .thumbnail-galerija h2 a:visited {color: #4b4b4b;font-size: 1.3em !important;font-weight: 700;line-height: 10px !important;text-align: left;text-decoration: none !important;}
.thumbnail-galerija h2 a:active, .thumbnail-galerija h2 a:hover {color: #E31E26;font-size: 0.9em !important;font-size: 1.3em !important;font-weight: 700;line-height: 10px !important;text-align: left;text-decoration: none !important;}

.thumbnail-vijesti {background:#ffffff; padding: 0;max-width: 100%;height: 405px; overflow:hidden; display: block;margin-bottom: 20px;	-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3);-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.3);box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.3);}
.thumbnail-vijesti h2 {color: #4b4b4b !important;font-weight: 400;font-family: Open Sans;font-size: 0.9em !important;text-transform: uppercase !important;padding: 10px 10px 0 10px;line-height: 22px;margin: 0;max-height: 75px;overflow: hidden;min-height: 75px;}
.thumbnail-vijesti h2 a:link, .thumbnail-vijesti h2 a:visited {color: #4b4b4b;font-size: 1.3em !important;font-weight: 700;line-height: 10px !important;text-align: left;text-decoration: none !important;}
.thumbnail-vijesti h2 a:active, .thumbnail-vijesti h2 a:hover {color: #E31E26;font-size: 0.9em !important;font-size: 1.3em !important;font-weight: 700;line-height: 10px !important;text-align: left;text-decoration: none !important;}
.thumbnail-vijesti p {font-size: 13px;line-height: 20px;padding: 10px;max-height: 89px;min-height: 89px;overflow: hidden;}
span.thumb-info-social-icons {border-top: 1px solid #cccccc;margin: 0 !important;padding: 15px 0 6px 0;display: block;background: #f8f8f8;}
.datum {padding: 13px 32px 0 10px;text-transform: uppercase;}
.datum {padding: 0;text-transform: uppercase;font-style: italic;color: #000;margin-bottom: 5px}
.btn-vise {background: #e31e26;padding: 2px 15px 3px 10px;font-style: italic;font-size: 13px;float: left;margin: 5px 0 0 0;}
.vise {background: #e31e26;padding: 2px 15px 3px 10px;font-style: italic;font-size: 13px;float: left;margin: 5px 0 0 0;}
.tekst-novosti {font-size: 13px;line-height: 21px;margin: 10px;max-height: 88px;min-height: 88px;overflow: hidden;}
span.thumb-info-social-icons a {width:40%;-moz-border-radius: 0;-webkit-border-radius: 0;background: #CCC;border-radius: 0;display: inline-block;height: 30px;line-height: 30px;text-align: right;}
span.thumb-info-social-icons a:hover {width:40%;-moz-border-radius: 0;-webkit-border-radius: 0;background: #CCC;border-radius: 0;display: inline-block;height: 30px;line-height: 30px;text-align: right;}

.bigtar {cursor:pointer}


button.btn-responsive-nav { background: #E31E26 !important;}
button.btn-responsive-nav:hover, button.btn-responsive-nav:active, button.btn-responsive-nav:focus {color:#fee8e9  !important; outline:none}

.download-box {background:#e8292f;float:left;padding:15px;margin:0 20px 20px 0; width: 100%; }
.download-naslov {background:url(https://ztkgbj.info/slike/download.png) center left no-repeat;float:left;margin:0 0 15px 15px;font-size:18px;color:#034887;padding:0 0 0 25px; width:750px}
.download-dokument {font-size:14px;font-style:italic;width:100%; border-bottom:1px dotted #ccc; height: 50px; margin: 0 0 15px;padding: 0 0 10px 0;font-family:"Open Sans"}
.download-opis {float:left;font-size:11px;width:100%;margin:0 0 10px 0;padding:10px 0 5px 0; color: #333}
.download-l {float:left;background:#F6F6F6;padding:5px 15px 5px 15px;width:100%;color:#000000;margin:0; }
.download-l:hover {background:#fff;cursor:pointer}



.paginationw {margin-top:10px; height:52px; overflow:hidden; font-size:12px;padding:1px 0 0 0}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#E31E26; text-decoration:none; padding:4px 10px; background:#f5f5f5; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background: #e31e26;color: #ffffff;box-shadow: none;border-radius: 0;}



/* Styles for Carousel with image and text (horizontal) */

#carousel-image-text-horizontal {
	width: 355px;
	height: 145px;

}
#carousel-image-text-horizontal .touchcarousel-item {
	width: 355px;
	height: 145px;
	margin-right: 0;			
	padding: 0;
	position: relative;
}
#carousel-image-text-horizontal img, 
#carousel-image-text-horizontal h4,
#carousel-image-text-horizontal p {
	float:left;
	position: relative;
	margin: 0;
	padding: 0;	
	border: 0;
			
}		
#carousel-image-text-horizontal img {			
width: 129px;
height: 116px;
float: right;
margin: 12px 19px 0 0;
}
#carousel-image-text-horizontal .rblock {
	width: 138px;
	float: left;
	margin-left: 7px;
}
#carousel-image-text-horizontal h4 {
	font: bold 13px/20px Helvetica, Arial, sans-serif;
	color: #000;
	width: 140px;
}
#carousel-image-text-horizontal p {			

}
#carousel-image-text-horizontal .tc-paging-container {
	top: -21px;
}
/* General styles */

.touchcarousel {
	position: relative;
	width: 600px;
	height: 400px;		
	
	/* style is removed after carousel is inited, use !important if you want to keep it*/
	overflow: hidden; 
}
.touchcarousel .touchcarousel-container {
	position: relative;    
    margin: 0;
    padding: 0;
    list-style: none;    
	left: 0;
}
.touchcarousel .touchcarousel-wrapper {
	position: relative;
	overflow:hidden;
	width: 100%;
	height: 100%;
}
.touchcarousel .touchcarousel-item {
	/* use margin-right for spacing between items */
	margin: 0 0 0 0;
	padding: 0;	
	float: left;		
}

/* Last carousel item  */
.touchcarousel .touchcarousel-item.last {
	margin-right: 0 !important;		
}
/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
	height: 100%;
	width: 45px;
	position: absolute;
	top: 0;
	display: block;
	cursor: pointer;	
	z-index: 25;	
}
.touchcarousel .arrow-holder.left {	
	left: 0;	
}
.touchcarousel .arrow-holder.right {	
	right: 0;
}

/* arrow icons */
.touchcarousel .arrow-icon{		
	width: 45px;
	height: 90px;
	top:50%;
	margin-top:-45px;	
	position: absolute;	
	cursor: pointer;	
}
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }

.touchcarousel .tc-paging-container {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
.touchcarousel .tc-paging-centerer {	
	float: left;
	position: relative;
	left: 50%;		
}
.touchcarousel .tc-paging-centerer-inside {
	float: left;
	position: relative;
	left: -50%;
}
.touchcarousel .tc-paging-item {			
	float:left;	
	cursor:pointer;		
	position:relative;
	display:block;	
	text-indent: -9999px;	
}
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }

.touchcarousel .scrollbar-holder {
	position: absolute;
	z-index: 30;
	left: 6px;
	right: 6px;	
	bottom: 5px;
	height:4px;
	overflow: hidden;
}
.touchcarousel .scrollbar {
	position: absolute;
	left:0;	
	height:4px;
	bottom: 0px;
}
.touchcarousel .scrollbar.dark {
	background-color: rgb(130, 130, 130);	
	background-color: rgba(0, 0, 0, 0.5);
}
.touchcarousel .scrollbar.light {
	background-color: rgb(210, 210, 210);	
	background-color: rgba(255, 255, 255, 0.5);	
}

/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor{ cursor:url(https://ztkgbj.info/slike/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(https://ztkgbj.info/slike/grabbing.png) 8 8, move; }

/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }

.text-carousel {width: 158px;float: left;height: 144px;overflow: hidden;line-height: 20px;font-family: Arial;font-size: 0.9em;}

/*tablica*/
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

.tablica table > thead > tr > th, 
.tablica table > tbody > tr > th, 
.tablica table > tfoot > tr > th, 
.tablica table > thead > tr > td, 
.tablica table > tbody > tr > td, 
.tablica table > tfoot > tr > td {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.tablica table {
  width: 100%;
  margin-bottom: 18px;
  color:#000000;
  border:1px solid #F0F0F0;}
.tablica table p {margin:0;}

.tablica table th,
.tablica table td {
  padding: 5px 7px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #F0F0F0;}
.tablica table td {vertical-align:middle; font-size: 13px;}
.tablica table th {
  font-weight: 400;
  font-size: 1.2em;
  color: #fff ;
  background:#ca5b58 !important;}
.tablica table thead th {
  vertical-align: bottom;
     border-bottom: 1px solid #dddddd;
    color: #000;
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid #f0f0f0 !important;
    background: #F0F0F0 !important;
  font-family:open sans
  font-weight: 600;
  font-size: 16px;}

.tablica table colgroup + thead tr:first-child th,
.tablica table colgroup + thead tr:first-child td,
.tablica table thead:first-child tr:first-child th,
.tablica table thead:first-child tr:first-child td {  border-top: 0;}

.tablica table tbody + tbody {  border-top: 2px solid #F0F0F0;}

.tablica table td {border-right:1px solid #F0F0F0}
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {  background-color: #F0F0F0;}

.tablica table a {color: #088b2a;font-weight: bold;}

.tablica table ul {color: #000000; margin: 0 0 0 25px}

// Responsive tables
//
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
// by enabling horizontal scrolling. Only applies <768px. Everything above that
// will display normally.

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)

  @media screen and (max-width: @screen-xs-max) {
    width: 100%;
    margin-bottom: (@line-height-computed * 0.75);
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid @table-border-color;

    // Tighten up spacing
    > .table {
      margin-bottom: 0;

      // Ensure the content doesn't wrap
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th,
          > td {
            white-space: nowrap;
          }
        }
      }
    }

    // Special overrides for the bordered tables
    > .table-bordered {
      border: 0;

      // Nuke the appropriate borders so that the parent can handle them
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th:first-child,
          > td:first-child {
            border-left: 0;
          }
          > th:last-child,
          > td:last-child {
            border-right: 0;
          }
        }
      }

      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
      // chances are there will be only one `tr` in a `thead` and that would
      // remove the border altogether.
      > tbody,
      > tfoot {
        > tr:last-child {
          > th,
          > td {
            border-bottom: 0;
          }
        }
      }

    }
  }
}

.table-responsive {border:none}
.video-container {
    padding-top: 25px;
    padding-bottom: 50.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    height: 0;
}

.embed-responsive-4by3{padding-bottom:75%;}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;}
.video-container{padding-top:25px;padding-bottom:50.5%;margin-bottom:10px;position:relative;overflow:hidden;height:0;}
.video-container.vimeo{padding-top:0;padding-bottom:56.4%;}
.video-container embed, .video-container iframe, .video-container object, .video-container video{position:absolute;top:0;left:0;width:100%;height:100%;}


div.google-map {margin:0}