* { margin:0; padding:0;}
body { background:url(images/top_bg.gif) repeat-x top #f5f5f3; font-size:100%; line-height:1em; font-family:Arial; color:#6d6d63; text-align:center}

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#8c8c8c; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul {list-style:none;}

/*==================list====================*/
ul.list_1 {margin:0 0 -11px 0; padding:0px; list-style:none}
ul.list_1 li { line-height:1.27em; margin-bottom:11px; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:9px}
ul.list_1 li a{text-decoration:none; color:#0d5978; font-weight:bold}
ul.list_1 li a:hover{ text-decoration:underline}

ul.list_1_1 {margin:0 0 0px 0; padding:0px; list-style:none}
ul.list_1_1 li { line-height:2px; margin-bottom:11px; padding-left:2px; font-size: 10px;}
ul.list_1_1 li a{text-decoration:none; color:#0d5978; font-weight:bold}
ul.list_1_1 li a:hover{ text-decoration:underline}

ul.list_2 {margin:0 0 -5px 0; padding:0px; list-style:none}
ul.list_2 li { line-height:1.27em; margin-bottom:11px; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:9px}
ul.list_2 li a{text-decoration:none; color:#0d5978; font-weight:bold}
ul.list_2 li a:hover{ text-decoration:underline}

.list_3 p{ 	margin: 5px 0px 5px 0px; font-size: 12px; color:#0d5978; font-weight:bold; }
.list_3 .carlink{position: absolute; float: left; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:8px; margin-left: 5px;}
.list_3 .left{padding-left: 60px;}
.list_3 .carlink a{color: gray;}
.list_3 .carlink a:hover{text-decoration:underline;}
.list_3 a{ text-decoration:none; color:#0d5978; font-weight:bold;}
.list_3 a:hover{ text-decoration:underline}
.list_3 .line img{ margin-left:-3px;}
.list_3 .qlink{background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:8px; margin-left: 5px;}
.list_3 .qlink a{color: gray;}
.list_3 .qlink a:hover{text-decoration:underline;}

.list_4 p{margin: 0 10px 0 0; padding: .25em; border-top: 1px solid #386785; border-bottom: 1px solid #386785; padding-left: 10px; padding-right: 10px;background-color: #2a4957; color: white;}
.list_4 .p0{margin: 0 10px 0 0; padding: .25em; border-top: 1px solid #386785; padding-left: 10px; padding-right: 10px;background-color: #2a4957; color: white;}
.list_4 .p0 a{color: white; text-decoration:none;}
.list_4 .p0 a:hover{text-decoration:underline;}
.list_4 .p1{background:url(images/marker_list.gif) no-repeat left center; margin: 0 10px 0 0; padding: .25em; border-bottom: 1px solid #386785; padding-left: 10px; padding-right: 10px;}
.list_4 .p1 a{color: gray; text-decoration:none;}
.list_4 .p1 a:hover{text-decoration:underline;}
.list_4 .p2{margin: 0px 10px 7px 0px; font-size: 12px; color:#386785; font-weight:bold; border-bottom: 1px solid #386785; padding-left: 10px; padding-right: 10px;}

.list5 {color: black; padding:20px 15px 34px 27px}
.list5 .firsttitle{font-size: 14px; font-weight: bold; padding: 5px 0 7px 0px;}
.list5 .title{font-size: 12px; text-decoration: underline; font-weight: bold; padding: 10px 0px 0px 0px;}
.list5 img{float: left; display: inline-block; padding: 10px;}
.list5 p{padding: 5px;}
 .list5 .p1{padding: 5px; text-align: justify;}

#divqLinks{}
.start{ padding: 30px 25px 0px 25px;}
.start p{margin:0 0 15px 0; text-align:justify;}
.start img{ float: left; margin: 10px 10px 10px 10px;}

.enbackground{width:550px; height: 338px; background: url(images/London-bridge.png) no-repeat;}
.grbackground{width:550px; height: 338px; background: url(images/greece.png) no-repeat;}
.itbackground{width:550px; height: 338px; background: url(images/italy.png) no-repeat;}
.frbackground{width:550px; height: 338px; background: url(images/france.png) no-repeat;}
.compbackground{width:550px; height: 338px; background: url(images/computers.png) no-repeat;}

.order1{width: 550px; background-color: black; filter: alpha(opacity=70);  opacity: 0.7;}
.order1 p{text-align:justify; color: white; padding: 7px 10px 7px 10px;}

.order2{width: 550px; padding-top: 80px;}
.order2 p{text-align:justify; color: gray; padding: 7px 10px 7px 10px;}
.order2 img{ float: left; margin: 10px 10px 10px 10px;}

.firmname{font-size: 12px; font-weight: bold; color: black;}
.boldtext{font-size: 11px; font-weight: bold; color: black;}
/*==========================================*/

a {text-decoration:underline; color:#6d6d63}
a:hover {text-decoration:none}

.link {background:url(images/link_bg.gif) repeat-x top; padding:0 6px 4px 8px; float:left; margin:17px 0 0 0}
.link a {text-decoration:none; color:#fefefe; background:url(images/marker_link.gif) no-repeat right 4px; padding-right:10px}
.link a:hover {text-decoration:none; background:none}

h4{ margin: 0; padding: 8px 10px; font-family: arial, sans-serif; font-size: 12px;}

h5.date {font-size:1em; color:#004b6a; font-weight:normal; margin:0 0 11px 0}
h5.date span {height:17px; width:20px; background:#474747; color:#fff; float:left; margin-right:8px; font-weight:bold; text-align:center; font-size:1.09em}

h5.font_1 {color:#1b1b1b; font-size:1em; text-transform:uppercase; margin:0 0 5px 0; line-height:1.45em}
h5.font_2 {color:#1b1b1b; font-size:1em; margin:0 0 5px 0; line-height:1.45em}

.div_title1 {background:url(images/hpcase.png) no-repeat 0 0; padding:8px 0 45px 51px; margin:0 0 -14px -16px}
.div_title2 {background:url(images/auto.png) no-repeat 0 0; padding:8px 0 45px 51px; margin:0 0 -2px -16px}
.div_title8 {background:url(images/title_bg8.gif) no-repeat 0 0; padding:10px 0 32px 51px; margin:0 0 -10px -16px}
.div_title10 {background:url(images/title_bg7.gif) no-repeat 0 0; padding:8px 0 45px 51px; margin:8px 0 -4px -16px}

a.link2 {background:url(images/marker_link2.gif) no-repeat 0 4px; padding-left:10px; font-weight:bold; text-decoration:underline; color:#004b6a; font-family:Georgia}
a.link2:hover {text-decoration:none}

.clear { clear:both;}

 p {margin:0 0 15px 0}
.p1 {margin:0 0 10px 0}

.font_1 {color:#1b1b1b; font-size:1em; text-transform:uppercase}
.font_2 {color:#383835; font-weight:bold}
.font_3 {color:#383835}
.main_indent {padding:0 55px 0 54px; background:url(images/left_bg.gif) no-repeat 0 0}


/*header*/
#header { height:210px; background:url(images/header_bg.jpg) no-repeat 0 50px;}

.m6 {position:relative; margin-right:-1px}

.logo {position:absolute; margin:120px 0 0 0}

/*content*/
#content { background:url(images/content_bg.jpg) no-repeat 0 0; font-size:0.6875em; line-height:1.36em}
.img_left {float:left; margin:0 11px 10px 0}
.img_left2 {float:left; margin:0 8px 12px -10px}
.img {margin-bottom:10px}

.form {background:url(images/form.jpg) no-repeat 0 0; padding:23px 24px 23px 0; text-align:right}
.form .input_1 {width:115px; height:18px; font-size:1em}
.form .div_input {height:28px}

/*footer*/
#footer{ font-family:Georgia; font-size:0.75em; line-height:1.33em; color:#6a6a6a; text-align:center; padding:10px 0 0 0}
#footer .line_footer {background:url(images/line_footer_bg.gif) repeat-x top; margin:0 0 -13px 0; height:20px}
#footer a {text-decoration:underline; color:#21556a}
#footer a:hover {text-decoration:none}

.footer_menu { overflow:hidden; width:100%; padding-bottom:6px; font-size:0.9em}
.footer_menu li { display:inline; margin-left:-1px;}
.footer_menu li a { color:#21556a; border-left:1px solid #21556a; padding:0 6px 0 8px; text-decoration:none !important; font-weight:bold}
.footer_menu li a:hover { text-decoration:underline;}
.footer_menu li a.none {border:none; padding-left:0}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:25px 22px 28px 25px}
#page1 #content .col_2 .indent { padding:25px 20px 28px 32px}
#page1 #content .col_3 .indent { padding:25px 20px 28px 32px}
#page1 #content .width2 {padding-top:8px}
#page1 #content .width2 .col_1 .indent { padding:5px 5px 5px 5px}
#page1 #content .width2 .col_2 .indent { padding:5px 5px 5px 5px}
#page1 #content .width2 .col_3 .indent { padding:5px 5px 5px 5px}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:10px 0px 0px 10px;}
#page2 #content .col_2 .indent { padding:5px 5px 5px 5px;}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:10px 0px 0px 10px;}
#page3 #content .col_2 .indent { padding:5px 5px 5px 5px;}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:5px 0px 0px 10px;}
#page4 #content .col_2 .indent { padding:5px 0px 0px 5px;}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:4px 28px 0px 10px}
#page5 #content .col_1 .indent_2 { padding:0px 0px 0px 0px}
#page5 #content .col_2 .indent { padding:5px 15px 15px 15px}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:22px 28px 24px 32px}
#page6 #content .col_1 .phones {float:right; margin-right:35px}
#page6 #content .col_2 .indent { padding:17px 30px 23px 32px}
#page6 #content .col_3 .indent { padding:25px 35px 25px 32px}

input {width:171px; height:20px}
.div_input {height:26px}
textarea {width:173px; height:113px; overflow:auto; margin-bottom:4px; display:block}

/*================== index-6.html ==================*/
#page7 #content .col_1 .indent { padding:5px 5px 5px 5px}


/*==================block====================*/
.block_1 {background:url(images/block_bg.gif) repeat-y left top; width:249px}
.block_1 .top {background:url(images/top_1.gif) no-repeat 0 0}
.block_1 .bot {background:url(images/bot_bg.gif) repeat-x left bottom; width:100%}

.block_1_2 {background:white; width:249px}
.block_1_2 .top {background:url(images/top_3_1.gif) repeat-x top}
.block_1_2 .left {background:url(images/left_3.gif) repeat-y left}
.block_1_2 .right {background:url(images/right_3.gif) repeat-y right}
.block_1_2 .bot {background:url(images/bot_bg.gif) no-repeat left bottom; width:100%}
.block_1_2 .left_top { background:url(images/left_top_3.gif) left top no-repeat; width:100%}
.block_1_2 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}


.block_2 {background:url(images/block_bg.gif) repeat-y left top; width:249px}
.block_2 .top {background:url(images/top_21.gif) no-repeat 0 0}
.block_2 .bot {background:url(images/bot_bg.gif) repeat-x left bottom; width:100%}

.block_2_2 {background:white; width:249px}
.block_2_2 .top {background:url(images/top_3_1.gif) repeat-x top}
.block_2_2 .left {background:url(images/left_3.gif) repeat-y left}
.block_2_2 .right {background:url(images/right_3.gif) repeat-y right}
.block_2_2 .bot {background:url(images/bot_bg.gif) no-repeat left bottom; width:100%}
.block_2_2 .left_top { background:url(images/left_top_3.gif) left top no-repeat; width:100%}
.block_2_2 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}


.block_3 { background:white}
.block_3 .left_top { background:url(images/left_top_3.gif) left top no-repeat; width:100%}
.block_3 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}
.block_3 .right_bot { background:url(images/right_bot_3.gif) right bottom no-repeat;}
.block_3 .left_bot { background:url(images/left_bot_3.gif) left bottom no-repeat;}
.block_3 .left {background:url(images/left_3.gif) repeat-y left}
.block_3 .top {background:url(images/top_3_1.gif) repeat-x top}
.block_3 .right {background:url(images/right_3.gif) repeat-y right}
.block_3 .bot {background:url(images/bot_3.gif) repeat-x bottom}

.block_3_2 { background:white; padding-left: 5px;}
.block_3_2 .left_top { background:url(images/left_top_3.gif) left top no-repeat; width:100%}
.block_3_2 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}
.block_3_2 .right_bot { background:url(images/right_bot_3.gif) right bottom no-repeat;}
.block_3_2 .left_bot { background:url(images/left_bot_3.gif) left bottom no-repeat;}
.block_3_2 .left {background:url(images/left_3.gif) repeat-y left}
.block_3_2 .top {background:url(images/top_3_1.gif) repeat-x top;}
.block_3_2 .right {background:url(images/right_3.gif) repeat-y right}
.block_3_2 .bot {background:url(images/bot_3.gif) repeat-x bottom}


.block_4 {background:url(images/block4_bg.gif) repeat-y left top; width:249px}
.block_4 .top {background:url(images/top_4.gif) no-repeat 0 0}
.block_4 .bot {background:url(images/bot_4.gif) repeat-x left bottom; width:100%}

.block_5 { background:#fff}
.block_5 .left_top { background:url(images/left_top_5.gif) left top no-repeat; width:100%}
.block_5 .right_top { background:url(images/right_top_5.gif) right top no-repeat;}
.block_5 .right_bot { background:url(images/right_bot_5.gif) right bottom no-repeat;}
.block_5 .left_bot { background:url(images/left_bot_5.gif) left bottom no-repeat;}
.block_5 .left {background:url(images/left_5.gif) repeat-y left}
.block_5 .top {background:url(images/top_5.gif) repeat-x top}
.block_5 .right {background:url(images/right_5.gif) repeat-y right}
.block_5 .bot {background:url(images/bot_5.gif) repeat-x bottom}

.block_6 { background:white}
.block_6 .left_top { background:url(images/left_top_6.gif) left top no-repeat; width:100%}
.block_6 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}
.block_6 .right_bot { background:url(images/right_bot_3.gif) right bottom no-repeat;}
.block_6 .left_bot { background:url(images/left_bot_3.gif) left bottom no-repeat;}
.block_6 .left {background:url(images/left_3.gif) repeat-y left}
.block_6 .top {background:url(images/top_3_1.gif) repeat-x top}
.block_6 .right {background:url(images/right_3.gif) repeat-y right}
.block_6 .bot {background:url(images/bot_3.gif) repeat-x bottom}

/*==========Slider za katalozi================================*/
#jquery{margin:182px 0px 0 125px; position:absolute;  color: white; font-size: 9px;}
#jquery ul{ list-style: none; margin: 0; padding: 0px 10px;}
#jquery ul li{  float: left; margin-right: 10px; display: block; overflow: hidden; height: 28px; width: 110px;}
#jquery img{border: none;}
#jquery a{color: white; font-size: 9px;}
#jquery a:hover{color: white;}
#jquerya1 { width: 210px;}
#jquery ul li img{ position: absolute;}
#jquery ul li p{ margin: -2px; padding-left: 5px; width: 100px; height: 27px; display: block; margin-left: 115px;}
/*===============================================================*/

#s3slider {
   width: 238px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 5px;
}

#s3sliderContent {
   width: 238px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 5px; /* important */
   margin-left: 0; /* important */
   
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 238px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/*===============================================================*/

/*===============================================================*/

#s31slider {
   width: 238px; /* important to be same as image width */
   height: 80px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 0px;
}

#s31sliderContent {
   width: 238px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0px; /* important */
   margin-left: 0; /* important */
   
}

.s31sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s31sliderImage span {
   position: absolute; /* important */
   left: 0px;
   font: 11px/15px Arial, Helvetica, sans-serif;
   padding: 5px 5px 0px 5px;
   width: 80px;
   height: 80px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/*===============================================================*/

/*========================Index-4.html===========================*/

#carslider {
   width: 550px; /* important to be same as image width */
   height: 373px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 5px;
}

#carsliderContent {
   width: 550px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 5px; /* important */
   margin-left: 0; /* important */
   
}

.carsliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.carsliderImage1 span {
   position: absolute; /* important */
   left: 0px;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 20px 13px;
   width: 550px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0px;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.carsliderImage2 span {
   position: absolute; /* important */
   left: 0px;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 20px 13px;
   width: 550px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0px;
}

.clear {
   clear: both;
} 

/*=====================end Index-4.html==========================*/

/*========================Index-5.html===========================*/

#prodavnicislider {
   width: 238px; /* important to be same as image width */
   height: 120px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 5px;
}

#prodavnicisliderContent {
   width: 238px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 5px; /* important */
   margin-left: 0; /* important */
   
}

.prodavnicisliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.prodavnicisliderImage span {
   position: absolute; /* important */
   left: 0px;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 0px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0px;
}

.clear {
   clear: both;
} 

/*=====================end Index-5.html==========================*/


/*===============================================================*/
.divslider { width: 173px;  }
.divslider h4{margin: 0; padding: .25em; background: url(images/marker_list.gif) no-repeat left center; border-top: 1px solid #386785; border-bottom: 1px solid #386785; padding-left: 10px;}
.divslider div { padding: .3em .25em; background-color:	#E8E8E8  ;}

/*===============================================================*/

#showproducts{}
#showproducts .nameblock{ color: white; font-size: 11px; width: 260px; background-color: #386785; margin: 0px 7px 0px 7px; }
#showproducts .name{padding: 0 0 0 5px;}
#showproducts .paragraph {width: 260px; height: 97px; color: #4B4B4B; font-size: 10px; background: #E4E4E4; margin: 0px 7px 0px 7px;}
#showproducts .subparagraph{background:url(images/breakline1.gif) right bottom no-repeat;}
#showproducts .paragraph input{ float: left; width: 90px; height: 90px; border: none; margin: 3px 10px 0px 5px; padding: 0; border:1px solid gray; }
#showproducts .title{font-size: 11px; font-weight: bold; color: black;}
#showproducts .price{font-size: 10px; color: red;}
#showproducts .club{font-size: 9px;}
#showproducts .subparagraph1{height: 74px; padding-top: 3px;}
#showproducts .subparagraph2{background:url(images/breakline1.gif) right top no-repeat; padding-top: 3px;}

/*===============================================================*/
/*potrebno za popup window so pomos na ajaxpopup.js*/
.dragme { cursor: move }
/*===============================================================*/