/*typography*/
body{font-family: "Arial,Verdana,Arial,Helvetica",arial,sans-serif; text-align: left; font-size:11px;}
a{font-family: "Arial,Verdana,Arial,Helvetica",arial,sans-serif; text-decoration: underline; font-size:11px; color: black;}
DIV#glava_desno A {font-family:Arial,Verdana,Arial,Helvetica; font-size:9px; font-weight:normal; text-decoration:underline;}
DIV#prvi_nivo_levo {font-family:Arial,Verdana,Arial,Helvetica; font-size:11px; font-weight:bold; color:#FFFFFF;}
DIV#noga {text-align: center;}
DIV#nav_qs {font-family:Arial,Verdana,Arial,Helvetica; font-size:11px; font-weight:bold; color:#FFFFFF;}
DIV#nav_polja_koda {font-family:Arial,Verdana,Arial,Helvetica; font-size:11px; font-weight:bold; color:#FFFFFF;}
.field {border-style:solid; border-color:#DBE5E9; font-size:11px;}
.select_top_cat_index 	{border-style:solid; border-color:#DBE5E9; width:165px; font-size:11px; margin-top: 3px;}
FORM {padding:0; margin: 0;}
DIV#nav_az A {text-decoration:none;}
DIV#nav_az A:HOVER {text-decoration:underline;}

/*body txt */
H1
{
	font-size: 14px;
	color: #0098dd;
	font-weight: bold;
	font-family: arial;
	padding-top: 0px;
	margin-top: 0px;
}

H2
{
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
}

.tabela_kol_pop {
	width: 300px;
}

.tabela_kol_pop TH {
	text-align: center;
}

.tabela_kol_pop TD {
	padding: 0;
    margin: 0;
    text-align: right;
}

/*layout*/
html{height: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}
html,body{margin-left: 0px; margin-top: 0px; margin-bottom: 0px;}
DIV#glava {background: url("http://www.conrad.hr/img/glava_nl.gif") no-repeat top; width: 992px; height: 137px; background-color: #0098DC;}
DIV#glava_desno {float: right; width: 720px; padding-top: 20px; padding-right: 180px; text-align: right;}
DIV#glava_levo {width:200px; height: 160px; cursor: pointer;}
DIV#glava_desno A {margin-right: 20px;}
DIV#prvi_nivo {width: 992px; height: 22px; border-bottom: 1px solid #616161;}
DIV#prvi_nivo_levo {width: 550px; height: 22px;}
DIV#prvi_nivo_levo_desno {float: right; width: 250px; height: 22px; text-align: right; color: white;}
DIV#prvi_nivo_levo_desno A {margin-right: 20px;}
DIV#prvi_nivo_levo_levo {height: 22px; color: white; text-align:left;}
DIV#drugi_nivo {width: 992px; height: 35px;}
DIV#drugi_nivo_meni {}
DIV#drugi_nivo_meni A {}
DIV#noga {width: 992px; height: 25px; border-top: 1px solid #616161;}
DIV#glavno {width: 992px; margin-top: 20px; margin-bottom: 10px;}
DIV#vsebina {float: right; width: 720px;}
DIV#spodnji_meni {width: 100%; margin-top: 5px; margin-bottom: 5px;}
DIV#navigacija {width: 265px;}
DIV#kosarica {float: right; width: 150px;}
DIV#banerji {float: left; width: 560px;}
.slikadesno {border: 1px solid black; margin-left: 15px;  margin-bottom: 15px;}
.tabela_koraki TD.korak {border-bottom: 3px solid #616161; width: 110px; padding-bottom: 5px; color: #616161; font-weight: bold;}
.tabela_koraki TD.korak_aktiven {border-bottom: 3px solid #0097da; width: 110px; padding-bottom: 5px; color: #0097da; font-weight: bold;}
.tabela_koraki TD.prazno {border-bottom: 0px solid black}

/*navigacija*/
.zamiki {padding-top: 4px; padding-left: 6px;}
DIV#nav_qs {width: 265px; height: 22px; background-color: #0097da; border-bottom: 1px solid white;}
DIV#nav_polja {width: 265px; height: 56px; background-color: #0097da; border-bottom: 1px solid white;}
DIV#nav_polja_desno {float: right; width: 40px; background-color: #0097da; padding-top: 17px;}
DIV#nav_polja_koda {width: 265px; height: 30px; background-color: #0097da; border-bottom: 1px solid white;}
DIV#nav_polja_koda_desno {float: right; width: 40px; background-color: #0097da; padding-top: 8px;}
DIV#nav_az {width: 265px; height: 22px; border-bottom: 1px solid white;}
DIV#nav_glavni_meni {width: 265px; margin-top: 20px; margin-bottom: 20px; text-align:left;}

/*KOŠARICA*/
DIV#kosarica_glava {background-color: #0097da; padding: 5px; color: white; font-weight: bold;}
DIV#kosarica_glava img {margin-right: 7px;}
DIV#kosarica_vsebina {border: 1px solid #cccccc; padding: 5px; font-weight: bold;}
DIV#kosarica_vsebina A {font-weight: bold; color: black; font-weight: 400;}

/*artikel*/
DIV#art_naslov H1 {font-family:Arial,Verdana,Helvetica; font-size:18px; font-weight:bold; text-decoration:none; color:#0098d9; width: 560px; padding-bottom: 5px; margin-bottom: 10px;}
DIV#art_drobtine {width: 560px;}
DIV#art_drobtine H2 {padding: 0; margin: 0; margin-bottom: 10px; font-size: 10px;}
DIV#art_drobtine H2 A {font-size: 10px;}
DIV#art_cena {float: right; width: 250px; }
DIV#cena {font-family:Arial,Verdana,Helvetica; font-size:18px; font-weight:bold; color: rgb(204, 0, 0);}
DIV#cena_opis {font-family:Arial,Verdana,Helvetica; font-size:9px; font-style: italic; margin-bottom: 15px;}
DIV#cena_kosarica {font-family:Arial,Verdana,Helvetica; font-size:12px; font-weight:bold;}
DIV#cena_kosarica input {vertical-align: middle; margin-left: 10px;}
DIV#cena_katst {font-family:Arial,Verdana,Helvetica; font-size:12px; margin-bottom: 20px; font-weight:900;}
DIV#art_slika {text-align: center; height: 250px; width: 300px; border: 1px solid #ccc;}
DIV#stara_cena {color: #aaa; font-weight: 400;text-decoration: line-through; font-size: 14px;}
DIV#cena_prihranek {font-size: 12px; color: black;margin-bottom: 5px;}
DIV#tabela_artikla {width: 560px; margin-top: 20px;}
DIV#tabela_artikla TH {padding: 2px 2px 2px 4px; color: white; font-weight:900; background-color: #616161;}
DIV#tabela_artikla TH A {color: white; font-weight:900; text-decoration:none;}
DIV#tabela_artikla TD {border: 1px solid #616161; padding: 4px 4px 4px 4px;}

DIV#tabela_opis {visibility: hidden; position:absolute;}
DIV#tabela_tehnicni {visibility: hidden; position:absolute;}
DIV#tabela_komplet {visibility: hidden; position:absolute;}
DIV#tabela_oprema {visibility: hidden; position:absolute;}
DIV#tabela_sistemske {visibility: hidden; position:absolute;}

/*seznam artiklov*/
DIV#seznam_naslov {font-family:Arial,Verdana,Helvetica; font-size:18px; font-weight:bold; text-decoration:none; width: 560px;  margin-bottom: 10px; color:#0098d9;}
DIV#seznam_tabela {width: 560px;}
DIV#seznam_tabela TABLE {border-top: 1px solid #616161; border-left: 1px solid #616161;}
DIV#seznam_tabela TH {padding: 2px 2px 2px 4px; color: white; font-weight:900; background-color: #616161;}
DIV#seznam_tabela TD {padding: 2px 2px 2px 4px; border-right: 1px solid #616161; border-bottom: 1px solid #616161;}
DIV#seznam_tabela TD#tab_slika {width: 90px; text-align: center; height: 90px;}
DIV#seznam_tabela TD#tab_slika {width: 90px; text-align: center;}
DIV#seznam_tabela TD#tab_naziv A {color: black; font-weight:900; text-transform: uppercase;}
DIV#seznam_tabela TD#tab_cena {font-family:Arial,Verdana,Helvetica; font-size:14px; font-weight:bold; color: rgb(204, 0, 0); width: 100px; text-align: right; padding-right: 4px;}
DIV#seznam_tabela TD#tab_kolicina INPUT {vertical-align: middle; margin-right: 10px;}
DIV#seznam_tabela TD#tab_kolicina {width: 90px;}

DIV#darilo_tabela TH {padding: 2px 2px 2px 4px; color: white; font-weight:900; background-color: #616161;}
DIV#darilo_tabela TD#darilo_opcija {width: 20px; text-align: center;}
DIV#darilo_tabela TD#darilo_slika {width: 90px; text-align: center; height: 90px;}
DIV#darilo_tabela TD#darilo_cena {font-family:Arial,Verdana,Helvetica; font-size:14px; font-weight:bold; color: rgb(204, 0, 0); width: 100px; text-align: right; padding-right: 4px;}

/*seznam kosarica*/
DIV#seznam_kosarica {width: 720px;}
DIV#seznam_kosarica TH {padding: 2px 2px 2px 4px; color: white; font-weight:900; background-color: #616161; text-align: center;}
DIV#seznam_kosarica TD {padding: 2px 2px 2px 4px; border-right: 1px solid #616161; border-bottom: 1px solid #616161;}
DIV#seznam_kosarica TD#tab_slika {width: 90px; text-align: center;}
DIV#seznam_kosarica TD#tab_slika2 {width: 90px; text-align: center; border-left: 1px solid #616161;}
DIV#seznam_kosarica TD#tab_ukaz {width: 90px; text-align: left; border-left: 1px solid #616161;}
DIV#seznam_kosarica TD#tab_ukaz input {width: 100px; margin-top: 5px;}
.gumb {background-color: #fff200; font-weight: 900; border-top: 0px; border-left: 0px; border-bottom: 1px solid #B3B3B3; border-right: 1px solid #B3B3B3; height: 20px; padding-left: 5px; padding-right: 5px;}
.gumb2 {background-color: #0097da; font-weight: 900; border-top: 0px; border-left: 0px; border-bottom: 1px solid #B3B3B3; border-right: 1px solid #B3B3B3; height: 25px; padding-left: 5px; padding-right: 5px; color: white;}

DIV#seznam_kosarica TD#tab_kolicina {width: 50px; text-align: center;}
DIV#seznam_kosarica TD#tab_cena {width: 100px; text-align: right;}
DIV#seznam_kosarica TD#tab_skupajtxt {text-align: right; font-weight: 900;  border-left: 1px solid #616161;}
DIV#seznam_kosarica TD#tab_postnina {text-align: right;}
DIV#seznam_kosarica TD#tab_postninatxt {text-align: right; border-left: 1px solid #616161;}
DIV#seznam_kosarica TD#tab_skupaj {text-align: right; font-weight: 900;}
DIV#kosarica_kupi {text-align: right; margin-top: 15px;}
DIV#kosarica_kupi_levo {border: 1px solid black; padding: 5px; float: left;margin-top: 15px; background-color: #dddddd;}

DIV#naslov_desno {float: right; width: 355px;}
DIV#naslov_levo {width: 355px;}

/*obrazci*/
.tabela_obrazec {border: 1px solid #616161;}
.naslov_obrazca {padding: 2px 2px 2px 4px; color: white; font-weight:900; background-color: #616161; text-align: left;}
.ime_obrazca {padding: 5px;}
.ime_obrazca2 {padding: 5px; width: 170px;}
.vrednost_obrazca {padding: 5px; text-align: right; width: 200px;}
.vrednost_obrazca_i {padding: 5px; text-align: left; width: 200px; font-weight: 900; color: #0097da; border-bottom: 1px dotted #616161;}
.tabela_obrazec INPUT {width: 150px;}
DIV#napaka {color: red; font-weight: 900;}

/*meni*/
ul.level1 				{list-style: none; margin: 0px; padding: 0px;}
ul.level1 a 			{display: block; width: 225px; background-color: #f1f1f1; color: #666666; font-size: 12px; border-bottom: 1px solid #d7d7d7; margin-left: 0px; padding: 4px 0px 4px 40px; text-decoration: none; background-image: url(http://www.conrad.hr/img/navi_arrow01_g.gif); background-repeat: no-repeat; background-position: 10px 50%;}
ul.level1 a:link 		{}
ul.level1 a:visted 		{}
ul.level1 a:hover 		{color: #000000; background-image: url(http://www.conrad.hr/img/navi_arrow01.gif);}
ul.level1 a.opened		{background-color: #0098d9;  color: #ffffff; font-weight: bold; background-image: url(http://www.conrad.hr/img/navi_arrow02.gif); background-repeat: no-repeat; padding: 4px 0px 4px 40px; background-position: 10px 50%;}
ul.level1 a.selected	{background-color: #0098d9;  color: #ffffff; font-weight: bold; background-image: url(http://www.conrad.hr/img/navi_arrow02.gif); background-repeat: no-repeat; background-position: 10px 50%; width: 225px;}



ul.level2 				{list-style-type: none; margin: 0px; padding: 0px;}
ul.level2 a 			{display: block; width: 220px; color: #00498e; font-size: 11px; background-color: #ffffff; border-bottom: 1px solid #bcbdbf; padding: 4px 0px 4px 45px; text-decoration: none; background-image: none;}
ul.level2 a:link 		{color: #000000;}
ul.level2 a:hover 		{color: #0098d9; background-color: #ffffff; }
ul.level2 a.opened		{color: #0098d9; background-color: #ffffff; font-weight: bold; background-image: none;}
ul.level2 a.selected	{color: #0098d9;  background-color: #ffffff; font-weight: bold; background-image: none; width: 220px;}

ul.level3 				{list-style-type: none; margin: 0px; padding: 0px;}
ul.level3 a 			{display: block; color: #000000; width: 205px; background-color: #ffffff; padding: 4px 0px 4px 60px; border-bottom: 1px solid #CCCCCC; text-ecoration: none; background-image: url(http://www.conrad.hr/img/navi_arrow01.gif); background-repeat: no-repeat; background-position: 30px 50%; }
ul.level3 a:link 		{color: #000000;}
ul.level3 a:hover 		{color: #0098d9; background-color: #ffffff; }
ul.level3 a.opened		{color: #0098d9; background-color: #ffffff; font-weight: bold;}
ul.level3 a.selected	{color: #0098d9; background-color: #ffffff; font-weight: bold; width: 205px;}

DIV#cat_nasl
{
list-style-type: none;
list-style-image: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 15px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: none;
color: #ffffff;
font-weight: bold;
background-color: #0098dd;
}

/*stevilka narocila*/
STRONG#st_narocila {font-size: 16px; color:red;}

/*colors*/
body{background: #fff}
DIV#glava_desno A {color:#000;}
DIV#nav_az {background-color: #616161; color: #fff;}
DIV#nav_az A {color: #fff;}
DIV#prvi_nivo_levo {background-color: #616161; color: #fff;}
DIV#prvi_nivo_levo_desno A {color: #fff;}