*{
	font-family: "Calibri", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	margin: 0;
}

h1{font-size: 1.5em; font-weight: 500; font-style: normal; color: #e13b36; margin: 30px 0 25px 0;}
h2{font-size: 1.2em; font-weight: 700; font-style: normal; color: black; margin-top: 30px; margin-bottom: 20px;}
h3{font-size: 1.1em; font-weight: 300; font-style: normal; color: #222222; margin-top: 30px; text-decoration: underline;}
.nadpis{font-size: 1.3em; font-weight: 300; font-style: normal; color: #e13b36; margin: 0 0 15px 0;}
.reset{clear: both; height: 1px;}
.whitespace{clear: both; height: 40px;}
a{font-size: inherit; color: #444444;}
a:hover{text-decoration: none;}
a img{border: 8px solid white; margin:15px 0 0 0; padding:0;}
.clear{
	clear: both;
	height: 1px;
}
.bold{font-weight: bold;}
.textright{text-align: right;}
strong{
	font-weight: inherit;
}

table{border: 1px solid silver; width: 650px; border-collapse: collapse; margin-bottom: 50px;}
table th{padding: 20px 10px; background: #e13b36; color: white; font-size: 1.2em;}
table td{padding: 10px; border: 1px solid silver; border-collapse: collapse; vertical-align: top;}

table td.th{background: #ededed;}
table td.th500{background: #ededed; width: 450px;}

table.fotogalerie{width: 650px;}
table.fotogalerie td{text-align: center; vertical-align: top;}

table.notabular{width: 400px;}
table.notabular, table.notabular td{border: 0px !important; padding: 4px;}
table.reference{width: 100%;}

table.noborder td{border: 0;}

ul{margin:0; padding:0;}
ul li{padding-bottom: 8px; padding-left: 20px; margin-left: 0px; list-style-type: none; background: url('src/img/li.png') 0 4px no-repeat;}

p, table, li{
	text-align: left; color: #444444;
}

img{
	border: 0px;
	padding: 0 0 20px 0;
}

body{
  margin: 0;
	background-color: white;
}

#redbg, #redbgsubpage{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 550px;
  background-image: url('src/img/body_bg.png');
	background-position: center top;
	background-repeat: repeat-x;
}
#redbgsubpage{height: 185px;}


#page{
	margin: auto;
	text-align: center;
	width: 960px;
	height: 781px;
	position: relative;
	background-image: url('src/img/bg.png');
	background-position: center top;
	background-repeat: repeat-x;
}

#page.subpage{
  background-image: url('src/img/subpagebg.png');
	background-position: center top;
	background-repeat: repeat-x;
}

a#logo{
	width: 220px;
	height: 60px;
	position: absolute;
  margin: 33px 0 0 0;
	left: 0px;
}

#menu{
	height: 30px;
  margin-top: 130px;
  margin-bottom: 50px;
  float: right;
}

#menu a{float: left; display: block; width: 95px; height: 60px;}

#menu #titulka{background: url('src/img/titulka.png') 0 0 no-repeat;}
#menu #titulka.active, #menu a#titulka:hover{background: url('src/img/titulka_active.png') 0 0 no-repeat;}
#menu #o_firme{background: url('src/img/o_firme.png') 0 0 no-repeat;}
#menu #o_firme.active, #menu a#o_firme:hover{background: url('src/img/o_firme_active.png') 0 0 no-repeat;}
#menu #nase_sluzby{width: 115px; background: url('src/img/nase_sluzby.png') 0 0 no-repeat;}
#menu #nase_sluzby.active, #menu a#nase_sluzby:hover{background: url('src/img/nase_sluzby_active.png') 0 0 no-repeat;}
#menu #reference{background: url('src/img/reference.png') 0 0 no-repeat;}
#menu #reference.active, #menu a#reference:hover{background: url('src/img/reference_active.png') 0 0 no-repeat;}
#menu #cenik{background: url('src/img/cenik.png') 0 0 no-repeat;}
#menu #cenik.active, #menu a#cenik:hover{background: url('src/img/cenik_active.png') 0 0 no-repeat;}
#menu #kontakt{background: url('src/img/kontakt.png') 0 0 no-repeat;}
#menu #kontakt.active, #menu a#kontakt:hover{background: url('src/img/kontakt_active.png') 0 0 no-repeat;}


#promo{
	width: 960px;
	position: absolute;
	top: 220px;
}

a#promobtn:hover{text-decoration: underline;}
#adresa{width: 200px; color: #530000; margin-right: 40px; position: absolute; right: 0; top: 220px;}
#adresa p{font-size: 13px; margin-top: 3px; line-height: 1em; margin: 0 10px 3px 10px;}
#adresa p.novinka{margin-bottom: 15px;}
#adresa a{color: #E13B36;}
#adresa span.datum{color: #E13B36; padding-right: 10px;}
#adresa h3{font-size: 1.1em; font-weight: 700; font-style: normal; color: black; margin-top: 30px; margin-bottom: 20px;padding: 9px 0 0 10px;}
.workcontainer{width: 210px; float: left; color: #530000 !important; margin-right: 25px;}
.workcontainer p{color: inherit; margin: 0 0 0 5px; line-height: 1em; font-size: 15px; color: #530000 !important;}
.workcontainer a{color: white;}
.workcontainer h2{
  font-size: 1.2em; 
  height: 31px; 
  font-style: normal; 
  padding: 9px 0 0 10px; 
  margin-bottom: 15px;
  color: #5d0d0b;
}
.workcontainer h2 a{color: #5d0d0b; font-weight: 700;}
.workcontainer h2.zateplovani{background: url('src/img/zatepleni_icon.png') 0 0 no-repeat; padding-left: 45px;}
.workcontainer h2.malirske_prace{background: url('src/img/malirske_prace_icon.png') 0 0 no-repeat; padding-left: 65px;}
.workcontainer h2.odvlhcovani{background: url('src/img/odvlhcovani_icon.png') 0 0 no-repeat; padding-left: 45px;}
.workcontainer h2.zednicke_prace{background: url('src/img/zednicke_prace_icon.png') 0 0 no-repeat; padding-left: 65px;}
.workcontainer h2.krby{background: url('src/img/krby_icon.png') 0 0 no-repeat; padding-left: 45px;}



.container_big{
  width: 400px;
  padding: 20px;
  margin-top: 550px;
  float: left;
}
.container_big p{line-height: 1.4em;}
.container_big a{color: #e13b36;}
.container_big img{float: left;}

#references{
  top: 560px;
  width: 940px;
  height: 300px;
  position: absolute;
  margin: 0 0 0 20px;
}

#references a#more_references{
  display: block; 
  background: url('src/img/more_references.png') 0 0 no-repeat; 
  width: 183px; 
  height: 43px;
  margin: 30px 0 0 0;  
  float: left;
}

.reference{
  width: 150px;
  margin-right: 25px;
  margin-left: 5px;
  float: left;
}

.main_reference{
	height: 250px;
	float: left;
	margin-right: 20px;
}

.reference a{display: block; font-size: 13px;}
.reference img{border: 1px solid #6c6c6c; padding: 0px; margin-top: 10px;}


#content{
  width: 650px;
  float: left;
}
#content p{line-height: 1.6em;}

#submenu{
  width: 200px;
  float: left;
  margin: 30px 55px 0 0;
  padding-left: 15px;
}

#submenu a{
  list-style-type: none;
  display: block;
  padding: 15px 0 15px 10px;
  font-size: 15px;
  font-weight: bold;
}

#submenu.anchor a{background: url('src/img/submenu_anchor.png') 0 3px no-repeat;}

#submenu a.active{color: white; text-decoration: none; background: url('src/img/submenu_active.png') 0 3px no-repeat;}
#submenu a.active:hover{text-decoration: underline; color: white;}
#submenu a:hover{color: #e13b36;, text-decoration: none;}

#mapa{border: 10px solid #e13b36; padding: 0;}


#footer{
	clear: both;
	width: 960px;
	height: 110px;
  margin-top: 50px; 
  margin-bottom: 50px;  
  background: url('src/img/footer_bg.png') 0 0 no-repeat;
}
#footer div{background: #4a4a4a; height: 33px; color: white; padding: 12px 20px 0 20px;}
#footer span, #footer strong, #footer a{font-size: 13px; color: white;}



.paddingtop40{padding-top: 40px;}
.noborder{border:0; text-decoration: none;}
.fleft{float: left;}
.fright{float:right;}
.nofloat{float: none !important; clear: both;	padding-top: 50px;}
.paddingleft100{padding-left: 100px;}
.paddingleft20{padding-left: 20px;}
.paddingleft15{padding-left: 15px;}
.bold{font-weight: bold;}
li{margin-left: 15px;}