body

{

background-color:#FFFFFF;

font-family:Arial, Helvetica, sans-serif;

padding:0;

font-size:12px;

margin:0px auto auto auto;

color:#000000;

}

a{

color:#f8981d;

}

.clear{

clear:both;

}

p{

padding:5px 0 5px 0;

margin:0px;

text-align:justify;

line-height:19px;

}

p.details{

padding:5px 15px 5px 15px;

font-size:13px;

}

p.details_cart{

clear:both;

padding:25px 30px 5px 0px;

font-size:11px;

font-style:italic;

}

p.more_details{

padding:25px 20px 0px 20px;

font-size:11px;



}

#wrap{

width:900px;

height: auto;

margin:auto;

background-color:#FFFFFF;

}

.header{

width:900px;

height:181px;

background:url(images/header.jpg) no-repeat ;

}

.logo{

padding:30px 0 0 50px;

}

/*-----------------------------menu-------------------*/

#menu{

position: absolute;

width:628px;

height:30px;

float:right;

padding: 0px 0px 0 10px;

margin-left: 280px;

top: 128px;

}

#menu ul{



display:block;

list-style:none;

padding:5px 0 0 20px;

margin:0px;



}

#menu ul li{

display:inline;

padding:0px;

margin:0px;

height:20px;

}

#menu ul li a{



background:url(images/sapa.gif) no-repeat left;

height:27px;

display:block;

padding:0px 5px 0 25px;

margin:0 4px 0 0px;

float:left;

text-decoration:none;

text-align:left;

color:#7fc0e0;

font-size:19px;

line-height:25px;

}

#menu ul li.selected a{

height:27px;

display:block;

padding:0px 5px 0 25px;

margin:0 4px 0 0px;

float:left;

text-decoration:underline;

text-align:left;

color:#7fc0e0;

font-size:19px;

line-height:25px;

}

#menu ul li a:hover{

color:#cc6699;

}

/*----------------crumb_nav------------------*/

.crumb_nav{

padding:5px 0 10px 0px;

}

.crumb_nav a{

color:#990000;

}

span.red{

color:#990000;

}

.price{

font-size:14px;

padding:0 0 0 15px;

margin:2px 0 5px 0;

}

span.colors{

padding:2px 2px 0 2px;

}





/*------------------------------------center content--------------------*/

.center_content{

width:900px;

padding:0px 0 0 0;

background:url(images/center_bg.gif) repeat-y center;

}

.top_content{

left: 20px;

text-align: center;

margin: 0px;

width:880px;

height: 12px;



float:left;

padding:0px 0 20px 20px;

}

.left_content{

margin: 0px;

width:540px;

float:left;

padding:0px 0 20px 20px;

}

.right_content{

width:340px;

float:left;

padding:0px 0 20px 0px;

}

.title{

color:#7fc0e0;

padding:0px 0px 0px 10px;

float:left;

font-size:20px;

margin:10px 0 10px 0;

}

span.title_icon{

float:left;

padding:0 5px 0 0;

}

.prod_title{

color:#7fc0e0;

padding:5px 0 0 15px;

font-size:17px;

font-weight: bold;

}

a.more{

font-style:italic;

color:#7fc0e0;

float:right;

text-decoration:none;

font-size:11px;

padding:0px 15px 0 0 ;

}

.about{

width:337px;

clear:both;

background:url(images/border.gif) no-repeat bottom center;

padding:0 0 35px 0;

}

img.right{

float:right;

padding:0 0 0 10px;

}

.right_box{

width:160px;

float:left;

padding:10px 0 0 0;

}



/*--------feat_prod_box-----------*/

.feat_prod_box{

padding:10px 0 10px 10px;

margin:0 0px 0px 20px;

border-bottom:1px #b2b2b2 dashed;

clear:both;

}

.feat_prod_box_details{

padding:10px 0 10px 0;

margin:0 20px 10px 0;

clear:both;

}

.prod_img{

float:left;

padding:5px 0px 0 0;

margin: 0 0 0 5px;

text-align:left;

width: 128px;

color:#7FC0E0;

font-size:17px;

font-weight:bold;

}

.prod_det_box{

width:355px;

float:right;

padding:0 0 0 5px;

position:relative;

}

.box_top{

width:355px;

height:9px;

background:url(images/box_top.gif) no-repeat center bottom;

}

.box_center{

width:355px;

height:auto;

background:url(images/box_center.gif) repeat-y center;

}

.box_bottom{

width:355px;

height:9px;

background:url(images/box_bottom.gif) no-repeat center top;

}



.new_prod_box{

float:left;

text-align:center;

padding:0px 10px 10px 10px;

}



.new_prod_opis{

font-size: 11px;

height: 60px;

width: 140px;

text-align: left;

vertical-align: bottom;

display: table-cell;



}



.akcija_naslov{

color: #333333;

font-weight: bold;

font-size: 15px;

}

.akcija_prije{

color: #666666;

text-decoration: line-through;

}

.akcija_sada{

color: #999;

font-weight: bold;

font-size: 13px;

}

.new_prod_box a{

padding:5px 0 5px 0;

color:#333333;

text-decoration:none;

display:block;

}

.new_prod_bg{

width:132px;

height:119px;

text-align:center;

background:url(images/new_prod_box.gif) no-repeat center;

position:relative;

}

.new_icon{

position:absolute;

top:0px;

right:0px;

z-index:200;

}

.special_icon{

position:absolute;

top:0px;

right:2px;

z-index:250;

}

img.thumb{

padding:5px 0 0 0;

}

.new_products{

clear:both;

padding:0px;

}



ul.list{

clear:both;

padding:10px 0 0 20px;

margin:0px;

}

ul.list li{

list-style:none;

padding:2px 0 2px 0;

}

ul.list li a{

list-style:none;

text-decoration:none;

color:#000000;

padding:0 0 0 17px;

}

ul.list li a:hover{

text-decoration:underline;

}



/* demo */



div.demolayout {

width:460px;

margin: 0 0 20px 0;

}



ul.demolayout {

list-style-type: none;

float: left;

margin:0px;

padding:0px;

}



ul.demolayout li {

margin: 0 10px 0 0;

float: left;

}

.tab{

border:1px #DFDFDF solid;

padding:0 0 25px 0;

}

ul.demolayout a {

float: left;

display: block;

padding: 5px 25px;

border: 1px solid #DFDFDF;

border-bottom: 0;

color: #666;

background: #eee;

text-decoration: none;

font-weight: bold;

}



ul.demolayout a:hover {

background: #fff;

}



ul.demolayout a.active {

background: #fff;

padding-bottom: 5px;

cursor: default;

color:#795636;

}



.tabs-container {

clear: left;

padding:0px;

}

/*-----------------------languages_box---------*/

.languages_box{

padding:0 0 5px 0;

float:left;

}

.languages_box a{

padding:0 2px 0 2px;

}

.languages_box a.selected{

padding:2px 2px 0 2px;

border:1px #CCCCCC solid;

}

.currency{

float:left;

padding:0 0 0 20px;

}

.currency a{

text-decoration:none;

color:#333333;

padding:3px;

border:1px #eeedee solid;

}

.currency a.selected{

text-decoration:none;

color:#fff;

padding:3px;

border:1px #eeedee solid;

background-color:#FF9900;

font-weight:bold;

}

.currency a:hover{

border:1px #990000 solid;

}

/*------------------------cart---------------------*/

.cart{

width:337px;

float:left;

height:40px;

margin:10px 0 10px 0;

background:url(images/border.gif) no-repeat bottom center;

padding:0 0 30px 0;

}

.home_cart_content{

float:left;

padding:3px;

border:1px #eeedee solid;

margin:10px 0 0 15px;

}

a.view_cart{

display:block;

float:left;

margin:12px 0 0 10px;

color:#990000;

}



/*--------------cart_table-------------*/

.cart_table{

width:440px;

border:1px #CCCCCC solid;

text-align:center;

}

tr.cart_title{

background-color:#DFDFDF;

}

td{

padding:3px;

}

td.cart_total{

text-align:right;

padding:5px 15px 5px 0;

}

img.cart_thumb{

border:1px #b2b2b2 solid;

padding:2px;

}



/*---------------footer------------------------*/

.footer{

height:100px;

border-top:1px #b2b2b2 dashed;

background:url(images/footer_bg.gif) no-repeat bottom;

}

.left_footer{

float:left;

padding:0px 0 0 35px;

}

.right_footer1{

float:right;

padding:13px 20px 0 0;

}

.right_footer2{

float:right;

padding:13px 0 0 0;

}

.footer a{

text-decoration:none;

padding:0 5px 0 5px;

color:#afaeaf;

}



/*---------------kontakti------------------------*/

.google_mapa_slika{

width: 100px;

height: 100px;

float: right;

margin-right: 40px;

background-color: black;

background-image: url(images/naocale.jpg);

}

.google_mapa{

margin: 30px 0 30px 20px;

}

.kontakti_desno{

color: #999;

margin-top: 20px;

padding-left: 20px;

}

.kontakti_desno_naslov{

background: url(images/porednaslova.jpg) no-repeat left ;

color: #CA5890;

font-size: 38px;

padding: 0 0 0 53px;

font-weight: bold;

}

.kontakti_desno_adresa{

font-size: 20px;

margin: 5px 0 5px 0;

}

.kontakti_desno_telefon{

background:url(images/telefon.jpg) no-repeat left;

padding: 5px 0 0 30px;

font-size: 17px;

font-weight: bold;

}

img.kontakti_desno_slika{

margin: 45px 0 5px 0;

}

/*------------------flash----------------------*/

#flash_slova{

position: absolute;

top: 0;

margin: 25px 0 0 390px;

}

/*-----------  kartice  ---------------------*/

.kartice{

float: left;

position: relative;

width: 450px;

margin: 20px 0 5px 5px;

}

.kartice_naslov{

color:#7fc0e0;

padding:0px 0px 0px 10px;

float:none;

font-size:20px;

margin:10px 0 10px 0;

}

.kartice_gif{

float: none;

}

/*-------------- JOŠ U IZRADI------------------*/



.jos_u_izradi{

position: absolute;

top: 150px;

margin-left: 40px;

color: #445;

font-size: 50px;

}



h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #7FC0E0;
	text-decoration: none;

}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;


}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #7FC0E0;
}

