@font-face {
    font-family: 'Freehand521BTRegular';
    src: url('frhnd521-webfont.eot');
    src: url('frhnd521-webfont.eot?#iefix') format('embedded-opentype'),
         url('frhnd521-webfont.woff') format('woff'),
         url('frhnd521-webfont.ttf') format('truetype'),
         url('frhnd521-webfont.svg#Freehand521BTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriRegular';
    src: url('calibri-webfont.eot');
    src: url('calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('calibri-webfont.woff') format('woff'),
         url('calibri-webfont.ttf') format('truetype'),
         url('calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
background: #ffffff;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
}

#container {
width: 900px;
margin: 3% auto 0;
}

.font, .velicina_slova, .orijentacija, .natpis {
	float:left;
	width:170px;
}

.natpis {
	 width:300px;
	 margin: 20px 0 0 0;
}

.natpis input {
	background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #AFAFAF;
    color: #505253;
    float: left;
    margin-bottom: 10px;
    margin-top: 3px;
    padding: 3px;
    width: 641px;
}

.velicina_slova {
	width:144px;
}

.velicina_slova select {
	width:110px;
	height: 72px;
}

.font select, .velicina_slova select, .orijentacija select {
	height: 72px;
	#background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #AFAFAF;
}

#rest, #cijena {
	float:left;
}

.ci strong, .znakovi strong {
	float:left;
	margin: 0 5px 0 0;
}

.bojee {
	width:230px;
	float:left;
}

.boja {
	width:300px;
	height:220px;
	background-repeat:no-repeat;
	margin: 20px auto 0;
}

/*#slika_pozadina1 {
	margin: 0 0 0 30px;
}*/

.batn .button {
   background: none repeat scroll 0 0 #CCC427;
    border: 1px solid #CCC427;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin-top: 10px;
    width: auto;
}

.font label, .velicina_slova label, .boja label, .orijentacija label {
	display:block;
	margin: 0 0 7px 3px;
}

.natpis label {
	display:block;
}

.boja label {
	margin: 0 0 0 3px;
}


.opis {
	float:left;
	margin: 20px 0 20px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* header */

#header {
height: 80px;
padding: 10px 0 0;
}

#logo {
background: url(../../images/logo.gif) no-repeat -13px -58px;
height: 70px;
width: 160px;
float: left;
}

#header_dostava {
float: left;
padding: 53px 0 0 140px;
text-transform: uppercase;
color: #CCC427;
font-weight: bold;
}

#header_right {
float: right;
width: 400px;
padding: 53px 0 0 0;
height: 17px;
}

#header ul, #topnav ul, #footer_nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#header li, #topnav li {
float: right;
text-transform: uppercase;
padding: 0 7px;
}

#header li {
border-right: 1px solid #cfcfcf;
}

#topnav li {
border-right: 1px solid #e5e07d;
}

#header li.list_last, #topnav li.list_last {
border: 0;
}

#topnav {
background: #ccc427;
float: left;
width: 895px;
height: 22px;
clear: both;
padding: 8px 5px 0 0;
}

#header a {
color: #969697;
text-decoration: none;
font-weight: bold;
}

#header a:hover {
color: #707070;
text-decoration: underline;
}

#topnav a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#topnav a:hover {
color: #fff8cc;
text-decoration: underline;
}

#topnav a#topnav_current {
color: #db000c;
}


/* content */

#content {
clear: both;
padding: 0 0 10px;
text-align: left;
float: left;
width: 900px;
color: #7e7e7e;
}

.artikl, .artikl_last {
float: left;
width: 271px;
height: 218px;
margin: 10px 40px 0 0;
background: url(../../images/artikl.gif) no-repeat;
padding: 1px;
display: inline;
}

.artikl_last {
margin-right: 0;
}

.artikl_img {
height: 173px;
background: #EFEFEF;
text-align: center;
}

.artikl_img img {
width: 271px;
max-height: 173px;
border: 0;
}

* html .artikl_img img {
width: 271px;
height: 173px;
}

.artikl_img a {
display: block;
float: left;
height: 148px;
width: 271px;
}

.artikl_kraj {
height: 40px;
padding: 2px 3px 3px 2px;
}

.artikl_kraj img {
float: right;
}

.artikl_id {
float: left;
width: 140px;
display: block;
padding: 20px 0 0 8px;
height: 20px;
}

.artikl a, .artikl_last a, #footer_nav a {
color: #888888;
text-decoration: none;
}

.artikl a:hover, .artikl_last a:hover, #footer_nav a:hover {
color: #aea60c;
text-decoration: underline;
}

#footer_nav a#footer_current {
color: #ee1c27;
}



/* artikl detaljno */

#artikl_lijevo {
float: left;
width: 300px;
padding: 10px 0 0 0;
}


#artikl_vrh {
padding-top: 15px;
}

#artikl_vrh_lijevo {
float: left;
width: 500px;
}

#artikl_vrh_desno {
float: right;
width: 340px;
}

.artikl_bg {
height: 240px;
background-image: url(../../images/izmjena_bg_big.png);
float: right;
width: 340px;
margin-bottom: 7px;
}

.boja_ksn {
height: 240px;
background-position: center;
background-repeat: no-repeat;
}

.artikl_preview {
margin-bottom: 10px;
height: 357px;
background-position: center;
background-repeat: no-repeat;
background-color: #e8e8e8;
float: left;
width: 500px;
}

.artikl_preview_in {
	display: table-cell;
	width: 500px;
	height: 357px;
	vertical-align: middle;
	text-align: center;
}

.artikl_preview img {
	min-width: 400px;
}

#artikl_vrh_desno p {
margin: 0;
padding-bottom: 7px;
font-size: 0.9em;
}

#artikl_desno {
float: right;
width: 475px;
padding: 10px 0 0 15px;
}

#artikl_dno {
clear: both;
padding-top: 10px;
}

.artikl_korak {
background: url(../../images/artikl_korak.gif) no-repeat;
width: 22px;
height: 21px;
display: block;
float: left;
font-weight: bold;
text-align: center;
padding-top: 1px;
margin-right: 10px;
}

.artikl_row {
float: left;
width: 225px;
padding: 10px 0;
line-height: 18px;
}

.artikl_row_kolicina {
padding: 12px 0;
}

.artikl_row_kosarica {
padding: 5px 0 0;
}

.artikl_row label {
font-weight: bold;
}

.artikl_col1, .artikl_col2, .artikl_col3, .artikl_col4, .artikl_col5, .artikl_col6 {
float: left;
line-height: 20px;
}

.artikl_col1 {
width: 120px;
}

.artikl_col2 {
width: 110px;
}

.artikl_col3 {
width: 70px;
}

.artikl_col4 {
width: 20px;
}

.artikl_col5 {
width: 370px;
}

.artikl_col6 {
width: 200px;
padding-top: 10px;
}

.artikl_col6 a {
background: url(../../images/boje_oblici.gif) no-repeat;
font-weight: bold;
display: block;
float: left;
width: 70px;
height: 23px;
text-align: center;
text-decoration: none;
margin-right: 5px;
padding-top: 2px;
}

#artikl_dno .artikl_col6 a.podrucje_selected {
background: url(../../images/boje_oblici.gif) no-repeat bottom;
color: #FFFFFF;
}

.artikl_orijent {
padding-top: 6px;
}

.artikl_orijent span, .artikl_orijent a {
background: url(../../images/orijent.gif) no-repeat;
display: block;
float: left;
width: 100px;
height: 23px;
text-align: center;
text-decoration: none;
margin-right: 5px;
padding-top: 2px;
font-weight: bold;
}

#artikl_dno .artikl_orijent a {
background: url(../../images/orijent.gif) no-repeat bottom;
color: #FFFFFF;
}

.artikl_login {
float: left;
width: 190px;
}

.boje_th {
float: left;
clear: both;
padding: 5px 0 0 0;
width: 220px;
}

#boja2 {

}

.boje_th a {
display: block;
float: left;
width: 20px;
height: 20px;
margin: 0 2px 2px 0;
border: 2px solid #FFFFFF;
background-image: url(../../images/boje_bg.png);
background-position: top;
}

* html .boje_th a {
background-image: none;
}

.boje_th a:hover {
border: 2px solid #DFD761;
background-image: url(../../images/boje_bg.png);
background-position: -20px;
}

* html .boje_th a:hover {
background-image: none;
}

.boje_th a.boja_selected {
border: 2px solid #CCCCCC;
background-image: url(../../images/boje_bg.png);
background-position: bottom;
}

* html .boje_th a.boja_selected {
background-image: none;
}


.b1 {
background: #FDDA38;
}

.b2 {
background: #FFA600;
}

.b3 {
background: #DB5316;
}

.b4 {
background: #c91700;
}

.b5 {
background: #A0001C;
}

.b6 {
background: #D72D6D;
}

.b7 {
background: #6cf73b;
}

.b8 {
background: #dbff6e;
}

.b9 {
background: #3fbd0f;
}

.b10 {
background: #005733;
}

.b11 {
background: #00a896;
}

.b12 {
background: #47a7de;
}

.b13 {
background: #0071B5;
}

.b14 {
background: #4f218b;
}

.b15 {
background: #1e235d;
}

.b16 {
background: #000000;
}

.b17 {
background: #4E5754;
}

.b18 {
background: #c0c7c3;
}

.boje_th a.b19 {
background: #FFFFFF url(../../images/th_white.gif) no-repeat;
}

.boje_th a.b19:hover {
background-image: url(../../images/boje_bg.png);
background-position: -20px;
}

* html .boje_th a.b19:hover {
background-image: none;
}

.boje_th a.b19.boja_selected {
background-image: url(../../images/boje_bg.png);
background-position: bottom;
}

* html .boje_th a.b19.boja_selected {
background-image: none;
}

.b20 {
background: #f3ebaa;
}

.b21 {
background: #b1621b;
}

.b22 {
background: #412102;
}

.boje_th a.b23 {
background-image: url(../../images/th_gold.gif);
background-position: top;
}

.boje_th a.b23:hover {
background-image: url(../../images/th_gold.gif);
background-position: -20px;
}

.boje_th a.b23.boja_selected {
background-image: url(../../images/th_gold.gif);
background-position: bottom;
}

.boje_th a.b24 {
background: url(../../images/th_silver.gif);
}

.boje_th a.b24:hover {
background-image: url(../../images/th_silver.gif);
background-position: -20px;
}

.boje_th a.b24.boja_selected {
background-image: url(../../images/th_silver.gif);
background-position: bottom;
}


.boja_kraj {
clear: both;
padding: 3px 0 0 35px;
float: left;
width: 420px;
}


/* staticne stranice */

#content_left {
background: url(../../images/content_left.gif) no-repeat;
height: 200px;
width: 90px;
float: left;
margin-top: 10px;
padding: 230px 65px 0 0;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 16px;
}

#scroll_txt {
float: right;
width: 714px;
height: 408px;
margin-top: 10px;
border-top: 1px solid #d2d3d5;
border-bottom: 1px solid #d2d3d5;
border-right: 1px solid #d2d3d5;
overflow: auto;
line-height: 17px;
text-align: justify;
padding: 10px 20px 10px 10px;
color: #5F5F5F;
}

#scroll_txt p {
margin: 0;
padding: 7px 0;
}


/* upute za montazu */

#upute_kruzici_container {
text-align: center;
height: 300px;
padding-top: 100px;
}

#upute_kruzici {
background: url(../../images/kruzici.gif) no-repeat;
width: 155px;
height: 148px;
margin: 0 auto;
font-weight: bold;
text-transform: uppercase;
}

#upute_film {
float: right;
width: 65px;
height: 65px;
padding: 34px 12px 0 0;
}

#upute_film a {
color: #ee1c2e;
text-decoration: none;
}

#upute_strip {
float: left;
width: 65px;
height: 65px;
padding: 93px 0 0 13px;
}

#upute_strip a {
color: #FFFFFF;
text-decoration: none;
}

.strip, .strip_last {
float: left;
width: 244px;
height: 254px;
margin: 10px 29px 0 0;
background: url(../../images/strip.gif) no-repeat;
display: inline;
}

.strip .artikl_img, .strip_last .artikl_img {
padding: 1px;
background: none;
}

.strip_last {
margin-right: 0;
}

.strip_kraj {
height: 40px;
}

.strip_korak {
float: left;
width: 32px;
color: #CCC427;
background: #FFFFFF;
font-size: 25px;
padding-bottom: 3px;
margin-top: 20px;
}

.strip_kraj_txt {
float: left;
width: 210px;
padding: 5px 0 0 0;
}



/* footer */

#footer {
clear: both;
font-size: 0.9em;
float: left;
width: 900px;
height: 20px;
line-height: 20px;
}

#footer_nav {
float: left;
width: 560px;
height: 20px;
}

#footer_nav li {
float: left;
text-transform: uppercase;
padding-right: 10px;
}


/* lista stranica */

.lista_stranica {
float: right;
height: 20px;
width: 230px;
text-align: right;
}

.prethodno_okvir {
margin-right: 3px;
}

.sljedece_okvir {
}


.trecina_okvir a {
color: #4b4b4b;
text-decoration: none;
border: 1px solid #cccccc;
padding: 3px 5px;
margin-right: 3px;
}

.trecina_okvir a:hover {
background: #dbdbdb;
border: 1px solid #a4a4a4;
}

.trecina_okvir a.lista_stranica_current {
background: #eee991;
}

.lista_stranica img {
border: 0;
vertical-align: middle;
}


/* links */

a {
outline: none;
}

#artikl_desno a, #artikl_dno a {
color: #AFA50A;
text-decoration: none;
}

#artikl_desno a:hover, #artikl_dno a:hover {
color: #333333;
text-decoration: underline;
}

#scroll_txt a {
color: #AFA50A;
text-decoration: none;
}

#scroll_txt a:hover {
color: #333333;
text-decoration: underline;
}




/* headings and misc */

h1 {
font-size: 1.25em;
margin: 0;
color: #6a6968;
}

#artikl_vrh_desno h1 {
text-align: right;
padding: 0 0 15px;
}

#scroll_txt h1 {
color: #AFA400;
border-bottom: 1px solid #DFDFDF;
padding: 10px 0 5px;
}

h2 {
font-size: 1.1em;
margin: 0;
padding-top: 15px;
}


.clear {
clear: both;
}

.error {
background: #FFE1DF url(../../images/error.gif) no-repeat 8px 7px;
clear: both;
color: #d20000;
font-weight: bold;
padding: 10px 0 10px 35px;
}

.reg_error {
color: #d20000;
clear: both;
padding: 0 0 10px 130px;
float: left;
width: 300px;
}

#artikl_desno .error {
float: left;
width: 435px;
margin: 20px 0 0;
}

#flash {
padding: 20px 0 0 40px;
}


/* forms */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

.artikl_input {
color: #333333;
width: 25px;
border: 1px solid #d0d0d0;
padding: 3px;
background: #fefefe url(../../images/input_bg.gif) repeat-x bottom;
}

.kosarica {
background: url(../../images/kosarica.gif) no-repeat;
width: 25px;
height: 23px;
border: 0;
cursor: pointer;
}

.kosarica_big {
	background: url(../../images/kosarica_big.gif) no-repeat;
	width: 205px;
	height: 25px;
	border: 0;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
}

.checkbox {
margin: 0 0 6px;
padding: 0;
width: 15px;
height: 15px;
vertical-align: middle;
}

.radio {
margin: 4px 0 0;
padding: 0;
width: 15px;
height: 15px;
}

.kontakt_forma input, .kontakt_forma textarea {
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #AFAFAF;
float: left;
color: #505253;
}

.kontakt_forma {
width: 430px;
float: left;
padding: 20px 0 0 0
}

.kontakt_forma label {
width: 130px;
float: left;
margin-top: 4px;
}

.kontakt_forma input.button {
width: auto;
margin-left: 130px;
height: 25px;
background:#CCC427;
color: #FFFFFF;
border: 1px solid #CCC427;
font-weight: bold;
cursor: pointer;
}

.kontakt_forma input.tcom_btn {
background: #e20074;
color: #FFFFFF;
border: 0;
font-weight: bold;
width: auto;
height: 25px;
cursor: pointer;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}

.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}



/* other */

.success {
font-weight: bold;
margin-top: 15px;
}

.content_little_txt {
padding: 20px 0 0 20px;
line-height: 19px;
}

#scroll_txt ul {
margin: 0;
padding: 7px 0 5px 40px;
}

#scroll_txt li {
padding-bottom: 3px;
}

#footer_contact {
	background: url(../../images/tel_dno.gif) no-repeat;
	width: 400px;
	height: 88px;
	float: left;
}

#footer_cards {
clear: both;
text-align: left;
padding-top: 10px;
}

#footer_cards_right {
	float: right;
	padding-top: 25px;
}

#footer_cards img {
border: 0;
margin-right: 10px;
}

.content_kartice img {
border: 0;
margin-right: 20px;
}


/* facebook */

.fb_cont {
clear: both;
border-top: 1px solid #CFCFCF;
float: left;
width: 340px;
padding: 10px 0 0;
}

.fb_like {
float: left;
width: 220px;
}

.fb_share {
float: right;
text-align: right;
width: 120px;
}