/*h1 {color:red;}
p {color:blue;}*/
body {background: wheat url(/pic/MikroTik.hr-Cloud-Router.jpg) center top no-repeat; background-size: 100%; margin: 0;font-family: 'Arial'}
.red {color:red;}
.bold {font-weight: bold}
.bg_gray {background:whitesmoke}
.whitesmoke {color: #FEFEFE;}
.shadow_thin{ box-shadow: 3px 3px 6px 2px #aaa; }
.wrapper:after { content:''; display:block; clear: both;}
.wrapper p { margin-top: 0;}
.google-maps{position:relative;padding-bottom:44.6%;/* aspect ratio */height:0;overflow:hidden}
.google-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
h1 {text-align: center}
form  {max-width: 22em; line-height: 1.7em;  font-size: 1em; background-color: ghostwhite; display: block; border: 1px solid #ccc; box-shadow: 3px 3px 20px 2px #ddd;}
form p {margin:0; text-align:left; font-style:italic;}
form div div:nth-of-type(2n-1) {float:left; width:7.7em; text-align:right;} /*  background: red */
form div div:nth-of-type(2n) {text-align:left;}                     /*  background: blue */
form input[type="text"]{ font-size: 0.9em; margin: 0.2em 0em 0em 0.3em; line-height: 1.4em; width: 60%;}
form select {width: 16.1em; height: 1.9em; margin-left: 0.3em; margin-bottom: 0.3em;}
form input[type="submit"]{ font-size: 1.4em; width: 100%; height: 2em;}
form input[type="submit"]:hover{ font-size: 1.4em; width: 100%; height: 2em; background-color: green; color:white;}
#overflow-auto {overflow: auto;}
#page {background-color: white; max-width: 60.4em; margin-left: auto; margin-right: auto; box-shadow: 3px 3px 20px 2px #333;}
#content {padding: 0 0.5em 0 0.5em}
#grad1 {
    background: -webkit-linear-gradient(left, white, whitesmoke); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, white, whitesmoke); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, white, whitesmoke); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white, whitesmoke); /* Standard syntax (must be last) */}
#grad2 {
    background: -webkit-linear-gradient(left, white, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, white, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, white, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white, #ddd); /* Standard syntax (must be last) */}

p {
  line-height: 1.5;
}


/**************** SLAJDER *****************/

.tp-banner-container {
	position: relative;
	z-index: 1;
	padding: 0;
	width: 100%;
}
.tp-banner {
	position: relative;
	width: 100%;
}
.tp-banner div {
  color: #fff;
}
.tp-caption {
	line-height:normal !important
}
.tp-caption a {
	color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
	border: 3px #fff solid;
	border-radius: 50%;
	background-image: none !important;
}
.tparrows {
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}
.tp-arr-allwrapper {
	margin: 0 10px;
	width: 50px;
	height: 60px;
	background: #fff;
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
}
.tp-leftarrow .tp-arr-allwrapper {
	-moz-transform: skew(25deg, 0);
	-ms-transform: skew(25deg, 0);
	-o-transform: skew(25deg, 0);
	-webkit-transform: skew(25deg, 0);
	transform: skew(25deg, 0);
}
.tp-rightarrow .tp-arr-allwrapper {
	-moz-transform: skew(-25deg, 0);
	-ms-transform: skew(-25deg, 0);
	-o-transform: skew(-25deg, 0);
	-webkit-transform: skew(-25deg, 0);
	transform: skew(-25deg, 0);
}
.tp-arr-iwrapper {
	color: #a0a0a0;
	text-align: center;
	font-size: 30px;
	font-family: FontAwesome;
	line-height: 60px;
}
.tp-leftarrow .tp-arr-iwrapper {
	-moz-transform: skew(-25deg, 0);
	-ms-transform: skew(-25deg, 0);
	-o-transform: skew(-25deg, 0);
	-webkit-transform: skew(-25deg, 0);
	transform: skew(-25deg, 0);
}
.tp-leftarrow .tp-arr-iwrapper:before {
	content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
	content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
	-moz-transform: skew(25deg, 0);
	-ms-transform: skew(25deg, 0);
	-o-transform: skew(25deg, 0);
	-webkit-transform: skew(25deg, 0);
	transform: skew(25deg, 0);
}
.slide-h1 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 57px;
}
.slide-h2 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #555;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
}
.big-font {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 60px;
}
.large-desc {
	font-size: 34px;
}

div.large-tekst {
	font-size: 25px;
  padding: 15px 10px 10px 10px;
  margin-left: 21px;
}
.slide-h3 {
	color: #fff;
	font-size: 31px;
	line-height: 100%;
}
.slide-h3 span {
	text-transform: uppercase;
	font-weight: bold;
}
.slide-head {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}
.slide-desc {
	font-size: 55px;
	line-height: 150%;
}

.tp-banner .caption span {
  font-size: 34px;
  background: rgba(55, 55, 55, 0.7);
}

.s1-naslov {
  background: rgba(55, 55, 55, 0.7);
}
.logo-dark {
  background: rgba(144, 144, 144, 0.5);
  border-radius: 10px;
}

/**************** SLAJDER END*****************/

.page {

}

.img-header {
  width:100%;
  height:auto;
  max-width:1000px;
  float:left;
}

.cjelozivotno {
  width:100%;
  height:auto;
  max-width:689px;
  max-height: 402px;
}

.zasto-se-certificirati {
  font-weight:bold;
}

.zasto-se-certificirati-pod {
  text-indent:50px;
  padding-left:1em;
  padding-right:1em;
  text-align: justify;
}

.o-nama-pod {
  max-width:35em;
  padding-left: 1em;
  padding-right: 2em;
  float:left;
}
.o-nama p {
  font-weight:bold
}

.img-redoslijed-polaganja {
  width:100%;
  height:auto;
  max-width:500px;
  max-height: 323px;
}

.termini {
  margin-top: 0;
  color:blue;
  font-size: 1em;
  font-weight: bold;
}

.termini_povijest {
  margin: 0;
  color:gray;
  font-size: 0.7em;
}

.text_small {
  margin: 0;
  font-size: 0.8em;
}

.img-cool {
  width:100%;
  height:auto;
  max-width:1000px;
}

.lista-treninga-certifikata{
  max-width: 25em;
  float: left;
}

.podnaslovi-forme {
  margin-left: 13px;
  font-weight: bold;
}