/* CSS Document */

/* sloser */

#anketa {
	background: white;
	padding: 5px;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 500px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#anketa2 {
	text-align: center;
	background: white;
	padding: 20px;
	position: absolute;
	top: 50px;
	left: 50px;
	width: 250px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}



#mail {
	background: white;
	padding: 5px;
	position: absolute;
	top: 100px;
	left: 100px;
	width: 550px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#line {
	border: 1px #666666 solid;
	width: 100px;
	padding: 0px;
	margin: 0px;
}

.marquee {
	color: white;	
	}

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


/* GENERAL */
body {margin: 30px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; background-image: url(../images/bg_tile.gif); background-repeat:repeat;}

a {color: #333333; text-decoration: none; }
a:hover {color: #A00000; text-decoration:underline}
a.dark {color: #333333; text-decoration: none; font-weight: bold;}
a.dark:hover {color: #A00000; text-decoration:underline; font-weight: bold;}

h1 {font-size: 160%;}
h2 {font-size: 140%;}



/* MENU VRH */
#header {border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color:#373737; width:auto;}
#headcolons {width: 700px; text-align:center; position: relative; margin-right: 170px;}
#hcolonleft {width: 300px; text-align:left; float: left; position: relative;  display:inline;}
#hcolonright {width: 400px; text-align: right; float:right; position: relative; padding-top: 23px; vertical-align:middle; height:37px;}
a.top {color: #fff;  background-repeat:no-repeat; background-position: left center; line-height: 20px}
a.top:hover{color: #ccc; background-repeat:no-repeat; background-position: left center;}

/* MENU LIJEVO */
.menu-naslov {font-family: Arial Narrow; font-size: 14pt; color: #333; font-weight: bold;}
.menu-sekcija {width: auto; height: auto; background-color: #fff; margin: 8px; padding: 4px 5px 25px 5px; border-bottom: 3px solid #333333}
.logo-sekcija {width: auto; height: auto; background-color: #fff; margin: 8px; padding: 20px 0 20px 0; text-align:center}
.listmenu {list-style: none; margin-left: 0px; padding: 0px;}
a.menu{color: #333; background-image:url(../images/bullet-dot.gif); padding-left: 12px; background-repeat:no-repeat; background-position: left center; line-height: 20px}
a.menu:hover{color: #A00000; background-image:url(../images/bullet-dot-red.gif); padding-left: 12px; background-repeat:no-repeat; background-position: left center;}

.anketa_button {	
background-color : white;
border-color : white;
color : #000000;
border-style : solid;
font-weight: bold;
cursor: pointer;
} 

.anketa-pitanje {padding: 10px 3px 10px 3px; text-align: left; font-weight: bold;}
.form-anketa {padding: 0px; clear:both;}
.input-newsletter {font-size: 10px; width: 94%}

/* Sadrzaj - INTRO */
#intro-left {width: 510px; height: auto; color: #eee; padding: 10px 10px 25px 10px; float:left}
.intro-naslov {font-family: Trebuchet MS, Arial Narrow; font-size: 16pt; color: #ddd;}
.intro-highlight {color: #FFFFFF; text-decoration: none; font-weight: normal;}
a.intro-highlight {color: #FFFFFF; text-decoration: none; }
a.newz {color: #fff; background-image:url(../images/bullet-dot.gif); padding-left: 12px; background-repeat:no-repeat; background-position: left center; line-height: 20px}
a.newz:hover{color: #ccc; background-image:url(../images/bullet-dot-red.gif); padding-left: 12px; background-repeat:no-repeat; background-position: left center;}
/* Sadrzaj - INTRO KRAJ */

/* SADRZAJ */
.neboder-banner {background-color: #eeeeee; padding: 5px; margin: 20px 0 0px 0;}

.sekcija { background-color: #ffffff; width: 515px; height: auto; margin: 20px 0px 20px 0px; padding: 4px; border-bottom: 2px solid #333; border-top: 2px solid #333; font-family: Trebuchet MS, Arial Narrow; font-size: 16pt; color: #333;}

#izdvajamo { padding: 5px; width: 510px;}
.izdvajamo-container {width: 515px; position: relative; background-color:#f4f4f4; margin: 0}
.izdvajamo-container2 {width: 515px; position: relative; background-color:#eeeeee; margin: 0}
.izdvajamo-slika {width: 150px; float: left; position: relative;  display:inline; padding: 0 0 0 10px;}
.izdvajamo-tekst {width: 340px; min-height: 100px; float:right; position: relative; padding: 5px; vertical-align:middle;}

#ponuda {  width: 520px; text-align:left}
.ponuda-container {width: 520px; position: relative; background-color: #eee;}
.ponuda-left {width: 235px; float: left; position: relative; display:inline; padding: 10px;  background-color: #eee;}
.ponuda-right {width: 235px; float:right; position: relative; padding: 10px; background-color: #eee;}


/* OGLASNI PROSTOR */
#oglasni-prostor {background-color:#000000; padding:4px; width: auto; border: 1px solid #fff; border-left: 0px}
.oglasni-naslov {font-family: Arial Narrow; font-size: 12pt; color: #333; font-weight: bold;}

/* ISPIS SNIZENJA */
#ducani { padding: 5px; width: 510px;}
.ducani-container {width: 515px; position: relative; background-color:#ffffff; margin: 0}
.ducani-info {width: 220px; float: left; position: relative;  display:inline; padding: 10px; background-color:#A00000; color: #fff}
.ducani-ponuda {width: 260px; min-height: 100px; float:right; position: relative; padding: 5px; vertical-align:middle;}
.ducan-mininfo { text-align:center; background-color: #f1f1f1; padding: 10px}

a.ducan {color: #ffffff; text-decoration: none; font-weight: bold;}
a.ducan:hover {color: #eeeeee; text-decoration:underline; font-weight: bold;}
.ducantxt { font-size: 125%;}
.ducanlogo {padding-right: 5px;}
.kartice {font-size: 10px; font-weight: bold;}
.snizenje2 {font-size: 14px;}

.emailobavijesti {background-color: #f1f1f1; padding: 10px;}

/* ISPIS PROIZVODA */
#prozvodi { padding: 5px; width: 510px;}
.proizvodi-container {width: 515px; position: relative; background-color:#ffffff; margin: 0}
.proizvodi-slika {width: 170px; float: left; position: relative;  display:inline; padding: 10px; }
.proizvodi-sazetak {width: 310px; min-height: 100px; float:right; position: relative; padding: 5px; vertical-align:middle;}

.cijena {padding: 4px; color: #ffffff; background-color: #A00000; font-weight: bold; margin-right: 20px; display:inline; width: 100px;}
.stara {color: #333333; font-size: 12px; text-decoration:line-through; font-weight: bold;}
.nova {color: #333333; font-size: 12px; font-weight: bold;}
.usteda {color: #A00000; font-size: 12px; font-weight: bold;}
.proizvod {font-weight: bold; font-size: 14px;}
.kupipro {color: #A00000; font-size: 14px; font-weight: bold;}
/* BRANDOVI */

/* PRIJAVA DU�NA */
#prijava { padding: 5px; width: 510px;}
.prijava-container {width: 515px; position: relative; background-color:#ffffff; margin: 0}
.prijava-left {width: 80px; float: left; position: relative;  display:inline; padding: 10px; text-align: right}
.prijava-right {width: 400px; min-height: 100px; float:right; position: relative; padding: 5px; vertical-align:middle;}
.prijava-centar {width: 510px; min-height: 100px; float:right; position: relative; padding: 5px; vertical-align:middle;}

/* VIJESTI */
#vijesti { padding: 5px; width: 510px;}
.vijesti-container {width: 515px; position: relative; background-color:#ffffff; margin: 0}
.vijesti-left {width: 80px; float: left; position: relative;  display:inline; padding: 10px; background-color:#f1f1f1; color: #fff}
.vijesti-right {width: 400px; min-height: 100px; float:right; position: relative; padding: 5px; vertical-align:middle;}

/* OSTALO */
.input-radio {}
.input {border: 1px solid #aaa; width: 90%; }
.inputmali {border: 1px solid #aaa; }
.mkt {padding: 0px 10px 0px 10px;}


.gumb {font-weight: bold}

.rubrika {font-size: 16px; color: #fff; padding-left: 20px; font-weight: bold;}
.trail {font-size: 11px; color: #ddd; padding-left: 20px;}


/* LINKOVI */
#linkovi-left {width: 250px; height: auto; padding: 10px 10px 25px 25px; float:left}
#linkovi-right {width: auto; height: auto; padding: 10px; float: left;}
.linkz {padding-left: 10px;}

/* KATALOZI */
#katalozi-left {width: 150px; height: auto; padding: 25px 0px 15px 24px ; float:left}
#katalozi-center {width: 150px; height: auto; padding: 25px 0px 15px 24px ; float: left;}
#katalozi-right {width: 150px; height: auto; padding: 25px 0px 15px 24px ; float: left;}



/* FOOTER */
.footer {padding: 10px; color: #eee}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

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