@charset "utf-8";
/* CSS Document */
/* juliana-nails.com - Dizajn */

body{
	margin: 0px;
	background: #000000 url('gwsm_images/pozadina.gif') no-repeat top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a{
	font-weight: normal;
	text-decoration: none;
	color:#FFF;
}

a:hover{
	font-weight: normal;
	text-decoration: none;
	color: #CCC;
}

p{
	margin-bottom: 5px;
}

#stranica_okvir{
	margin: 0px;
	width: 100%;
}

#stranica{
	margin: 0px auto;
	width: 993px;
	background: #FFFFFF;

}

#stranica #header{
	position:relative;
	width: 993px;
	height: 89px;
	background: url('gwsm_images/header.jpg') no-repeat top left;
	clear: both;
}

#stranica #header #banner_top{
	position:absolute;
	float:left;
	z-index:1;
	left:260px;
	top:-1px;
}

#stranica #header .login{
	height: 79px;
	width: 235px;
	overflow: hidden;
	margin-left: 295px;
	margin-top: 4px;
	float: left;
}

html>body #stranica #header .login{
	margin-left: 595px;
}

#stranica #header .login .left{
	line-height: 27px;
	height: 76px;
	width: 100px;
	overflow: hidden;
	float: left;
}

#stranica #header .login .left a{
	color: #666666;
	font-weight: bold;
}

#stranica #header .login .left a:hover{
	color: #CC0000;
	font-weight: bold;
}

#stranica #header .login .right{
	line-height: 25px;
	height: 85px;
	width: 135px;
	overflow: hidden;
	float: left;
	margin-left: 0px;
}

#stranica #header .login .right .input_userpass{
	border: #999999 1px solid;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	width: 106px;
}

#stranica #header .kosarica{
	height: 79px;
	width: 79px;
	overflow: hidden;
	margin-right: 0px;
	padding-right:10px;
	margin-top: 7px;
	float: right;
	line-height: 17px;
}

#stranica #header .kosarica a{
	color: #666666;
	text-decoration: underline;
}

#stranica #header .kosarica a:hover{
	color: #CC0000;
	text-decoration: underline;
}

#stranica #header .button_sign_up{
	width: 55px;
	height: 21px;
	background:url(gwsm_images/button_sign_up.gif) no-repeat top left;
	border: 0;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

#stranica #header .button_login{
	width: 55px;
	height: 21px;
	background:url(gwsm_images/button_login.gif) no-repeat top left;
	border: 0;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

#stranica #header .kosarica .button_checkout{
	width: 77px;
	height: 21px;
	background:url(gwsm_images/button_checkout.gif) no-repeat top left;
	border: 0;
	margin: 0px;
	padding: 0px;
}

#stranica #mrvice{
	width: 993px;
	height: 48px;
	background: url('gwsm_images/mrvice.jpg') no-repeat top left;
	clear: both;
}

#stranica #mrvice #pozicija{
	line-height: 20px;
	vertical-align: middle;
	margin-left: 284px;
	padding-top: 13px;
	width: 600px;
	overflow: hidden;
	color: #CC0000;
}

#stranica #mrvice #pozicija a{
	color: #FFF;
}

#stranica #mrvice #pozicija a:hover{
	color: #CCCCCC;
}

#stranica #main{
	width: 993px;
	
}

#stranica #main #side{
	float: left;
	width: 260px;
	border-right: #CCCCCC dashed 1px;
}
#stranica #main #side a{
	color:#000;
}

#stranica #main #side .side_okvir{
	margin: 10px;
	padding: 0;
	width:245px;	
}

#stranica #main #side .side_okvir .grupe_izbornik a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:12px;
	font-weight:bold;
}

#stranica #main #side .side_okvir .search_web_shop{
	border: #999999 1px solid;
	line-height: 20px;
	width: 160px;
	
}

#stranica #main #side .side_okvir .button_search{
	width: 55px;
	height: 21px;
	background:url(gwsm_images/button_go.gif) no-repeat top left;
	border: 0;
}

#stranica #main #side .side_okvir input{
	margin-left: 0px;
	padding-left: 0px;
}

#stranica #main #sadrzaj{
	float: left;
	width: 690px;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#stranica #main #sadrzaj .info{
	line-height: 25px;
}

#stranica #main #sadrzaj .info a{
	text-decoration: underline;
	color: #000000;
}

#stranica #main #sadrzaj .info a:hover{
	color: #666666;
}

#stranica #main #sadrzaj .boxTitle{
	line-height: 25px;
	background: url(gwsm_images/boxTitle.gif) no-repeat top left;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin-top: 20px;
}

#stranica #main #sadrzaj .box{
	border: #000000 1px solid;
	padding: 10px; 
}

#stranica #main #sadrzaj .box .boxRed{
	width: 100%;
	border-bottom: #999999 1px solid;
	line-height: 25px;
	color: #000000;
}


#stranica #footer{
	width: 993px;
	height: 30px;
	clear: both;
	line-height: 30px;
	vertical-align: middle;
	color: #666666;
	text-align: center;
	border-top: #CCCCCC dashed 1px;
	margin-top: 15px;
}

#footer a{color: #990000}
#footer a:hover{color: #000000;}

/************************tekstovi****************************************/

.naslov{
	display: block;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 10px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
	background-color:#000000;
}

.mali{
	font-size: 20px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 0px;
}

.tekst{
	text-align: justify;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 20px;
}

.tekst p{
	margin-bottom: 10px;
}


.tekst a{
	color:#C00000;
}


.tekst img{
	float: left;
	padding: 2px;
	margin: 0px 5px 5px 0px;
	border: #666666 1px solid;
}

ul.list{
	padding-left:30px;
	list-style-type:disc;
}
ul.list li{
	line-height:1.5em;
}

.banner{
	margin-bottom: 10px;
	border-top: #990000 1px solid;
	border-bottom: #990000 1px solid;
}

.thumb a span img{     
    margin: 20px 20px 20px 20px;
	border: #FFFFFF 1px solid;
}


/************************ FORMS ****************************************/
.cForm{
	font-size:12px;
}
.cForm fieldset{
	border:1px #8B120A solid;
	padding:10px;
	margin-bottom:20px;
}
.cForm legend{
	padding:3px 6px;
}
.cForm p{
	
}
.cForm p input,.cForm p select,.cForm p textarea{
	margin-left:130px;
	background:#000;
	border:1px #8B120A dashed;
	padding:3px;
	color:#FFF;
	width:350px;
}
.cForm p input.radio{
	width:auto;
}
.cForm p input.child,.cForm p select.child,.cForm p textarea.child{
	margin-left:20px;
}
.cForm p label{
	position:absolute;
	width:120px;
	padding:3px;
}
.cForm p span{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.cForm p.hightlight label{
	text-decoration:underline;
}
.cForm p.submitHolder{
	text-align:center;
}
.cForm p.submitHolder input{
	margin-left:0px;
	border:1px #FFF solid;
	padding:4px 8px;
	width:auto;
}
p.notice{
	font-size:12px;
	text-align:center;
	margin:5px 0px;
	border:1px #FFF solid;
	padding:20px;
	color:#FFF;
	text-decoration:underline;
}
p.error{
	font-size:12px;
	text-align:center;
	margin:5px 0px;
	border:1px #8B120A solid;
	padding:20px;
	color:#FFF;
	text-decoration:underline;
}
/************************sitemap****************************************/
.sitemap ul{
	list-style-type:disc;
	padding-left:30px;
}
.sitemap li{
	margin:5px;
}
.sitemap_dir li, .sitemap_subdir li{
	margin-bottom:10px;
}
.sitemap_sadrzaj li{

}
.sitemap_dir{
	padding:0px;
}
.sitemap_subdir{
	list-style-type:circle;
}
.sitemap_dir_opis{
	margin-left:10px;
}
.sitemap .sitemap_dir a, .sitemap .sitemap_subdir a{
	margin:5px;
	padding:2px;
	line-height:20px;
}
ul.sitemap_sadrzaj{
	list-style-type:square;
}
.sitemap .sitemap_sadrzaj a{

}

/***************** HORUS CMS ***********************/
/***************************************************/

/****************** REGISTRACIJA *******************/
#registracija{
	margin-top:20px;
	margin-botom:20px;
}
#registracija .polje{
	float:left;
	width:100%;
	margin-bottom:5px;
}

#registracija .polje_validator{
	float:left;
	width:100%;
	height:48px;
}

#registracija .naziv_polja{
	float:left;
	display:block;
	width:270px;
	margin-right:10px;
	text-align:right;
}

#registracija .input_polje input{
	float:left;
	display:block;
	width:160px;
	border:1px solid #000000;
}

#registracija .obavijest{
	border:1px solid #FF0000;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	margin-bottom:5px;
	color:#FF0000;
}

#registracija .submit{
	float:left;
	display:block;
	width:80px;
	border:1px solid #AAA;
	height:30px;
	color:#FFFFFF;
	background-color:#000000;
}

/**************** PROFIL KORISNIKA *******************/
#profil{
	margin-top:20px;
	margin-botom:20px;
}
#profil .polje{
	float:left;
	width:100%;
	height:24px;
}

#profil .naziv_polja{
	float:left;
	display:block;
	width:270px;
	margin-right:10px;
	text-align:right;
}

#profil .input_polje input{
	float:left;
	display:block;
	width:160px;
	border:1px solid #000000;
}

#profil .obavijest{
	border:1px solid #FF0000;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	margin-bottom:5px;
	color:#FF0000;
}

#profil .submit{
	width:80px;
	border:1px solid #AAA;
	height:30px;
	color:#FFFFFF;
	background-color:#000000;
}

/****************** LOGIN STRANICA *******************/
#login_stranica input{
	display:block;
	width:140px;
	border:1px solid #000000;
}

#login_stranica .login_gumb{
	width:70px;
	border:1px solid #AAA;
	color:#FFFFFF;
	background-color:#000000;
}

#login_stranica .obavijest{
	border:1px solid #FF0000;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	margin-bottom:5px;
	color:#FF0000;
}

/****************** KOSARICA ******************/


/************* GRUPE PROIZVODA ****************/
#grupe_proizvoda{
	margin-top:10px;
	margin-bottom:10px;
}

#grupe_proizvoda .kategorije_path{
	color:#000000;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
}

#grupe_proizvoda .grupa{
	float:left;
	width:230px;
	height:230px;
}

#grupe_proizvoda .grupa .slika_okvir{
	float:left;
	width:228px;
}
#grupe_proizvoda .grupa .slika_okvir img{
	float:left;
	border:none;
}

#grupe_proizvoda .grupa .naziv{
	float:left;
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#grupe_proizvoda .grupa .naziv a{
	color:#666666;
	font-weight:bold;
}

#grupe_proizvoda .grupa .naziv a:hover{
	color:#C00000;
}

/* proizvodi */
#grupe_proizvoda #proizvodi{
	float:left;
	width:690px;
	border-top:1px dashed #999999;
}

#grupe_proizvoda #proizvodi .sortiraj{
	float:left;
	display:block;
	width:100%;
	text-align:right;
}

#grupe_proizvoda #proizvodi .broj_stranica{
	float:left;
	display:block;
	width:100%;
}

#grupe_proizvoda #proizvodi .proizvod{
	float:left;
	display:block;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #999999;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_lijevo{
	float:left;
	line-height:24px;
}
#grupe_proizvoda #proizvodi .proizvod .proizvod_lijevo a{
	font-size:11px;
	font-weight:bold;
	color:#999999;
	text-decoration:underline;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_lijevo .proizvod_info{
	clear:both;
	background-image:url(gwsm_images/info.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:30px;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_lijevo .proizvod_favorites{
	clear:both;
	background-image:url(gwsm_images/favorites.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:30px;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_lijevo img{
	border:none;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_lijevo .slika_okvir{
	float:left;
	display:block;
	width:202px;
}


#grupe_proizvoda #proizvodi .proizvod .proizvod_desno{
	float:left;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_desno .opis_proizvoda{
	float:left;
	width:480px;
	color:#666666;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_desno .opis_proizvoda .naslov_proizvoda{
	font-size:16px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:25px;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_desno .opis_proizvoda .naslov_proizvoda a{
	font-size:16px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_desno .opis_proizvoda .cijena_proizvoda{
	color:#C00000;
	font-size:16px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:30px;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_desno .opis_proizvoda .dodaj_u_kosaricu{
	font-size:11px;
	font-weight:bold;
	color:#999999;
	margin-bottom:20px;
}

#grupe_proizvoda #proizvodi .proizvod .proizvod_desno .opis_proizvoda .dodaj_u_kosaricu a{
	font-size:11px;
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}

#grupe_proizvoda #proizvodi .proizvod_desno .naslov a{
	color:#C00000;
}

#grupe_proizvoda .obavijest{
	border:1px solid #FF0000;
	text-align:center;
	line-height:34px;
	font-weight:bold;
	margin-bottom:5px;
	color:#FF0000;
}

#grupe_proizvoda .ppreview_link{
	background-image:url(gwsm_images/printer.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border:1px solid #BBB;	
	padding-left:40px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;	
	float:right;
	text-align:left;
}

/******************* KOŠARICA ********************/
#kosarica .textarea{
	width:100%;
	height:80px;
	border:1px solid #999999;
}

/******************* NARUDŽBA *******************/
#narudzba{
	width:100%;
	margin:0px;
	float:left;
	color:#000000;
}

#narudzba .logo{
	width:100%;;
	height:20px;
	padding-top:80px;
	border:none;
	background-image:url(gwsm_images/mail_logo.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
	background-color:#333333;
	text-align:center;
	color:#CCCCCC;
}

#narudzba .narudzba_naslov{
	width:100%;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:44px;
	text-decoration:underline;
}

#narudzba .narudzba_header{
	float:left;
	width:100%;
	qborder: 1px solid;
	padding-bottom:20px;
}

#narudzba .narudzba_header .podaci_o_korisniku{
	float:left;
	width:300px;
	height:150px;
	padding:5px;
	border:1px solid #000000;
	font-weight:bold;
}

#narudzba .narudzba_header .salji_na_adresu{
	float:right;
	width:300px;
	height:100px;
	padding:5px;
	border:1px solid #000000;
	font-weight:bold;
}

#narudzba .narudzba_header .datum{
	float:right;
	width:200px;
	margin-top:20px;
	text-align:right;
	font-weight:bold;
}

#narudzba .narudzba_body{
	float:left;
	width:100%;
}

#narudzba .narudzba_body .tablica table{
	background-color:#FFF;
}

#narudzba .narudzba_body .tablica thead{
	border:1px solid #000;
	vertical-align:bottom;
	font-weight:bold;
}

#narudzba .narudzba_body .tablica tbody{
	border:1px solid #000;
}

#narudzba .narudzba_body .tablica td{
	border:1px solid #000;
	padding:2px;
}

#akcije_naslovna{
	float:left;
	width:670px;
	border:1px dashed;
	padding:5px;
}
#akcije_naslovna .akcija_okvir{
	float:left;
	width:210px;
	margin-left:5px;
	margin-right:5px;
}
#akcije_naslovna .akcija_okvir .slika_okvir{
	float:left;
	clear:both;
	width:152px;
}
#stranica #main #sadrzaj .akcija_okvir .slika_okvir img{
	border:0px;
}
#akcije_naslovna .akcija_okvir .naziv_proizvoda{
	text-align:left;
	clear:both;
	padding-right:5px;
}
#akcije_naslovna .akcija_okvir .naziv_proizvoda a{
	line-height:16px;
	font-weight:bold;
}
#akcije_naslovna .akcija_okvir .cijena_na_akciji{
	color:#C00000;
	font-weight:bold;
	font-size:18px;
	margin:0px;
	clear:both;
}

/*************************************************/


/****************** CLEARFIX *********************/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {*display: inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */