/* 

Advanix Template - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#888;
	height:100%;
	line-height:22px;
	background-color:#f8f8f8;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:15px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#7ba6c0}
h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#7ba6c0}
h1 {font-size:32px; line-height:32px;}
h2 {font-size:28px; line-height:28px;}
h3 {font-size:24px; line-height:24px;}
h4 {font-size:20px; line-height:20px;}
h5 {font-size:16px; line-height:16px;}
h6 {font-size:12px; line-height:12px;}

/* links */
a {color:#7ba6c0; text-decoration:none;}
a:hover{color:#7ba6c0; text-decoration:underline;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:7px 8px 0px 0px !important;}
.imgright{float:right; margin-left:15px;}
.imgmiddle{vertical-align:middle; padding-right:6px}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:22px;
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
ol li
{
    line-height:32px;
}
blockquote {
	
	margin:25px 0 25px 0px;
	color:#6b6b6b;
	padding:12px;
	background-color:#fff;
	border:1px solid #e0e0e0;
	}
blockquote p{ margin:0px;}
/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#top_container{ background-image:url(../images/bg_container_top.gif); background-repeat:repeat-x; background-position:top}
#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; background-color:#926eb5; min-height:259px;}
#footer_container{ background-image:url(../images/bg_container_footer.gif); background-repeat:repeat-x; background-color:#76519c; min-height:51px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
.centercolumn{width:978px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{height:128px}
#logo{width:288px; float:left;margin-top:10px;}
#navigation {width:680px;float:right;}
#navigation ul li{ margin:45px 0px 0px 0px;  position:relative;}


#nav{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;  float:right;  z-index:15; position:relative; line-height:20px;}
#nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
ul#nav
{
    float:right;
}
ul#nav li span{display:block; font-size:11px; }

#nav li{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
	position:relative;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
#nav li a{
	color:#fff;  font-size:14px; font-weight: bold; display:block; float:left; padding:10px 15px 10px 15px; 
 	background-image:url(../images/line-menu.gif); background-repeat:no-repeat; background-position:0px 0; margin-left:0px;
 	text-transform:uppercase;
 }

#nav li a:hover{background:#bf7171;color:white; text-decoration:none}
#nav li.current{background:#bf7171;}
#nav li.current a{color:white;}

ul#nav li li a, ul#nav li li a:visited {color:#fff; line-height:normal!important; background-image:none;}
ul#nav li li a:hover{ color:#ffd9d9 !important;}

#nav li li {
padding:0px 0px;
margin:0px;
background-image:none;
position:relative;
z-index:350;
border-bottom:solid 1px #d2a8a8;
display:block;
width:165px!important;

}

#nav ul {
display:none;
left:0px;
position:absolute;
top:35px;

z-index:350;
border:solid 1px #d2a8a8;
border-bottom:0px;
background-color:#c28585;
width:165px!important;
padding:0px 0px;
}

#nav li ul a{
display:block !important;
height:auto;
width:140px!important;
text-align:left;
font-size:12px;
font-weight:normal;
line-height:33px;
z-index:350;
border:0px;

}


#nav ul ul{top:auto;border-top:none; border:solid 1px #d2a8a8; border-width:1px 1px 1px 1px;}	
#nav li ul ul {left:165px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}
/*** END TOP ***/


/*** CONTENT ***/

#maincontent{padding:30px 0px 40px 20px;  }
#maincontent img{
	padding:3px;
	border:solid 1px #d6d6d1;
	background-color:#FFFFFF;
	margin-top:5px;
	margin-bottom:5px;
}
#box_container{
	margin-bottom:30px;
	width:970px;
	float:left;
}
.box{
	float:left;
	width:206px;
	margin-left:40px;
}
.box.nomargin{ margin-left:0px !important;}
.box h2{
	line-height:23px;
	font-size:16px;
	padding-top:5px;
	margin-bottom:10px;
}
#content{clear:left; margin-bottom:25px;}
.tagline{
	font-size:20px;
	line-height:33px;
	color:#7ba6c0;
}
/*** END CONTENT ***/




/*** FOOTER ***/
#bottom_container{  background-color:#3a3a3a; }
#bottombox_container{float:left; width:978px; font-size:14px;color:#fffefe; padding:20px 0px 5px 0px }
#bottombox_container h2{color:#fff; padding-left:19px;padding-top:7px;padding-bottom:7px;background-color:#bf7171;font-size:16px;border:solid 1px white;}
.bottombox{float:left; width:270px;}
.bottombox{margin-left:65px;}
.bottombox.nomargin{margin-left:0px;}
.bottombox.cat h2{ padding-bottom:2px;  margin-bottom:0px;}
#bottom_container ul{margin:0px; padding:0px; margin-left:20px;list-style-type:none;}
#bottom_container ul li{margin:0px; padding:0px 0px 0px 0px; line-height:30px; list-style-type:none;font-size:16px;}
#bottom_container ul li a, #bottom_container ul li a:visited{color:#fffefe;}
#bottom_container ul li a:hover,#footer_container a:hover {text-decoration:none;color:#ccc;}


ul.f-project { margin:0px; padding:0px;}
ul.f-project img{padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:0px 18px 8px 0px !important;}
ul.f-project li{display:inline; float:left; border:none; line-height:normal; border:0px!important;}
ul.f-project li.nomargin{padding:0px 0px 0px 0px; margin:0px; color:#fffefe;}
#footer_container a, #footer_container a:visited{color:#fffefe;}
#foot{text-align:center; padding:15px 0px 0px 0px; font-size:12px;  font-family:Tahoma, Arial, Verdana; color:#fffefe;}
/*** END OF FOOTER ***/



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


.tf_pagination {
	background:url(../images/pagination_bg.gif) 0 0 scroll no-repeat;
	height: 38px;
	font-size:17px;
	line-height: 38px;
	font-family:'VegurRegular', Arial, Helvetica, sans-serif;
	display:inline-block;
	padding-left:20px;
        
        
}

.tf_pagination .inner {
	background:url(../images/pagination_bg.gif) right -38px scroll no-repeat;
	line-height: 38px;
	padding:0 20px;
	text-shadow:1px 1px 1px #fff;
	display:inline-block}

.tf_pagination a {
	margin:0 5px;
	color:#653c17;
	font-weight:normal;
	line-height:38px;
	text-decoration:none}

.tf_pagination a:hover {
	color:#de841f}
	
.tf_pagination a.page_prev, .tf_pagination a.page_next  {
	background:url(../images/pagination_prev.gif) 0 center no-repeat;
	width:10px;
	height:38px;}

.tf_pagination a.page_prev {
	padding:0 20px 0 0;
	margin:0 20px 0 -20px}

.tf_pagination a.page_next {
	background:url(../images/pagination_next.gif) right center no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 20px}

.tf_pagination .page_current {
	color:#de841f}



.novosti{
	width:600px;
	border:solid 1px #bf7171;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:15px;
}


.slike {
	padding: 3px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #CCC;
}

.video_description {
	padding: 5px;
	float: left;
	height: 240px;
	width: 240px;
	margin-top: 35px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	overflow:auto;
}

.youtubebox {
	float: left;
	height: 240px;
	width: 320px;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.youtubebox1 {
	padding: 5px;
	float: left;
	height: 16px;
	width: 251px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
.youtubebox2 {
	padding: 5px;
	float: left;
	height: 16px;
	width: 251px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	background-color: #E0E0E0;
}

#prdes {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 150px;
}
#prdes ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#prdes ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 35px;
	font-weight: bold;
	color: #666;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 170px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#prdeimage {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 260px;
}
#prdes1 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 150px;
	text-align: right;
}
#prdes1 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#prdes1 ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 35px;
	font-weight: bold;
	color: #666;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.galerija{
    
    float:left;
    text-align: center;
    width: 185px;
}	

.product_images {
	padding: 3px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #CCC;
}

.prijava{
    margin-top: 20px;
    margin-right: 10px;
    width: 100px;
    height: 25px;
    text-indent: 30px;
    float: right;
    
    background: url(../images/user.png) no-repeat;
    display: block;
}

.korpa{
    display: block;
    margin-top: 20px;
    margin-right: 10px;
    width: 230px;
    height: 25px;
    text-indent: 30px;
    float: right;
    
    background: url(../images/cart.png) no-repeat;
    
}
/*#tekst {
	height: 100px;
	width: 300px;
	color: #FFF;
}*/


/*----------------------------------------------*/
/* 2.7 Footer */
/*----------------------------------------------*/
.footer {
	background:url(images/footer_bg_img.jpg) 0 0 no-repeat #744416;
	color:#fff;
	font-family:'DroidSerifItalic', Arial, Helvetica, sans-serif;}

.footer .inner {
	background:url(images/footer_topline.png) 0 0 repeat-x}

.footer .container_12 {
	min-height:150px;
	padding:60px 0;
	text-shadow:1px 1px 1px #000;}

.footer a {
	color:#fff;
	text-decoration:none}

.footer a:hover {
	color:#fff !important;}

.footer_social {
	padding:10px 0;
    margin-left:20px;
}

.footer_social img {
	margin:1px}
.footer_social img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.footer h3 {
	font-size:19px;
	font-family:'VegurRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:1px 2px 2px #000;
	background:url(images/footer_title_line.png) left bottom no-repeat;
	margin:0 0 15px 0;
	padding-bottom:10px}

.footer h3 span {
	font-family:'VegurBold', Arial, Helvetica, sans-serif;}

.footer ul {
	margin:0}
	
.footer ul li {
	list-style:none;
	margin-bottom:10px;}

.footer ul li a:hover {
	border-bottom:1px dotted #fff;
	margin-left:-1px}

.footer_logo {
	float:right;}
	
.copyright {
	padding:10px 0;
	font-size:12px}

.copyright a {
	border-bottom:1px dotted #fff}
	
	
/*----------------------------------------------*/
/* 5.1 Widget Contact Info  */
/*----------------------------------------------*/
.widget-container {
	margin-bottom:30px}

.widget_contact {
	font-size:13px;
	color:#595959;
	line-height:1.7em;
	border:1px solid #dcdcdc;
	padding:20px 0}

.widget_contact .divider {
	padding-top:10px;
	margin-bottom:10px}

.widget_contact h3 {
	font-family:'VegurBold', Arial, Helvetica, sans-serif;
	font-size:19px;
	margin:0 0 15px 20px;
	padding:0;
	color:#121212}
	
.contact-address {
	padding:5px 10px 10px 15px;
	font-family:'VegurBold', Arial, Helvetica, sans-serif;
	color:#595959;
	font-size:13px;
	line-height:1.6em;
}

.contact-maillist {
	background:url(images/ico_arrow_blue2.gif) 36px 11px no-repeat;
	font-weight:bold;
	margin:15px 0;}

.contact-mail a {
	display:block;
	padding:3px 0 3px 53px;}

.contact-mail a:hover {
	background:url(images/sidebar_hover.gif) center top repeat-y}

.social-box {
	padding:0 20px;}

.social-box .row {
	clear:both;
	margin:12px 0;
	height:24px;
	line-height:24px;
	padding-left:34px;
	font-family:'VegurRegular', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#262626}

.social-box .row a {
	color:#595959;
	text-decoration:none}

.social-box .row a:hover {
	color:#000}

.social-mail {
	background:url(../images/icons/contact_social.png) 0 0 no-repeat}

.social-twitter {
	background:url(../images/icons/contact_social.png) 0 -24px no-repeat}

.social-skype {
	background:url(../images/icons/contact_social.png) 0 -48px no-repeat}

.social-facebook {
	background:url(../images/icons/contact_social.png) 0 -72px no-repeat}


/*----------------------------------------------*/
/* 6.4 Comment form */
/*----------------------------------------------*/
.comment-form {
	padding:15px 0;}

.comment-form .row {
	padding:7px 0}

.comment-form .row label {
	display:block;
	color:#595959;
	font-weight:bold;
	font-size:12px;
	display:block;
	float:left;
	line-height:25px;
	width:70px;
	padding-right:5px;
	text-align:right;
	margin:5px 0}

.comment-form .inputtext, .comment-form .textarea {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
	line-height:20px;
	border:1px solid #dad7d4;
	background:#ffffff;
	width:305px;
	margin:5px 0}

.comment-form .inputtext {
	margin-right:20px;
	height:20px}

.comment-form .textarea {
	width:305px;
	height:130px;
	padding:5px;
	overflow:auto;}

.grid_10 .comment-form .textarea {
	width:380px}

.field-notice {
	display:block;
	padding:0 0 0 75px;
	color:#a2a2a2;
	font-size:12px}

.btn-submit, 
.contact-form .btn-submit, 
.comment-form .btn-submit {
	background:url(images/btn_submit.png) no-repeat;
	width:95px;
	height:25px;
	text-align:left;
	padding:0 20px 0 12px;
	font-family:'DroidSerifItalic', Arial, Helvetica, sans-serif;
	color:#fefefe;
	font-size:13px;
	line-height:25px;
	border:none;}

.comment-form .btn-submit:hover,
.contact-form .btn-submit:hover  {
	color:#fff}

/*----------------------------------------------*/
/* 4.1 Newsletter box */
/*----------------------------------------------*/
.newsletterBox {
	padding:17px;
	margin-bottom:20px;
	width:244px}

.newsletterBox .inner {
	padding:0}
	
.newsletterBox h3 {
	color:#262626;
	font-family:'VegurRegular', Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	font-weight:normal}

.link-news-rss {
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/icons/icon_news_rss.gif) 0 0 no-repeat;
	padding-left:18px;
	text-decoration:none}	
	
.link-news-rss span {
	color:#f75d11}

a.link-news-rss:hover {
	color:#676767;}

.newsletter_text {
	clear:both;
	padding-top:10px}

.newsletterBox .inputField {
	float:left;
	border:1px solid #d1d1d1;
	background:#fff;
	color:#9a9a9a;
	padding:9px 10px 9px 10px;
	height:14px;
	width:190px;
	margin:0;
	line-height:14px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;}
	
.newsletterBox .btn-arrow{
	background: url(images/btn_arrow.gif) 0 0 no-repeat;
	width:28px;
	height:34px;
	float:left;
	text-indent:600px;
	overflow:hidden;
	margin:0;
	padding:0;
	margin-left:-2px}
.font16
{
    font-size:16px;
    line-height:20px;
}
.bold
{
    font-weight:bold;
}
.upper
{
    text-transform:uppercase;
}
.box-text {
    width: 300px;
    padding-left: 0px;
    padding-top: 0px;
}
.box-text h3 {
    padding-top: 0px;
}
#sidebar {
    width: auto;
}
#maintext {
    float: right;
    width: 320px;
    padding-right: 0;
}
.padding1
{
    padding:10px;
    float:left;
}
.padding2
{
    padding:8px;
    text-transform:uppercase;
    font-weight:bold;
    float:left;
    cursor:pointer;
}
.inputField
{
    width:40%;
}
.padding3
{
    padding:10px;
}
.alignright
{
    float:right;
    margin-left:40px;
}
.alignleft
{
    float:left;
}
.textcont
{
    width:270px;
    height:72px;
}
.button
{
    cursor:pointer;
}
.input_middle
{
    width:250px;
}
.obv
{
    color:red;
    font-weight:bold;
    text-transform:uppercase;
}
.textcont2
{
    width:270px;
    height:99px;
}
.mbt0
{
    margin-bottom:0;
}
.font14
{
    font-size:14px !important;
}
.myimg
{
    width:200px;height:200px;text-align:center;
}
.myimg2
{
    width:144px;height:190px;text-align:center;
}
}