/* juliana-nails.com - Dizajn */

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

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

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

p{
	margin-bottom: 5px;
}

#stranica_okvir{
	margin: 0px;
	width: 100%;
	background: transparent url('gwsm_images/gore_grafika.gif') no-repeat top center;
}

#stranica{
	margin: 0px auto;
	width: 960px;
	background: transparent url('gwsm_images/poz_stranica.gif') repeat-y top left;

}

#stranica #gore{
	width: 945px;
	height: 41px;
	line-height: 40px;
	vertical-align: middle;
	background: url('gwsm_images/gore.gif') no-repeat top left;
	text-align: right;
	padding-right: 15px;
	clear: both;
}

#stranica #header{
	width: 960px;
	height: 151px;
	background: url('gwsm_images/header.gif') no-repeat top left;
	clear: both;
}

#stranica #gore_prijelaz{
	width: 960px;
	height: 15px;
	background: url('gwsm_images/gore_prijelaz.gif') no-repeat top left;
	clear: both;
}

#stranica #sadrzaj{
	width: 960px;
	margin: 0px;
	margin-bottom: 30px;
}

#stranica #dole_prijelaz{
	width: 960px;
	height: 31px;
	background: url('gwsm_images/dole_prijelaz.gif') no-repeat top left;
	clear: both;
}

#stranica #sadrzaj #lijevo{
	width: 220px;
	margin: 0px;
	margin-left: 7px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	color: #000000;
	text-align: center;
}

html>body #stranica #sadrzaj #lijevo{
	margin-left: 15px;
}

#stranica #sadrzaj #desno{
	width: 680px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 30px;
	padding: 0px;
	float: left;
	color: #000000;
}

#stranica #sadrzaj #desno .puni{
	width: 100%;
	margin-bottom: 20px;
}

#stranica #sadrzaj #desno .dvaStupca{
	margin-bottom: 20px;
}

#stranica #sadrzaj #desno .dvaStupca .glavni{
	width: 400px;
	float: left;
}

#stranica #sadrzaj #desno .dvaStupca .side{
	width: 265px;
	margin-left: 15px;
	float: left;
	text-align: center;
}

#nadfooter{
	margin: 0px;
	width: 100%;
	border-top: 1px #CCCCCC solid;
	background: #ECECEC; 
}

#footer{
	width: 960px;
	height: 55px;
	margin: 0px auto;
	background: url('gwsm_images2/dole.jpg') no-repeat top left;
	clear: both;
	line-height: 55px;
	vertical-align: bottom;
	color: #000000;
	text-align: left;

}

#footer a{color: #0056a2;}
#footer a:hover{color: #CC0000;}

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

.okvir{
	padding: 10px;
}

.unos{
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-align: left;
	
}

.unos_uzi{
	width: 90%;
	margin-left: 5%;
	text-align: left;
	margin-bottom: 10px;
}

.unos ul{
	margin-bottom: 15px;
	border-top: #999999 1px dashed;
}

.unos ul li{
	display: block;
	border-bottom: #999999 1px dashed;
}

.unos ul li a{
	display: block;
	line-height: 22px;
	vertical-align: middle;
	font-weight: normal;
	color: #cc0000;
	padding-left: 10px;
}

.unos ul li a:hover{
	
	color: #0056a2;
	padding-left: 10px;
}

.naslov{
	display: block;
	padding: 5px 0px 5px 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	color: #0056a2;
}

.naslov a{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-size: 18px;
	font-weight: normal;
	color: #0056a2;
}

.naslov a:hover{
	color: #000033;
}

.mali{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	font-weight: normal;
}

.mali a{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #CC0000;
}

.thumb a span img{     
    margin: 20px 20px 20px 20px;
	border: #333399 4px solid;
}

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

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

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

.tekst .link_opsirnije{
	margin-top: 10px;
	display:block;
}

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

.banner{
	margin-bottom: 10px;
	
}

.galerija_index_link a{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	
}

.galerija_index_link img{
	float: left;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: #003366 1px solid;
	width: 150px;
	height: 113px;
	overflow: hidden;
	text-align: center;
}

.galerija_index_link .gallery img{
	float: left;
	padding: 5px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: #003366 1px solid;
	width: 150px;
	height: 113px;
	overflow: hidden;
	text-align: center;
}

/************************ 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:#171717;
	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{

}

/* * * * * * * * * * * * * * * * * *     DOLJE DODATNO     * * * * * * * * * * * * * * * * * * * * */

.dolje_dodatno{
	width: 100%;
	
}

.dolje_dodatno .tagovi{
	float: left;
	width: 0;
	line-height: 20px;
	margin-bottom: 15px;
	display: none;
}

.dolje_dodatno .komentari{
	float: left;
	width: 50%;
	line-height: 20px;
	margin-bottom: 15px;
}

/* * * * * * * * * * * * * * * * * *   K O M E N T A R I   * * * * * * * * * * * * * * * * * * * * */
.komentari_loader{
	display:none;
	text-align:center;
	clear:both;
	margin: 15px 1px 0px 1px;
	padding:5px;
	background:#EEE;
	color:#000;
}
.add_comment_form{
	text-align:left;
	clear:both;
	display:block;
	background:#EEE;
	margin: 15px 1px 0px 1px;
}
.add_comment_form .frow{
	clear:both;
	margin: 0px;
	padding: 5px 1px 8px 3px;
	padding-left: 100px; /*width of left column containing the label elements*/
}
.add_comment_form .brow{
	clear:both;
	margin: 0px;
	padding: 6px;
	text-align:center;
}
.add_comment_form .frow label{
	font-weight: normal;
	float: left;
	margin-left: -90px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	margin-top:3px;
}
.add_comment_form input,.add_comment_form textarea{
	padding:2px;
	color:#000;
	border:1px #999999 solid; 
	background:#EEE;
}
.add_comment_form .frow input{ /*width of text boxes. IE6 does not understand this attribute*/
	width:270px;
}
.add_comment_form textarea{
	width: 250px;
	height: 100px;
}
.komentari .sysmsg{
	clear:both;
	margin: 15px 1px 10px 1px;
	padding: 4px 6px;
	text-align:center;
	background:#eee;
	border:1px #999999 dashed;
	color:#000;
}
.komentar_row{
	text-align:left;
	clear:both;
	margin: 15px 1px 10px 1px;
	padding: 2px 6px;
	background:#EEE;
	border:1px #999 dashed;
	color:#000;
}
.komentar_row span{
	display:block;
	font-size:10px;
}
.komentar_row .ime_kontakt{
	float:left;
	margin: 1px 5px;
	font-weight:bold;
}
.komentar_row .timestamp{
	float:right;
	margin: 1px 10px;
	font-weight:bold;
}
.komentar_row .komentar{
	border-top:1px #999 dashed;
	display:block;
	padding:2px 5px;
	margin:15px 5px 10px 5px;
	clear:both;
}

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

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */