@charset "utf-8";
/* CSS Document */
/* 2020 */
.kartice { display: flex; margin:15px 10px 15px 10px; justify-content:center; }
.kartice img {  
  height: 45px;
  vertical-align: middle; }
.kartice a { padding-right:4px;}

/* exMain */
body{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;} 
			
h1,legend, p.notification {margin: 5px; padding: 5px;}
h2, h3, h4, h5, h6, form, p, ul{margin:0px;padding:0px;}
h2 { font-size:1.5em; margin:5px; clear:both;}
h1,legend { font-size: 2em; clear:both;}
html { background-image: url(https://prodaja.fils.hr/pattern-1.png); }
legend {display:block; width:100%; }

.foot {height:95px;width:100%; border-top:3px solid #e4e4e4;overflow:hidden;  }
#fcont { max-width:1000px; padding:5px 10px 5px 10px; margin:auto;}
.ltop {height:95px;width:100%;background:none repeat scroll 0 0 #ffffff;border-bottom:5px solid #7BA6B9;}
.htop {height:25px;width:100%;background:none repeat scroll 0 0 #494949;border-bottom:2px solid #e77927; }

.header_page{background-color:#ffffff;width: 100%;height:95px;float: left;}

a {
    text-decoration: none;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition:  all .2s linear;
    transition: all .2s linear;
}

#welcome { background-color:#464646; height:43px; border-top: 1px solid #e0e0e0 ; border-bottom: 1px solid #e0e0e0 ; -moz-box-shadow: 0px 1px 5px -1px #454545; -webkit-box-shadow: 0px 1px 5px -1px #454545; box-shadow: 0px 1px 5px -1px #454545; background-image:url(https://prodaja.fils.hr/gradient-top-gray-40px.png); }

#content
{ max-width:1000px; margin:auto; background-color:#fff;/* -moz-box-shadow: 0px 0px 8px #6b6b6b; -webkit-box-shadow: 0px 0px 8px #6b6b6b; box-shadow: 0px 0px 8px #6b6b6b;*/ padding-top:10px;padding-bottom:20px;}
/*logo*/
#Logo{float:left;max-width:100%;width:auto;border: none;position:relative; } 
#Logo a{border: none;}
#Logo a img{border: none;}
#LogoOpis{align:right;height:90px;border: none;position:relative;top:10px;} 
#LogoIn{position:absolute;bottom:0px;right:0px}
#LangIn{position:absolute;top:0px;right:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal; }
#LangIn a{ color:#999999; text-decoration:none;}
#LangIn a:hover { color:#000000; font-style:normal; text-decoration:underline;}
.cintro {padding:7px; max-width:900px; }
.intro {border:1px solid #bbb; padding-top:20px;padding-bottom:15px;padding-left:15px;padding-right:15px;}
.rimg { max-width:100%;height:auto; padding:1%;padding-top:10px; }
.mimg { max-width:100%;height:auto; padding:1%;padding-top:10px; border:0;}

.htop #LangIn{position:relative;top:0px;right:2%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color:#f8f8d8; float:right;padding-top:7px;padding-bottom:7px; text-align:right;}
.htop #LangIn a{ color:#ffff00; text-decoration:none; font-weight:bold;}
.htop #LangIn a:hover { color:#ffff00; font-style:normal;  font-weight:bold; text-decoration:underline;}

/*
a.logo{background:url("images/Fils-logo-novi1.jpg") no-repeat scroll 0 0 transparent; float:left;height:79px;margin-top:12px;width:500px;} /* do 7.7. logo filslogo.png 200px sirina 76 17 top */
/*a.logo img{height:48px;float:left;border:none;}
*/

.center{margin: 0 auto;width:100%; background-color:#fff; }

.footer{/*border-top:3px solid #E4E4E4;height:55px;*/margin-right:0px;padding-top:16px;position:relative;width:100%;overflow:hidden;/*-moz-box-shadow: 0px 0px 8px #6b6b6b; -webkit-box-shadow: 0px 0px 8px #6b6b6b; box-shadow: 0px 0px 8px #6b6b6b;*/  } /*margin-top: 40px;}*/
.footer ul{max-width: 950px;float: left;}
.footer li {list-style: none;}
.footer ul li{background:url("images/footer_line.jpg") no-repeat scroll right center transparent;float:left;list-style:none outside none;padding-left:7px;padding-right:7px;}
.footer ul li a{text-decoration: none;font-size: 12px;font-weight: bold;color: #8bbcd5;font-family: arial;} 
.footer ul li a:hover{color: #336a9e;}
.footer p{font-size: 12px;color:#8bbcd5;margin-top: 0px;float: left;}
.footer p a{text-decoration: none;color:#8bbcd5;margin-left: 0px;}
.footer p a:hover{color: #ffffff;}
div#lijevo {float: left;}
div#desno {float: right;}
div#sredina {margin: 0px; text-align:center;width:33%;}
.div#sredina p{font-size: 12px;color:#8bbcd5;margin-top:0px;float:none;}
.div#sredina p a{text-decoration: none;color:#8bbcd5;margin-left: 0px;}
.div#sredina p a:hover{color: #336a9e;}



h2 { padding:4px; border-radius:10px;

  }
   
  	.validateTips { border: 1px solid transparent; padding: 0.3em; }
	
	#listadiv { padding:0px; border-radius:4px; background:#f0f0f0; margin:10px;

  }

#lista ul { 
width:60%;margin-left; 20px; text-align:left; padding-top:18px; padding-bottom:18px;}
#lista ul li { padding-top:4px;padding-bottom:2px;}
#lista ul li ul { margin-left:30px;width:100%; padding-top:4px;padding-bottom:2px; }
#lista ul li ul li { margin-left:10px; padding-top:2px; padding-bottom:0px;}

#uvjeti { font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-align:justify; text-indent:20px; margin:20px; padding:10px;}
#uvjeti p { padding-bottom:3px; padding-top:1px; }
#uvjeti ul { margin-left:40px; margin-right:40px;text-align:left; padding-top:10px; padding-bottom:8px; text-indent:0px;}
#uvjeti ul li { padding-top:4px;padding-bottom:2px;}
#uvjeti ul li ul { margin-left:30px;width:100%; padding-top:4px;padding-bottom:2px; }

#indexinfo 
{ 	position:absolute;
	margin-left:400px; 
	width:460px; 
	border-radius:8px; 
	background-color:#fafafa; 
	border-width:1px;
	border-color:#aaa;
	padding:6px; 
	border-style:solid;
	margin-top:10px;
	color:#666;}
	
/* 8.8.2013. tooltip kad je isteklo vrijeme kupnje preko weba*/
a.tooltip {font-size:9px; color:#0000CC; background-color:#FFFF00; outline:none; }
a.tooltip strong {line-height:18px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:5px 10px;
    margin-top:-30px; margin-left:-140px;font-size:10px;
    width:280px; line-height:12px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

a.ltooltip {font-size:9px; color:#0000CC; background-color:#ffff00; outline:none; }
a.ltooltip strong {line-height:18px; font-size:12px;}
a.ltooltip:hover {text-decoration:none;} 
a.ltooltip span {
    z-index:10;display:none; padding:5px 10px;
    margin-top:-10px; margin-left:-5px;font-size:11px;
    width:170px; line-height:12px; font-weight:normal;
}
a.ltooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#ffffcc;}
    
/*CSS3 extras*/
a.ltooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


 .errmini { font-size:0.77em; background-color:#f00; color:#ff0;  padding:2px 8px;}
 
.srcdstw  {width:350px;}
.srcdstw4 {width:150px;}
.formbutton { width:23%; padding:16px; border-radius:16px; display:block; float:right; clear:both; font-size:1.9em; }
.cijena { text-align:right; display:inline-block; float:right;}
.vrijeme { display:inline-block; float:left; }
.cCijena { font-size:2.5em; padding:3px 4px 12px;font-weight:bold; color:#f00; float:right; text-align:left;}
.cLabel {font-size:0.88em; }
.infobox { font-size: 0.9em; padding:5px; width:98%; margin:0 auto; border:1px solid #aaa; background-color:#ffa;clear:both;}
.gmapemb { width:100%; height: 400px; }

@media screen and (max-width: 900px) {
    .mimg {  max-width:47%;height:auto; padding:1%;padding-top:10px; }
}

@media screen and (max-width: 680px) {
    .mimg { max-width:100%;height:auto; padding:1%;padding-top:10px; }
div#lijevo {float: left;text-align:center;}
}

@media screen and (max-width: 640px) {
    .ibforma-col { width: 49%; padding:0.5%; float:left; }	
	.ibforma-col15 { width: 25%; padding:0.5%; float:left; margin-bottom:5px; }
	.ibforma-col45 { width: 73%; padding:0.5%; float:left; margin-bottom:5px; }
	.formbutton { width: 45%; padding:4px; float:none; font-size:1.7em; margin:0 auto;}
	.gmapemb { height: 300px; }
div#lijevo {float: left;text-align:center;}
}
@media screen and (max-width: 420px) {
    .ibforma-col { width: 99%; padding:0.5%; float:left; }
	 .ibforma-half { width:99%; padding:0.5%; float:left; clear:both; margin-bottom:5px; }
	.ibforma-full { width:99%; padding:0.5%; float:left; clear:both; margin-bottom:5px; }
	.formbutton { width: 95%; padding:12px; float:none; font-size:1.5em; margin:0 auto; }
	.gmapemb { height: 240px; }
div#lijevo {float: left;text-align:center;}
}
@media screen and (max-width: 340px) {
     .ibforma-col45, .ibforma-col15 { width: 98%; padding:1%; float:left; }
	.formbutton { width: 95%; padding:12px; float:none; font-size:1.5em; margin:0 auto; }
	.gmapemb { height: 190px; }
div#lijevo {float: left;text-align:center;}

}
@media screen and (max-width: 200px) {
	display:none;
}


@media screen and (max-width: 530px) {
    .srcdstw  {
        width:90%;
    }
	.srcdstw4  {
        width:40%;
    }
	h2 { font-size:1.2em; }
	h1 { font-size: 1.6em; }

}