/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	background-color: #eeeeee;

	margin: 0px;
	padding: 0px;
}
#contain{ margin: 0px auto; width: 700px; text-align: center; font-size: 10px; }
#stabilize{ margin: 17px auto 17px auto; width: 700px; text-align: left; }

/******* hyperlink and anchor tag styles *******/

a{
	font-size: 9px;
	text-decoration: none;
	color: #a70404;
}
a:hover{
	text-decoration: underline;
}
.helpLink{
	color: #a70404;
}
#utility{
	float: right;
	font-size: 9px;
	color: #c4c4c7;
	cursor: default;
}
#utility a{
	color: #c4c4c7;
}
#utility  span.crveno a:link{ color: #a70404; }
#utility  span.crveno a:hover{ text-decoration: underline; }
#utility a:hover{
	color: #777777;
	text-decoration: none;
}

/*************** naslovi ***************/

h1{ margin: 3px 0 4px 0; padding: 7px 0 7px 7px; border-bottom: 1px solid #e4e4e7; font-size: 12px; background-image: url(images/okvir_pozadina.png); background-repeat: repeat-x; border: 1px solid #e4e4e7; position: relative; text-transform: capitalize; }
.sys h1{ margin-top: 0; }
h2{ margin: 3px 0 4px 0; font-size: 10px; color: #a70404; }
h3{ margin: 10px 0 4px 0; font-size: 10px; color: #777777; }
h4{
	color: #A90303;
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 9px;
	background: url(images/strelica_naslov.png) no-repeat right;
}
h4 a{ padding-left: 7px; }
h5{ margin: 10px 0 0 0; font-size: 11px; color: #a70404; padding: 3px 0 4px 70px; border-bottom: 1px solid #e4e4e7; }

p{ margin: 7px 0; }

/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

ol li{ margin-bottom: 17px; text-indent: 10px; text-align: justify; padding-right: 17px; }
ul.cijenik{ margin: 7px 0; padding: 0; list-style-type: disc; }
ul.cijenik li{ margin: 3px 47px; }
/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 color: #334d55;
}
				
input, textarea{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; letter-spacing: 0.01em; border: 1px solid #e4e4e7;
	margin: 2px 0; padding: 2px; color: #7a4444;
}
.dropStyle{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; border: 2px solid #e4e4e7;
	margin: 2px 0; padding: 1px; color: #7a4444;
	background-color: #ffffff;
}
.jump{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; border: 1px solid #e4e4e7;
	padding: 2px 0; color: #7a4444;
	background-color: #ffffff;
}
#pageNav{
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}


/************* globalNav styles ****************/

#globalNav{
	position: relative;
	width: 100%;
	min-width: 700px;
	height: 33px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	cursor: default;
	background-image:  url("images/menu_srednji.png");
}

#globalNav img{
	margin-bottom: -4px;
 
}
#globalNav2{
	padding: 0px;
	cursor: default;
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}
#globalLink{
	position: absolute;
	top: 10px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}
#globalLink2{
	padding: 0px;
	margin: 2px 0;
	float: right;
}
#globalLink2 a{ 
	color: #a70404;
	font-size: 11px;
	text-decoration: none;
	padding: 7px 10px 7px 5px;
	margin-left: 2px;
}
#globalLink2 a:hover{ text-decoration: underline; }

a.glink, a.glink:visited{
  	color: #c4c4c7;
	font-size: 11px;
	margin: 0px;
	padding: 7px 10px 7px 5px;
	background-image: url(images/menu_razmak.png);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
}
a.glink1, a.glink1:visited, a.glink2, a.glink2:visited{
  	color: #c4c4c7;
	font-size: 11px;
	margin: -20px 7px 0 0;
	padding: 7px;
	position: relative;
	float: right;
}
a.glink1, a.glink1:visited, a.glink2, a.glink2:visited{
	background-image: url(images/menu_razmak.png);
	background-repeat: no-repeat;
	background-position: left;
}
a.glink2 img, a.glink1 img,a.glink img{ position: absolute; top: -1px; visibility: hidden; }
a.glink2:hover img, a.glink1:hover img, a.glink:hover img{ visibility: visible; }

img.slika1{ left: 17px; }
img.slika2{ left: 21px; }
img.slika3{ left: 21px; }
img.slika4{ left: 21px; }
img.slika5{ left: 27px; }
img.slika6{ left: 34px; }
img.slika7{ left: 24px; }
img.slika8{ left: 50%; }

a.glink2:hover, a.glink1:hover, a.glink:hover{
	text-decoration: none;
	color: #ffffff;
}


/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	font-size: 9px;
	top: 87px;
	/*width: 100%;*/
	cursor: default;
	height: 17px;
	padding: 0px 0px 0px 10px;
	color: #a4a4a7;
	text-transform: none;
}
.highscore{
	text-transform: none;
}
.nevidljiv{
	visibility: hidden;
}
.subglobalNav a:link, .subglobalNav a:visited {
	color: #a4a4a7;
}

.subglobalNav a:hover{
	color: #777777;
	text-decoration: none;
	border-bottom: 1px solid #777777;
}
#subglobal3{ margin-left: 47px; }
#subglobal4{ margin-left: 77px; }
#subglobal5{ margin-left: 127px; }
#subglobal6{ margin-left: 247px; }
#subglobal7{ margin-left: 327px; }


/************ sadrzaj **************/

#sadrzaj{
	background-image: url(images/rub_gore.png);
	background-repeat: repeat-x;
	background-color: #ffffff;
	margin-top: 21px;
}
#sadrzaj2{
	background-image: url(images/rub_dolje.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#sadrzaj3{
	background-image: url(images/rub_lijevo.png);
	background-repeat: repeat-y;
}
#sadrzaj4{
	background-image: url(images/rub_desni.png);
	background-position: right;
	background-repeat: repeat-y;
	width: 700px;
	position: relative;
	padding-bottom: 7px;
}
#gore_desno{
	position: absolute;
	right: 0; top: 0;
}
#dolje_desno{
	position: absolute;
	right: 0; bottom: 0;
}
#dolje_lijevo{
	position: absolute;
	left: 0; bottom: 0;
}
#kopirajt{ font-size: 9px; color: #d4d4d7; width:747; }
#sadrzi{ padding: 0 6px; }
#lijevi_stupac{ float: left; width: 508px; }
#lijevi_stupac_paket{ float: left; }
#desni_stupac{ float: right; width: 170px; margin-right: 2px; }
.clear{ clear: both; }
.okvir{ background-image: url(images/okvir_pozadina.png); background-repeat: repeat-x; border: 1px solid #e4e4e7; font-size: 9px; margin-top: 3px; }
.okvir2{ border: 1px solid #ffffff; padding: 4px; }

.profil{ background-color: #ffffff; }
.quick{ border: 1px solid #ffffff; padding: 27px; text-align: center; }
.quick2{ width: 300px; text-align: left; margin: 0 auto; }
.search{ background-image: url(images/okvir_pozadina.png); background-repeat: repeat-x; border: 1px solid #e4e4e7; margin-top: 3px; }

.stupacpocetna{ width: 165px; float: left; margin: 4px 4px 0 0; padding: 0; }
.stupacpocetna2{ width: 164px; float: left; margin: 4px 0 0 0; padding: 0; }
.stupacpocetna a, .stupacpocetna2 a, .portal a{ margin: -3px 4px 3px -4px; }
.web1{ width: 165px; float: left; margin: 4px 4px 0 0; padding: 0; }
.web2{ width: 164px; float: left; margin: 4px 0 0 0; padding: 0; }

.paketi{ padding: 17px 7px 7px 17px; }
.paketokvir1{ width: 164px; float: left; margin: 0 3px 0 0; padding: 0; }
.paketokvir{ width: 335px; float: right; margin: 0 0px 0 0; padding: 0; }

form.pretragadomena{ margin: 0; padding: 0; width: 30px; }
form.pretragadomena input.domena{ float: left; }

.kontaktforma{ float: left; width: 177px; margin-right: 4px; color: #777777; }
.kontaktforma input, .kontaktforma textarea{ color: #474747; margin: 1px 0 7px 0; }
.kontaktforma select{ font-size; 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #777777; border: 1px solid #e4e4e7; margin: 2px 0 5px 0; }
input.send-btn { width: 56px; height: 21px; background: #777777 url(images/dugme.png) no-repeat; outline: none; color: #cccccc; border: 0; padding: 0 0 3px 0; cursor: pointer; }
input.send-btn:hover { color: #ffffff; }
input.send-btn2 { width: 117px; height: 21px; background: #777777 url(images/dugme2.png) no-repeat; outline: none; color: #cccccc; border: 0; padding: 0 0 3px 0; cursor: pointer; }
input.send-btn2:hover { color: #ffffff; }
a.stakleni_link{ width: 56px; background: #a70404 url(images/dugme.png) no-repeat; color: #c4c4c7; border: 0; padding: 4px 0; display: block; text-align: center; float: left;	 }
a.stakleni_link:hover{ color: #ffffff; text-decoration: none;  }
a.desno{ float: right; }

.usporedba{ margin-left: 3px; margin-bottom: 27px; }
.osobine{ width: 19%; float: left; }
.osobine p, .paket p, .reseller p{ margin: 0; padding: 4px 0 3px 0; border-bottom: 1px solid #e4e4e7; text-align: center; }
.paket a, .reseller a{ position: absolute; bottom: -27px; left: 27%; }
.paket{ width: 133px; margin-left: 2px; float: left; position: relative; }
.reseller{ width: 179px; margin-left: 2px; float: left; position: relative; }

.provjeradomene{ text-align: center; padding-top: 17px; }
.provjeradomene2{ text-align: center; margin-top: 47px; padding-left: 227px; }
.provjeradomene2 form  span { display: block; float: left; width: 31px;  }
.provjeradomene2 input.domena{ display: block; }

#dodjitenama{ float: right; margin: 43px 10px 4px 0; cursor: default; }
#dodjitenama a{ color: #a4a4a7; }
#dodjitenama a:hover{ color: #a70404; text-decoration: none; }


.zavrsno{ text-align: left; padding: 7px; }
.dodatne{ text-align: left; padding: 27px; }
.dodatne p{ margin: 0 0 4px 0; width: 447px; border-bottom: 1px solid #e4e4e7; padding-bottom: 3px; }
.dodatne p span{ float: right; margin-top: -12px; color: #a70404; }
.uvjetiposlovanja{ text-align: left; padding: 17px; }
.mali{ }
.mali2{ border: 1px solid #ffffff; }
.summary{ width: 270px; float: left; }
.registration{ width: 370px; float: right; }
.registration2{ width: 410px; float: right; }


.domena{ margi-left: 7px; border-left: 3px solid #ffffff; }

.osobni1{ text-align: center; float: left; width: 247px; }
.osobni2{ text-align: center; float: right; width: 300px; }

.web{ padding: 17px; }
.portal{ width: 164px; float: left; margin: 0 3px 0 0; padding: 0; }

marquee {
	font-size: 110%;
	line-height: 140%;
	width: 160px;
}