* CSS Document */
marker { color:red;}
.sadrzaj { margin:0 10%;}
body, html {
	background-color: #000;
	margin: 0;
	height: 100%;
	font-family: 'Noto Sans', sans-serif, Anton;
	text-align: left;
}


h2 { font-family:'Anton', sans-serif; text-align:center; text-transform:uppercase; margin-top:-10%;  
color:#ed1c24; letter-spacing:4px; font-size:40px; text-shadow:1px 1px 1px #000; font-weight:400;}
#contentlevi {
	position: static;
	width: 30%;
	height: 100%;
	float: left;
	background-color: #000;
	padding-left: 0px;
	text-align: center;
}
#contentdesni { font-family:'Anton', sans-serif; position:relative; width:70%; height:100%; float:left; background-color:#000; z-index:1;}
#contentdesni h3 { color:#fff; text-align:justify; margin:20px;}
#contentdesni p { color:#888888; text-align:left; padding:0 0px; width:100%}
#pozadina {
	position: absolute;
	height: 4px;
	width: 375px;
	background-image: url(../Slike/pirometaruplamenunewest.png);
	background-repeat: no-repeat;
	background-position: 72% 105%;
	background-size: content;
	top: 242px;
	left: 158px;
}
#pozadina2 {position:absolute;  height:100%; width:100%; background-image:url(../Slike/govornica.jpg); background-repeat:no-repeat; background-position:bottom; background-size:cover;}
						
/*logo*/
#logo {
	position: absolute;
	width: 247px;
	height: 184px;
	right: 34px;
	top: 36px;
	z-index: 2;
	visibility: inherit;
}
	
.logotip {
	position: absolute;
	margin-top: 5px;
	margin-left: 25px;
	padding: 0;
	list-style: none;
	z-index: 2;
	left: 185px;
	top: -2px;
}

.logotip a {
    background:url(../Slike/logo.png) no-repeat scroll 0 0 / contain transparent;
    cursor: pointer;
    float: left;
    height: 184px;
    width: 241px;
	text-indent:-9999em;
}
.copyright {  bottom: -5px;
	font-size:10px;
    color: #fff;
    height: 100px;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
	padding-left:33px;}
/* index menu*/
.logotipindex { position:absolute;  background-image:url(../Slike/logoindex.png); background-repeat:no-repeat; width:320px; height:250px; left:352px; top:80px;}
.pozadina { margin-top:-15px; padding:0; background:url(../Slike/pozadinaLevo.jpg), url(../Slike/pozadinaDesno.jpg) ; background-repeat:no-repeat; background-position:top left, top right; min-width:1100px; background-size:51% auto, 51% auto; }
#nosilac { margin:0 auto; width:1000px; position:relative; height:100%; }
#loptice3 {margin:27% 7% 0; position:absolute; width:900px; height:100px;}
#loptice2 {margin:30% 13% 0; position:absolute; width:750px; height:200px; z-index:2;}

#loptice3 .levilink , #loptice3 .desnilink {background:url(../Slike/malalopta.png) no-repeat; width:172px; height:133px; position:absolute; padding-top:52px; font-style:normal !important;}
#loptice3 .levilink:hover , #loptice3 .desnilink:hover {background:url(../Slike/malaloptaAktivna.png) no-repeat;} 
#loptice3 .desnilink{ right:0; text-indent:64px; z-index:5;}
#loptice3 .levilink{ left:0; text-indent:79px; z-index:5;}
#loptice3 a {font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; color:#FFF; text-decoration:none; font-size:14px; text-shadow:2px 2px 2px #000; padding:30px 0; cursor:pointer; outline:none; font-style:normal !important;}


#loptice2 .levilink , #loptice2 .desnilink {background:url(../Slike/srednjalopta.png) no-repeat; width:323px; height:200px; position:absolute; padding-top:125px;}
#loptice2 .levilink:hover , #loptice2 .desnilink:hover {background:url(../Slike/srednjaloptaAktivna.png) no-repeat;} 
#loptice2 .desnilink{ right:0; text-indent:133px; z-index:5; }
#loptice2 .levilink{ left:0; text-indent:120px; }
#loptice2 a {font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; color:#FFF; text-decoration:none; font-size:20px; text-shadow:2px 2px 2px #000; padding:50px 0; outline:none;}

#loptica {background:url(../Slike/centralnalopta.png) no-repeat; width:400px; height:250px; position:absolute; padding-top:154px; left:300px; top:400px; font-style:normal !important;}
#loptica:hover { background:url(../Slike/centralnaloptaAktivna.png) no-repeat;}
#loptica:onclick { background-color:transparent;}
#loptica a { font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; color:#FFF; text-decoration:none; font-size:20px; font-style:normal !important; 
text-shadow:2px 2px 2px #000; margin-left:134px; padding-left:50px; padding-top:50px; padding-bottom:50px; outline:none;}
#loptica .centrallink { width:300px;}
/*glavnimenu*/
#glavnimenu { position:relative; z-index:1; float:right; margin-top:250px; margin-right:10%; text-align:right; font-size:20px; text-transform:uppercase; }
#glavnimenu li { line-height:20px; list-style:none; padding-bottom:10px;}
.pirometrija a { font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; color:#ed1c24; text-decoration:none;}
.pirometrija a:hover {color:#FFF;}
.namestaj a{ font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; color:#fff; text-decoration:none;}
.namestaj a:hover { color:#ed1c24;}
/*tabovi*/
#tab1, #tab2, #tab3, #tab4 { font-size:13px; font-style:normal !important; outline:none; border:none;}
#tab1 a, #tab2 a, #tab3 a, #tab4 a { text-decoration:none; color:#444; }
#tab1 a:hover, #tab2 a:hover, #tab3 a:hover, #tab4 a:hover { color:#111;} 
.tabovi {
    background: none repeat scroll 0 0 #181818;
    border: 1px solid #222222;
    color: #111111;
    margin-top: -3%;
    padding: 15px 20px;
    width:100%;
}
.tabovi li {
    float: left;
    list-style: none outside none;
}
.tabovi ul a {
	
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
    display: block;
    margin: 1px 1px 1px 0;
    padding: 6px 10px;
    text-decoration: none !important;
}
.tabovi ul a:hover {
    background: none repeat scroll 0 0 #111111;
    color: #FFFFFF;
}
.tabovi ul a.selected {
    background: none repeat scroll 0 0 #adadad;
    border-bottom: 1px solid #adadad;
    color: #000000;
    cursor: default;
    margin-bottom: 0;
}
.tabovi div {
    background: none repeat scroll 0 0 #adadad;
    clear: left;
    padding: 10px 10px 8px;
	text-align:justify;
	font-style:italic;
}
.tabovi div a {
    color: #000000;
    font-weight: bold;
}
/* reference toggle*/
naslov1, naslov2, naslov3, naslov4, naslov5, 
naslov6, naslov7, naslov8, naslov9, naslov10, 
naslov11, naslov12, naslov13, naslov14, naslov15,
naslov16, naslov17, naslov18, naslov19, naslov20,
naslov21, naslov22, naslov23, naslov24, naslov25,
naslov26, naslov27, naslov28, naslov29, naslov30,
naslov31, naslov32, naslov33, naslov34, naslov35,
naslov36, naslov37, naslov38, naslov39, naslov40,
naslov41, naslov42, naslov43, naslov44, naslov45,
naslov46, naslov47, naslov48, naslov49, naslov50,
naslov51, naslov52, naslov53, naslov54, naslov55,
naslov56, naslov57 { cursor:pointer !important; font-style:normal !important;}
naslov1:hover, naslov2:hover, naslov3:hover, 
naslov4:hover, naslov5:hover, naslov6:hover, 
naslov7:hover, naslov8:hover, naslov9:hover, 
naslov10:hover, naslov11:hover, naslov12:hover, 
naslov13:hover, naslov14:hover, naslov15:hover,
naslov16:hover, naslov17:hover, naslov18:hover,
naslov19:hover, naslov20:hover, naslov21:hover,
naslov22:hover, naslov23:hover, naslov24:hover,
naslov25:hover, naslov26:hover, naslov27:hover,
naslov28:hover, naslov29:hover, naslov30:hover,
naslov31:hover, naslov32:hover, naslov33:hover,
naslov34:hover, naslov35:hover, naslov36:hover, 
naslov37:hover, naslov38:hover, naslov39:hover,
naslov40:hover, naslov41:hover, naslov42:hover,
naslov43:hover, naslov44:hover, naslov45:hover,
naslov46:hover, naslov47:hover, naslov48:hover, 
naslov49:hover, naslov50:hover, naslov51:hover,  
naslov52:hover, naslov53:hover, naslov54:hover,
naslov55:hover, naslov56:hover, naslov57:hover{ color:#CCCCCC;}

/*reference pozadina*/
#referencepirometrija { position:absolute; background-image:url(../Slike/manonfire.jpg); background-repeat:no-repeat; background-size:cover; right:0; width:34%; height:100%; z-index:0; }
#referenceenterijer{    position:absolute; background-image:url(../Slike/enterijer.jpg); background-repeat:no-repeat; background-size:cover; right:0; width:34%; height:100%; z-index:0; }
/*kontaktforma*/
.kontaktpodaci { min-width:200px; height:auto; background-color:#006600; margin-left:20px;}
a.kontaktlinkovi { font-size:12px; color:#6c0505; text-decoration:none; cursor:pointer;}
a.kontaktlinkovi:hover {color:#b50606; text-decoration:underline;}

/*kontakt for za kontakt stranicu*/
razmak { margin-left:20px;}
#kontaktforma { position:relative; float:left; width:53%; margin-left:25px; height:220px;}

#kontaktforma input{
	padding: 6px;
	border: solid 1px #333333;
	outline: 0;
	font: normal 13px Verdana, Tahoma, sans-serif;
	width:130px;
	background: #262626;
	box-shadow: rgba(3,3,3, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(3,3,3, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(3,3,3, 0.1) 0px 0px 8px;
	}
textarea {padding: 6px;
	border: solid 1px #333333;
	outline: 0;
	font: normal 13px Verdana, Tahoma, sans-serif;
	width:367px;
	color:#fff;
	background: #262626;
	box-shadow: rgba(3,3,3, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(3,3,3, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(3,3,3, 0.1) 0px 0px 8px;
	}


#kontaktforma input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #333333; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

#kontaktforma .form label { 
	margin-left: 10px; 
	color: #999999; 
	}


#kontaktforma .name, .email, .sbtn, .text, .tel{ position:absolute; font-family:Tahoma, Geneva, sans-serif; font-size:13px;}

input#name, input#email { color:#fff;}

#kontaktforma .sbtn { background-color:#cc0000; color:#FFF; width:145px; border-radius:3px; cursor:pointer;
		bottom:27px; left:0;}
#kontaktforma .sbtn:hover { color:#FFC9AE;}

#kontaktforma .text { top:65px; left:200px; }
#kontaktforma .email { top:102px; left:0px;}
#kontaktforma .name {top:52px; left:0;}
#kontaktforma .tel {top:152px; left:0px;}
#kontaktforma .error { list-style:none;  margin:0; padding:0; border:0;}
#kontaktforma .errorBlok { 
	color:#FFF;
	background-color:#cc0000;
    left:199px;
    padding: 4px;
	box-shadow:0px 3px 1px #c0c0c0;
    position: absolute;
    top: -3px;
    width: 366px;}
#kontaktforma .errorBlok li { color:#FFF; font-size: 12px;}

#sadrzajlevo{ width:53%; text-align:justify; float:left;}
#sadrzajdesno { width:40%; text-align:justify; float:left;}
/**/
/*galerija slika*/
#galerija img { padding-left:15px; padding-top:20px; float:left; border:none; width:190px;}
#galerija img:hover { opacity:0.5; filter:alpha(opacity=50);}

/*pritboks podešavanja*/
html body.pozadina div.pp_pic_holder div.pp_content_container div.pp_left div.pp_right div.pp_content div.pp_fade div.pp_details div.pp_social { display:none;}