* { margin: 0; padding: 0; }
body { color: gray; font-size: 1.3em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #e1cdc7; }
#obsah { width: 840px; height: auto; margin-right: auto; margin-left: auto; }
#obsah h1 { font-size: 1.4em; font-weight: lighter; margin-top: 1em; margin-bottom: 1em; }
#obsah h2 {
	font-size: 1.3em;
	font-weight: lighter;
	margin-top: 1em;
	margin-bottom: 0em;
	color: gray;
}
.top20 {
	margin-top: 20px;
}
#obsah-in { background-color: white; background-image: url(../css-img/bkgr-l.jpg); background-repeat: repeat-y; background-position: left 0; width: 840px; height: auto; }
#obsah-in-in { background-image: url(../css-img/bkgr-r.jpg); background-repeat: repeat-y; background-position: right 0; width: 840px; height: auto; }
/*hlavicka*/
#heat-matr { width: 840px; margin: 0; padding: 0; }
#heat { width: 800px; height: 197px; margin-right: 20px; margin-left: 20px; }
#heat-in { background-color: white; width: 784px; height: 197px; float: left; border-left: 16px solid #772f22; }
#nav-matr { width: 840px; margin: 0; padding: 0; }
#heat-in img {
	float: left;
}
/*navigacia šedá*/
#nav-bar { color: white; font-size: 0.8em; background-color: #808080; text-transform: uppercase; text-align: right; letter-spacing: 2px; width: 800px; height: auto; margin-right: 20px; margin-left: 20px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; border-top: 2px solid white; border-bottom: 2px solid white; }
#nav-bar a { color: white; text-decoration: none; background-color: gray; padding: 10px; border-right: 1px solid gray; border-left: 1px solid gray; }
#nav-bar a:hover { color: white; background-color: #999; text-decoration: none; padding: 10px; border-right: 1px solid white; border-left: 1px solid white; }
/*navigacia hnedá
*/
#nav-bar-hnedy { color: white; font-size: 0.8em; background-color: #772f22; text-align: right; text-transform: uppercase; letter-spacing: 2px; margin-right: 20px; margin-left: 20px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; width: 800px; height: auto; border-top: 2px solid white; border-bottom: 2px solid white; }
#nav-bar-hnedy a { color: white; background-color: #772f22; text-decoration: none; padding: 10px; border-right: 1px solid #772f22; border-left: 1px solid #772f22; }
#nav-bar-hnedy a:hover { color: white; text-decoration: none; background-color: #853d31; padding: 10px; border-right: 1px solid white; border-left: 1px solid white; }
/*navigácia oranžová
*/
#nav-bar-oran { color: white; font-size: 0.8em; background-color: #cc5a13; text-align: right; text-transform: uppercase; letter-spacing: 2px; margin-right: 20px; margin-left: 20px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; width: 800px; height: auto; border-top: 2px solid white; border-bottom: 2px solid white; }
#nav-bar-oran a { color: white; text-decoration: none; background-color: #cc5a13; padding: 10px; border-right: 1px solid #cc5a13; border-left: 1px solid #cc5a13; }
#nav-bar-oran a:hover { color: white; text-decoration: none; background-color: #dd6e29; padding: 10px; border-right: 1px solid white; border-left: 1px solid white; }
/*stredne pole*/
#str-pole-matr { width: 840px; margin: 0; padding: 0; }
#str-pole { background-image: url(../css-img/bkgr-stlp-l.jpg); background-repeat: repeat-y; width: 800px; margin-right: 20px; margin-left: 20px; }
/*cistic*/
.cleaner { height: 0; overflow: hidden; visibility: hidden; clear: both; content: ''; }
/*stlp lavy*/
#stlp-l {
	font-size: 0.65em;
	background-color: #e1cdc7;
	text-transform: uppercase;
	width: 204px;
	height: auto;
	float: left;
	border-left: 16px solid #fff;
	margin: 0px;
	padding: 0px;
}

#stlp-l a {
	color: gray;
	background-color: #f2e9e6;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #e1cdc7;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.hneda-link {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #853d31;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1cdc7;
}
#stlp-l a:hover { background-color: #853d31; }
#stlp-l-edlazby a { color: #666666; text-decoration: none; background-color: #f2e9e6; text-transform: uppercase; display: block; padding: 5px 10px; border-bottom: 1px solid #e1cdc7; }
#stlp-l-edlazby a:hover { color: white; background-color: gray; }
#stlp-l-staveb a { color: gray; text-decoration: none; background-color: #f2e9e6; text-transform: uppercase; display: block; padding: 5px 10px; border-bottom: 1px solid #e1cdc7; }
#stlp-l-staveb a:hover { color: white; background-color: #dd6e29; }
/*stlp lavy h1, h2, h3*/
#stlp-l h1, h2, h3 ,h4 { color: #fff; font-size: 1em; font-weight: normal; font-style: normal; line-height: 1.4em; margin: 0; padding: 0; }
#stlp-l h1 { color: #fff; background-color: #772f22; text-transform: uppercase; margin: 0; padding: 10px; }
#stlp-l h1 a:hover { background-color: #853d31; }
/*linka pod h1*/
#line { border-bottom: 1px solid #e1cdc7; }
.seda-link {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #808080;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1cdc7;
}

#stlp-l h2 {
	color: #fff;
	background-color: #4c4a4f;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #e1cdc7;
	font-size: 1em;
}
#stlp-l h2 a:hover { background-color: #808080; }
#stlp-l h3 { color: #fff; background-color: #cc5a13; text-transform: uppercase; margin: 0; padding: 10px; border-bottom: 1px solid #e1cdc7; }
#stlp-l h3 a:hover { background-color: #dd6e29; }
#stlp-l h4 { color: #fff; background-color: #660033; text-transform: uppercase; margin: 0; padding: 10px; border-bottom: 1px solid #e1cdc7; }
#stlp-l h3 a:hover { background-color: #dd6e29; }
#stlp-l-partneri {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 204px;
}
#stlp-l-partneri a:hover { background-color: #f2e9e6;}
.orange-link {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #dd6e29;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1cdc7;
}
/*stlp pravy*/
#stlp-p { font-size: 0.65em; background-color: white; text-align: center; width: 580px; height: auto; float: right; margin: 0; padding: 0; border-bottom: 60px solid white; }
#stlp-p p { margin-top: 1em; margin-bottom: 1em; }
.span { font-size: 0.85em; line-height: 1.4em; margin-top: 2em; }
#stlp-p a { color: gray; text-decoration: none; }
#stlp-p a:hover { text-decoration: underline; }
#stlp-p-in { background-color: white; text-align: center; margin: 0; padding: 0; width: 580px; height: auto; border-bottom: 30px solid white; }
#stlp-p-in caption {
	font-size: 1.3em;
	text-align: left;
	padding-top: 20px;
	margin: 0px;
	padding-left: 20px;
}
#stlp-p-in-in {
	font-size: 1em;
	background-color: white;
	text-align: left;
	width: 540px;
	height: auto;
	padding: 0 20px 0px;
}
#stlp-p-in-in_se_rock {
	background-image: url(../tehl_dlazby/semmelrock_linka.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 13px;
	width: 540px;
}
#stlp-p-in-in h2 {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.predajna-img-m { border-left: 10px solid #772f22; }
/*desimpel foto galery*/
.foto { border-color: white; border-style: solid; border-width: 0 15px; }
.bord20L { border-left: 20px solid white; }
.kotva { border-right: 15px solid white; border-left: 30px solid white; }
/*kontakt mapa*/
/*predajna velke img
*/
#div-pred { width: 850px; height: 642px; margin: 0; }
#div-pred-in { width: 830px; height: 622px; margin-right: auto; margin-left: auto; }
.tab { text-align: left; }
#stlp-p-in-in img { }
/*quick mix 
*/
#stlp-p-in-quick { font-size: 1em; background-color: #e1cdc7; background-repeat: no-repeat; background-position: 0 bottom; text-align: left; padding: 15px; width: 510px; height: auto; margin: 0 20px 20px; }
#stlp-p-in-quick img {  }
#stlp-p-in-quick p { margin: 0; padding: 0; }
#stlp-p-in-head { width: 510px; height: auto; padding-bottom: 10px; }
#stlp-p-in-ps { width: 348px; height: auto; float: left; }
#stlp-p-in-ls { width: 162px; float: left; }
/*abc doplnky*/
#stlppabc { font-size: 1em; background-color: white; background-repeat: no-repeat; background-position: 0 bottom; text-align: left; width: 540px; height: auto; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
#stlppabcl { background-color: #eeddd6; width: 270px; height: auto; float: left; }
#stlppabcl td { background-color: #eeddd6; text-align: left; }
#stlppabcp { width: 240px; height: auto; float: right; margin: 0; padding: 0 15px; }
#stlppabcp p  { margin-top: 0; padding-top: 0; }
#stlppabcp ul { margin-left: 1em; }
#stlppabcp li { margin-top: 12px; }
/*abc kera*/
#abckera { background-color: white; text-align: left; width: 540px; height: auto; margin: 0; padding: 0; }
#abckera1 { background-image: url(../abc-kera-dlazby-img-hb/abc-keranav1.jpg); background-repeat: repeat-y; background-position: right top; width: 444px; margin: 0; padding-right: 96px; border-top: 2px solid white; border-bottom: 2px solid white; }
#abckera1 a { color: gray; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid white; border-bottom: 1px solid white; }
#abckera1 a:hover { text-decoration: none; background-color: #e6e6e6; border-top: 1px solid gray; border-bottom: 1px solid gray; }
#abckera2 { background-image: url(../abc-kera-dlazby-img-hb/abc-keranav2.jpg); background-repeat: repeat-y; background-position: right top; margin: 0; padding-right: 96px; width: 444px; border-top: 2px solid white; border-bottom: 2px solid white; }
#abckera2 a { color: gray; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid white; border-bottom: 1px solid white; }
#abckera2 a:hover { text-decoration: none; background-color: #e6e6e6; border-top: 1px solid gray; border-bottom: 1px solid gray; }
#abckera3 { background-image: url(../abc-kera-dlazby-img-hb/abc-keranav3.jpg); background-repeat: repeat-y; background-position: right top; margin: 0; padding-right: 96px; width: 444px; border-top: 2px solid white; border-bottom: 2px solid white; }
#abckera3 a { color: gray; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid white; border-bottom: 1px solid white; }
#abckera3 a:hover { text-decoration: none; background-color: #e6e6e6; border-top: 1px solid gray; border-bottom: 1px solid gray; }
/*zobrazovanie large img*/
#img-l-heat { background-color: white; text-align: left; width: 530px; margin: 0; padding-top: 1em; padding-bottom: 8px; }
#img-l-heat h2 {
	font-size: 0.95em;
	font-weight: lighter;
	color: gray;
}
#img-l { background-color: white; width: 530px; margin: 0; padding-right: 20px; padding-left: 20px; }
#img-l img { border-bottom: 10px solid white; }
#img-l p { font-size: 0.65em; padding-top: 10px; }
.hornytext { font-size: 70%; vertical-align: 0.4em; }
#img-l td { text-align: left; }
#img-l-text { width: 530px; }
#img-l-logo { background-color: white; text-align: center; width: 530px; height: auto; padding-top: 10px; padding-bottom: 6em; }
#img-l-logo a { color: gray; text-decoration: none; }
#img-l-logo a:hover { text-decoration: underline; }
/*realizacie
*/
.galery { border: solid 1px gray; }
#stlp-p-in-in h4 {
	font-size: 1.15em;
	color: #666666;
	margin-top: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0px;
}
/*abc history*/
/*<agl.folder "history">*/
	#history-elsass a:hover { text-decoration: none; background-color: #e6e6e6; border-top: 1px solid gray; border-bottom: 1px solid gray; }
	#history-elsass a { color: gray; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid white; border-bottom: 1px solid white; }
	#history-elsass { background-image: url(../abc-history-img/history-elsass.jpg); background-repeat: repeat-y; background-position: right top; margin: 0; padding-right: 96px; width: 444px; border-top: 2px solid white; border-bottom: 2px solid white; }
	#history-provence a:hover { background-color: #e6e6e6; text-decoration: none; border-top: 1px solid gray; border-bottom: 1px solid gray; }
	#history-provence a { color: gray; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid white; border-bottom: 1px solid white; display: block; }
	#history-provence { background-image: url(../abc-history-img/history-provence.jpg); background-repeat: repeat-y; background-position: right top; margin: 0; padding-right: 96px; width: 444px; border-top: 2px solid white; border-bottom: 2px solid white; }
	#history { background-color: white; text-align: left; margin: 0; padding: 0; width: 540px; height: auto; }
/*</agl.folder>*/
/*kot system*/
#kot-sys { text-align: left; width: 540px; float: left; }
/*paticka*/
#paticka { background-color: #e1cdc7; background-image: url(../css-img/paticka-15px.jpg); background-repeat: no-repeat; background-position: 0 0; width: 840px; height: 15px; }
p {  }

td { text-align: center; }

/*pop-up posagno, pierra, str.krytiny*/
#possagno {
	height: auto;
	width: 510px;
	margin: 0px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#possagno a {
	color: #999999;
	text-decoration: none;
}
#possagno-hlavicka {
	height: auto;
	width: 510px;
	position: relative;
	display: none;
}
#possagno-in {
	text-align: center;
	height: auto;
	width: 510px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#possagno-in img {
	margin-bottom: 20px;
}

#possagno p {
	text-align: center;
	font-size: 0.65em;
}


#possagno td {
	font-size: 0.65em;
	text-align: left;
	vertical-align: top;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#possagno caption {
	text-align: left;
	padding-left: 8px;
	padding-top: 12px;
}
#stresne-kr td {
	font-size: 0.65em;
	text-align: left;
	vertical-align: top;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 8px;
}
#stresne-kr caption {
	text-align: left;
	padding-left: 8px;
	padding-top: 12px;
}
#stresne-kr p {
	text-align: center;
	font-size: 0.65em;
}
#stresne-kr-hlavicka {
	height: auto;
	width: 546px;
	position: relative;
	display: none;
}
#stresne-kr a {
	color: #999999;
	text-decoration: none;
}
#stresne-kr {
	height: auto;
	width: 545px;
	margin: 0px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#stresne-kr-popis {
	width: 546px;
}
#stresne-kr-popis td {
	padding-top: 10px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#stresne-kr-text {
	width: 530px;
	padding-right: 8px;
	padding-left: 8px;
}
#stresne-kr-text p {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#stresne-kr table img {
	margin-top: 5px;
}
#stresne-kr table {
	margin-bottom: 10px;
}
#stresne-kr-in {
	text-align: center;
	height: auto;
	width: 546px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#stresne-kr-in img {
	margin-bottom: 20px;
}
