﻿@charset "utf-8";
/* CSS Document */

/*------------------------------------------------
	Reset

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
* {
  margin: 0;
  padding: 0;
}

A {
   color:#4DB900;
   text-decoration:none;
   }
A:visited {color:#9B9B9B;}
A:hover {text-decoration:underline;}

--------------------------------------------------*/
@font-face {
	font-family: naslov;
	src: url(/fonts/georgia.oet);
	font-family: tekst;
	src: url(/fonts/segoeui.oet);
}
A { color:black; text-decoration:none;}
A:visited {color:black;}
A:hover {text-decoration:underline;}

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; padding-bottom:10px; font-style:italic; background-image:url('images/ispod-naslova.png'); background-repeat:no-repeat; padding-top:17px; padding-left:20px;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; padding-bottom:10px; font-style:italic;}
h3 {}
h4 {}
hr { width:300px; height:1px}
p { font-family:"Segoe UI", Tahoma, Geneva, Verdana;}
.txt {font-family:"Segoe UI", Tahoma, Geneva, Verdana; font-size:0.85em; line-height:1.3em; letter-spacing:0.02em;}
.slc {text-align:center}
.mapa {	text-align:center; margin-bottom:70px;}
.slink {text-align: right;	padding:10px;}
.sponzori { margin:5px; border-width:0px;}

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

.proizvodbox { width:100%}
.proizvod {	width:100%;}
.proizvod img {float:left; width:200px; margin:5px 10px 10px 0;}
.proizvod ul {float:left;margin:0;padding-left:20px; width:330px;font-family:"Segoe UI", Tahoma, Geneva, Verdana; font-size:0.85em; line-height:1.3em; letter-spacing:0.02em;}
.cena { width:110px; height:31px; float:right; background-image:url('images/sqlshop/price.png'); background-repeat:no-repeat; vertical-align:middle; text-indent:10px; padding-top:7px}
.cena:hover {background-image:url('images/sqlshop/price.png'); background-repeat:no-repeat; background-position: 0 -38px; color:#F0EEE7; }


.tabkal { height: 15px}

.r-box {
	background-color: #666; 
	color: #fff; 
	line-height: 20px; 
	width: 200px; 
	padding: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}
.nadjitenas	{border-width: 0px;}

/*<p class="r-box">Try doing this without images</p>*/

/*Baner*/
#bango {
	width:auto;
	height:30px;
	background-image:url(images/bango.gif);
	background-repeat:repeat-x;
}
#ban {
	background-image:url(images/banerbg.jpg);
	width:auto;
	height:200px;
	text-align:center;
}

/*Ispod banera*/
#bando {
	width:auto;
	height:71px;
	background-image:url(images/bando.gif);
	background-repeat:repeat-x;
	background-color:white;
}
#bando-wrapper {
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;

}

#bando-a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	text-align:right;
	padding-top:20px;
	padding-left:20px;
	height:50px;
	width: 180px;
	float: left;
	font-style:italic;
}

#bando-b { 
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-top:auto;
	text-align:left;
	padding-top:30px;
	height:40px;
	width: 570px;
	padding-left:15px;
	font-style:italic;

}

#bando-c {
	padding-top:20px;
	height:50px;
	float: right;
	width: 200px;
}

/*Body*/
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
}

#header {
	margin: 0 0 0px 0;
	padding:15px;
}
#container {
}

#side-a {
	float: left;
	width: 200px;
}

#side-b {
	float: right;
	width: 200px;
}

#content { 
	float: left;
	width: 570px;
	padding:15px;
	padding-bottom:0;
	background-image:url(images/contentbg.gif);
	background-repeat:repeat-x;
	background-color:white;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;


}
/*Footer*/
#footer {
	clear:both;
	height:150px;
	padding-top:30px;
	width:100%;


}
#f-wrapper {
	background-color:white;
	background-image:url('images/bando.gif');
	background-repeat:repeat-x;
	width: 100%;
	height:150px;

}
#fcentar { margin:auto; width:1000px;}

.fk {
	font-size:15px;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	height:130px;
	width: 180px;
	float:left;
}

#fa {
	font-size:15px;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	height:130px;
	width: 180px;
	float: left;
}

#fb { 
	float: left;
	margin-top:auto;
	text-align:left;
	padding-top:20px;
	height:130px;
	width: 150px;
	padding-left:20px;
}

#fc {
	margin-right:auto;
	padding-top:20px;
	height:130px;
	float: left;
	width: 150px;
}


/* test */
/* navlist */
#navlist{font-family:"Segoe UI", Tahoma, Geneva, Verdana;}

/*tabela cenovnik*/
#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: auto;
	margin-bottom:70px;
	width: 550px;
	border-collapse: collapse;
	text-align: left;
}

#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}
