/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 7, 2011 */



a {

	outline: none;

	text-decoration: none;

	color: #706f6e;

}



a:hover {

	color: #bdbdbd;

}





body {

	background: #000000 url(../../images/esk-bg.jpg) repeat;

	background-position:top;

	font-family: Arial;

	font-size: 11px;

	line-height:24px;

	color: #636365;

	margin: 0;

	padding: 0;

}



#pozadina1

{background: url(../../images/bg8.png) no-repeat;

background-position:top;

	margin: 0;

	padding: 0;

}



#top

{

width: 1000px;

float:left;}



#center {

	width: 1000px;

	margin: 0 auto;

	padding: 0;

	clear: both;

}



#footer

{clear:both;}





#logo

{background: url(../../images/esk-logo.png) no-repeat;

width:185px;

margin-top:30px;

height:56px;

margin-bottom:30px;

float:left;}



#logo a

{

width:185px;

height:56px;

float:left;}



#croatia

{background: url(../../images/croatia-atest.png) no-repeat;

width:709px;

height:57px;

margin-top:25px;

margin-left:105px;

float:left;}



#main

{/*background: url(../../images/bg7.jpg) no-repeat;*/

width:1000px;

border-right:1px solid #fff;

border-left:1px solid #fff;

height:621px;

float:left;}



.pozadina-main

{background: url(../../images/bg7.jpg) no-repeat;

width:1000px;

border-right:1px solid #fff;

border-left:1px solid #fff;

height:621px;

float:left;}



.pozadina-zastita-na-radu

{background: url(../../images/zastita-na-radu.jpg) no-repeat;

width:1000px;

border-right:1px solid #fff;

border-left:1px solid #fff;

height:621px;

float:left;}



.pozadina-zastita-od-pozara

{background: url(../../images/zastita-od-pozara.jpg) no-repeat;

width:1000px;

border-right:1px solid #fff;

border-left:1px solid #fff;

height:621px;

float:left;}



.pozadina-projektiranje

{background: url(../../images/projektiranje.jpg) no-repeat;

width:1000px;

border-right:1px solid #fff;

border-left:1px solid #fff;

height:621px;

float:left;}



.pozadina-usluge

{background: url(../../images/usluge-koordinatora.jpg) no-repeat;

width:1000px;

border-right:1px solid #fff;

border-left:1px solid #fff;

height:621px;

float:left;}



#cont

{background: url(../../images/box2.png) no-repeat;

width:1000px;

margin-top: 89px;

height:531px;

float:left;}



#left

{width:605px;

color:#fff;

margin-left:25px;

margin-top:52px;

float:left;}



#left-txt

{float:left;

margin-left:41px;

padding-right:15px;

width:540px;

height:397px;

overflow: auto;}





#right h1

{text-align:right;

text-shadow: 1px 1px 1px #000;

font-size:19px;

clear:left;

margin-top:15px;

margin-bottom:10px;}



#left h1

{text-shadow: 1px 1px 1px #000;

margin-bottom:15px;

font-size:19px;

margin-top:10px;}







#right

{width:255px;

color:#fff;

margin-left:90px;

margin-top:170px;

float:left;}



#right-txt

{

    float: left;

    height: 270px;

    line-height: 16px;

    margin-top: 5px;

    overflow: hidden;

    padding-right: 5px;

}

#right-txt ul
{margin-top:0px;
padding-top:0px;}

#right-txt p
{margin-bottom:0px;
padding-bottom:0px;}

#linkovi

{background: url(../../images/topnav-bg.jpg) repeat-x;

width:1000px;

height:51px;

margin-bottom:17px;

float:left;}



.link1 

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link1 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:98px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link1 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}



.slc

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}



.link2

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link2 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:95px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link2 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}







.link3

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link3 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:137px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link3 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}





.link4

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link4 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:156px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link4 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}







.link5

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link5 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:129px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link5 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}





.link6

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link6 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:285px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link6 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;},





.link7

{float:left;

color:#fff;

background: url(../../images/topnav-sep.jpg) no-repeat;

background-position:right;

font-size:15px;

text-transform:uppercase;}



.link7 a

{float:left;

color:#fff;

margin-top:1px;

margin-left:1px;

font-size:12px;

width:92px;

font-weight:bold;

padding-top:14px;

height:35px;

text-align:center;

text-transform:uppercase;}



.link7 a:hover

{float:left;

color:#fff;

background:#e50600;

font-size:12px;

text-transform:uppercase;}



/** FOOTER */





#footer_right {

	float: right;

	width: 245px;

	margin-top:18px;

	margin-bottom:20px;

}



#footer

{color:#fff;

width:1000px;

height:50px;

clear:both;}



.footer-opis

{text-align:right;

margin-top:14px;

margin-left:20px;

color:#676767;

float:left;}





#footer_virtus_1 a {

	display: block;

	float: left;

	width: 96px; text-indent: -9999px;

	height: 23px;

	background: url(../../images/virtus.png) no-repeat;

}







#footer_virtus_2 a {

	display: block;

	float: left;

	width: 126px; text-indent: -9999px;

	height: 23px;

	background: url(../../images/dizajn.png) no-repeat;

}







/********************************************************************** KONTAKT *************************************************************************************/







.kontakt_forma

{width:330px;

margin-top:10px;

float:left;}



.kontakt_forma label

{width:100px;

font-size:11px;

float:left;

}

.polje

{width:220px;

float:left;}



.kontakt_forma span input

{

font-family: Arial;

font-size:12px;

background:#000000;border:1px solid #2c2c2c;

color: #989898;

padding:5px;

margin-top:5px;

width:190px;margin-right:10px;

float:left;

font-size:11px;



}







.pregrada

{float:left;margin-bottom:5px;padding-bottom:3px;

 width: 430px;

}



#poruka

{float:left;

width:180px;

height:120px;

padding:10px; background:#000000;  border: 1px solid #2C2C2C;

margin-right:10px;

color: #989898;

font-family: Arial;

font-size:11px;

}



.button_kont

{float:left;

padding-top:4px;

padding-bottom:5px;

margin-bottom:10px;

margin-top:4px;

background: #c32228;

width:89px;

font-family:Arial, Helvetica, sans-serif;

color: #fff;

font-weight:bold;

font-size:11px;

margin-left:100px;

height:25px;

border:none;

cursor:pointer;}





.kontakt_forma input.txt_error {

border: 2px solid #b40607;

}





.kontakt_forma #poruka.txt_error {

border: 2px solid #b40607;

}



.kontakt-podaci

{

float:left;

padding-left:10px;

width:180px;}





#mycustomscroll, .text

{height:380px;

margin-top:8px;}





.crni-txt

{color:#000;}





#left ul

{



list-style:disc;

list-style-position:outside;}





#left ul li

{



list-style:disc;

list-style-position:outside;}



.zastita li

{padding-bottom:0px;

margin-bottom:0px;

line-height:15px;}



.footer-logo

/*{background: url(../../images/logo-footer.jpg) no-repeat;*/

width:48px;

height:46px;

margin-left:10px;

margin-right:15px;

margin-top:2px;

float:right;}





#left ul li {

    line-height: 16px;

    list-style: disc outside none;

}

.cookie-container {
  background: rgba(0,0,0,0.8);
  bottom: 0;
  display: block;
  padding: 10px 0 0 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
}
.cookie-container .center {
  padding: 10px 20px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.cookie-container .center span {
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
}
.cookie-container .center p {
  display: inline;
  color: #fff;
  font-size:14px;
  line-height: 20px;
}
.cookie-container .center a {
  color: #e50600;
  text-decoration: underline;
  transition: all 0.6s ease;
  font-size:14px;
  line-height: 20px;
}
@media (min-width:600px) {
  .cookie-container .center a {float: none;width: auto;}
}