@CHARSET "UTF-8";

/* set default character to all */
*{
	font-family: helvetica, Verdana;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
	font-size: 12px;
    vertical-align: baseline;
    background: transparent;
    color: #535353;
}

/* main tags */
body{
background: url("../images/layout/bg.gif") top left repeat-x #fff;

}
 
ul, ol{
margin-left: 27px;
margin-bottom: 25px;
}


h1{
	font-size: 10px;
	padding: 0px;
	text-align: left;
	position: absolute;
	font-weight: normal;
	top: 10px;
	left: 0px;
	color: #555;
	width: 600px;
	padding: 0px 0px 0px 0px;
}
	h2{
		color: #0072aa;
		font-size: 20px;
	
		padding: 0px 0px 25px 0px;

	}
h3{
color: #0072aa;
font-size: 16px;
padding: 0px 0px 15px 0px;

}
 h4, p {margin: 0px 0px 15px 0px;}
	
	p#path{
		padding: 5px 0px 5px 0px;
		margin: 0px;
	}

	a{ color: #000; }

/* clearing element */
div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px; }

/* layout definition */

div#templateMainBlocksCover{
	background: transparent;
}

/* main content holders */
div#templateTop{ position: relative;  height: 75px; }
div#templateUnder{}
div#templateContent{ padding: 20px 0px 0px 0px; }
div#templateContent2{background: url("../images/layout/big-bg.jpg") top center no-repeat transparent; padding: 0px; }
div#templateFooter {  background: url("../images/layout/bg-footer.jpg") top left repeat-x #fff; height: 162px;}

div#templateTop div.templateMiddleDiv {position: relative;  background: url("../images/layout/top-menu.jpg") top center no-repeat ; line-height: 0px;}
div#templateUnder div.templateMiddleDiv{ }
div#templateContent div.templateMiddleDiv { }
div#templateFooter div.templateMiddleDiv {}

	/* base definition of centering div  */
	div.templateMiddleDiv{
		width: 960px;
		margin: 0 auto;
		
		padding: 0px 0px 0px 0px;
	}	

	/* top definition */
	div#templateTop div.templateMiddleDiv{
		padding-top: 26px;
		padding-bottom: 10px;
	}
	

	
		a#templateLogo{
			display: block;
			height: 100px;
			background: #ccc;
			text-decoration: none;
		}	
			
			a#templateLogo:hover{ background: lime; }
		
	/* definition of under */
	div#templateUnder div.templateMiddleDiv{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	div#templateUnder div.templateMiddleDiv{
		height: 30px;
	}	
	
	/* middle div in content */
	div#templateContent div.templateMiddleDiv{
	width: 960px;
	position: relative;
	}
	
	img.chcishop-ref{
	
  	}
	
		
		/* content divs */
		div#templateContentLeft,
		div#templateContentRightBlock,
		div#templateContentCenter,
		div#templateContentCenter2,
		div#templateContentRight{
			min-height: 400px;
			float: left;
			padding: 0px;
			margin: 0 auto;
		}
			/* colors for columns, it not will here */
			div#templateContentLeft,
			div#templateContentCenter,
			div#templateContentCenter2,
			div#templateContentRight{ }

div#templateContentCenter2{ 
	 background: url("../images/layout/chcishop-cenik.jpg") top right no-repeat ;
			margin: 0px 0px 0px 0px; 
		}
		
		
		div#templateContentCenter{ 
	 
			margin: 0px 0px 0px 0px; 
		}
		
		
		div#templateContentRight{
			width: 160px; 
		}
	
  div.cenik{
  float: left;
  width: 440px;
  }
  
  	
ul.fransiza{
padding-left: 0px;
margin-left: 0px;
float: left;
}		
	
	ul.fransiza li{
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 6px ;
	list-style-type: none;
  background: url("../images/layout/ul-li.jpg") left 10px no-repeat ;
  }
img.cenik-img{
float: right;
}	
	
		div.blok{
    background: url("../images/layout/blok2.jpg") top left no-repeat ;
    width: 330px;
    color: #8a8a8a;
    float: left;
    height: 180px;
    padding: 68px 70px 84px 46px;
    margin-left: 30px;
   
    }	
    	div.blok a{
   
    color: #8a8a8a;
   
    }	
    	div.blok *{
    	font-size: 11px;
      }
    
    table tr td.tdRight{
    text-align: right;
    font-weight: bold;
    }
    table tr td.tdRight2{
    text-align: right;
    width: 50px;
    font-weight: bold;
    }
    table tr td.tdAdresaFT{
    width: 160px;
    vertical-align: bottom;
    padding: 0px;
    }
    table tr td.tdAdresa{
    width: 150px;
    vertical-align: top;
    padding: 0px;
    }
    
    
    table tr td.tdH3 h3, table tr td.tdAdresaFT h3{
    color: #8a8a8a;
    font-size: 18px !important;
    }
    
    table tr td.tdAdresa p{
   margin: 0px !important;
   
   padding-bottom: 20px;
 
    }
    
    table tr td.tdLogoFT{
    height: 140px;
    width: 160px;
    text-align: center;
    }
    table tr td.tdLogo{
    height: 100px;
    width: 160px;
    text-align: center;
    }
     table tr td.tdKontakt{
    height: 100px;
    width: 160px;
    text-align: center;
    }
    
    div.blok-oranzova{
   margin-top: 85px;
    width: 412px;
    float: left;
    margin-left: 110px;
    height: 378px;
    position: relative;
    
    }	
    div.blok-zelena{
   margin-top: 85px;
   margin-left: 20px;
    width: 412px;
    float: left;
    position: relative;
    height: 378px;
   
    }	
    
    div.blok-reference{
   margin-top: 20px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: center !important;
    }	
     div.blok-reference2{
    margin-top: 20px;
    
    position: relative;
    padding-bottom: 20px;
    text-align: center !important;
    }	
     div.blok-reference3{
    margin-top: 60px;
    position: relative;
    padding-bottom: 20px;
    text-align: center !important;
    }	
    ul.zelena{
    margin: 0 auto;
    width: 265px;
    margin-bottom: 10px;
    list-style-type: none;
    }
    
    ul.zelena li{
 padding-top: 3px;
   padding-left: 43px;
   color: #8a8a8a;
vertical-align: center;
   height: 37px;
   background: url("../images/layout/li-zelena.jpg") top left no-repeat ;
    }
    ul.zelena li.naCenter{
 
  height: 28px;
   padding-top: 12px;
  
    }
    
     ul.oranzova{
   margin: 0 auto;
    width: 265px;
     margin-bottom: 10px;
    list-style-type: none;
    height: 148px;
    }
    
    ul.oranzova li{
     padding-top: 3px;
   padding-left: 43px;
   color: #8a8a8a;
   height: 37px;
   background: url("../images/layout/li-oranzova.jpg") top left no-repeat ;
    }
    p.kontakt{
    margin-top: 15px;
    width: 412px;
    text-align: center;
    }
    a.kontaktujte{
     margin: 0 auto;
    }
    
    table.tabRef{
    margin: 0 auto;
    text-align: center !important;
    }
    
    table.tabRef tbody tr td.centerTd{
    text-align: center;
    color: #535353;
    }
    table.tabRef tbody tr td.centerTd a{
    text-align: center;
    color: #535353;
    }
    
    
    .tableCenik {
		margin-top: 20px;
	}
    
  table.tableCenik tr td{
  border-bottom:1px dotted #CCCCCC; padding: 5px; }  
    
     table.tableCenik tr td.tdCenter{
  text-align: center; width: 150px;}  
  
  table.tableCenik tr td.tdBig{
  width: 550px;}  
  
    table.tableCenik tr td.noBorder{
  border: none;
  text-align: right;
    }  
    span.mini{
    font-size: 10px;
    color: #CCCCCC;
    }
    h3.h3Eshop, strong.h3Eshop{
    color: #0099CC;
    }
    strong.h3Www{
    color: #006699;
    }
	/* content classes */
	
	div.templateLoop{
		border-bottom: solid 1px #666; 
		margin: 0px 0px 20px 0px;
		
	}
	p.big{
  font-size: 16px;
  font-weight: bold;
  
  }
		p.templateLikeAsHeading{ padding-top: 5px; }
	
	div#paymentServices{
		height: 204px;
		background: url('../images/layout/bg-services.gif') center 10px no-repeat;
	}
	
	
	/* middle div in footer */
	div#templateFooter div.templateMiddleDiv{
			
		
	}
		div.templatePeriod{
			float: left;
			padding-top: 42px;
		}
		
		div.periodSt{
			width: 346px;
			padding-left: 45px;
		}
		div.periodNd{
			width: 340px;
		}
		
				
			div.templatePeriod h3,
			div.templatePeriod h3 strong{
				font-size: 18px;
			}
		
			div.templatePeriod h3{
				font-weight: normal;
				color: #b2b3b7;
				padding-bottom: 15px !important;
			}
	
			div.templatePeriod h3 strong{
				font-weight: bold;
			}
			
			strong.col1{ color: #005995 !important; }
			strong.col2{ color: #017ec1 !important; }
			strong.col3{ color: #019cdf !important; }
	
	/* copyright */
	p#copyright{
		text-align: center;
		margin: 0px;
	line-height: 0px;
	}
	
	p#copyright,
	p#copyright a{
		color: #222;
	}

	/* langs */
	div#langs{
		width: 929px;
		text-align: right;
		position: absolute;
		left: 50%;
		top : 0px;
		margin-left: -480px;
		padding: 2px 31px 0px 0px;
	}
	div#langs img{
		padding:1px;
		border: solid 1px #ccc;
	}
	
	div#langs a.active img{
		border-color: #888;
	}