body, html
{
	border:  0px none;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px!important;
	text-align: center;
	margin: 0px;
}
body {
	background-color: #e2d9cf;
}

.hornipanel {				/* logo */
	background-color: #e2d9cf;
	background-image: url(titul_podklad.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height:387px;
	overflow: visible;
	visibility: visible;
}
.hornipanel .titul {
	background-image: url(titul.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	width: 100%;
}
.hornipanel .vnitrek {
	text-align: center;
	width:940px;
	margin-right: auto;
	margin-left: auto;	
	position:relative;
}
#flash {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.hlmenu {					/* hlavni menu nad strednim ramem (Jak nakupovat, uvod, ...) */
	background-image: url(menu_podklad.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 87px;
	position:relative;
	top:-87px;
}
.hlmenu .vnitrek {
	width:940px;
	text-align: center;	
	margin-right: auto;
	margin-left: auto;	
}
.hlmenu a {
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float:left;
	height: 39px;
	margin-top:7px;
}
.hlmenu a:hover {
	background-position: 0px -39px;
}
.hlmenu #uvod {
	background-image: url(menu_uvod.png);
	width: 135px;
}
.hlmenu #technologie {
	background-image: url(menu_techno.png);
	width: 249px;
}
.hlmenu #reference {
	background-image: url(menu_refer.png);
	width: 218px;
}
.hlmenu #cenik {
	background-image: url(menu_cenik.png);
	width: 150px;
}
.hlmenu #kontakt {
	background-image: url(menu_kontakt.png);
	width: 180px;
}

.obalka {
	background-image: url(podklad.png);
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
	width: 100%;	
	top:-87px;
}
.strana {					/*hlavni cast webu */
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear:both;
}
.obsah, .obsah_ref {		/* odsazeni textu uvnitr strany */
	text-align: left;
	height: auto;
	width: 570px;
	margin-left:20px;
	padding-bottom:50px;
	position:relative;
	top:-30px;
}
.obsah_ref {
	float:left;
}

.pravypanel {			/* panel po cele svisle sirce - vpravo od obsahu*/
	display: block;
	width: 340px;
	height: auto;
	float:right;
}
.pravypanel .odsazeni {
	margin-right:10px;
	margin-bottom:20px;
}
.pravypanel .odsazenileve {
	margin-left:40px;
	margin-right:10px;
}

.pravypanel .obrazekvpravo {
	float:right;
	margin-left:10px;
	margin-right:10px;
}

.spodek {				/* pata pod obsahem */
	background-image: url(spodni_stin.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 120px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;	
	position: relative;
	top:-87px;
}
.spodek .obal {
	width:940px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;	
	position: relative;
}
.spodek .pata {			/* text uvnitr paticky */
	display: block;
	text-align: left;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 40px;
	padding-top: 10px;
	color: #666666;
	font-size: 10px;
}

.chyba {
	color: #FF0000;
	background-image: url(error.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 30px;
	line-height: 16px;
	margin-top:20px;
}

.ok {
	color: #7d8d2a;
	background-image: url(ok.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: 30px;
	line-height: 16px;
	margin-top:20px;
}

.tl-posun a:hover{position:relative; top:2px; left:2px;}

#kontakt-form {padding-bottom:20px;}
#kontakt-form span {color:#666666; font-size:10px;}
#kontakt-form input, #kontakt-form textarea {
	background-color: #E2F0AA;
}

h1 {
	font-family: Palatino, 'palatino linotype', serif;
	font-size: 36px;
	font-weight: bold;
	color: #8F0505;
	background-image: url(podtrh.jpg);
	background-repeat: no-repeat;
	background-position: 3px 60px;
	text-indent: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height:80px;
	position:relative;
	top:-20px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color: #000000;
	margin-top:0px;
	margin-bottom:14px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #8F0505;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 12px;
	font-style: italic;
	color: #4F750E;
	font-weight: normal;
}
a {
	color: #8F0505;
}
a:hover {
	color: #ff0000;
}
hr.cistic {
	clear: both;
	height: 1px;
	border: none;
	visibility: hidden;
	margin-top: -1px;
}
.bezramu {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.red {color:#FF0000;}
.green {color:#006600;}
.aimg {
	width:110px;
	height:110px;
	background-image: url(stin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*--------------------------------------------------------------------------------------------------------------------*/

/* UVOD */
.uvodlisty {
	background-image: url(uvod_listy.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
}
.uvodlisty .vnitrek1 {
	padding-left:50px;
	padding-top:80px;
}

#eshop {
	display:block;
	background-image: url(papir_eshop.jpg);
	height: 202px;
	width: 570px;	
}

#reds{
	display:block;
	background-image: url(papir_reds.jpg);
	height: 202px;
	width: 570px;
}

#seo {
	display:block;
	background-image: url(papir_seo.jpg);
	height: 202px;
	width: 570px;	
}

/* TECHNOLOGIE */
.technolisty {
	background-image: url(techno_listy.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
}
.technolisty .vnitrek1 {
	padding-left:50px;
	padding-top:80px;
}
.technosoft {
	background-image: url(techno_soft.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
}
.technosoft .vnitrek1 {
	padding-left:50px;
	padding-top:250px;
}

/* KONTAKT */
.kontaktlokalita{
	background-image: url(kontakt_lokalita.png);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
}
.kontaktlokalita .vnitrek1 {
	padding-left:50px;
	padding-top:270px;
}
.kontaktmapa{
	background-image: url(kontakt_mapa.png);
	background-repeat: no-repeat;
	height: 153px;
	width: 340px;
}
.kontaktmapa .vnitrek1 {
	padding-left:50px;
	padding-top:80px;
}

/* REFERENCE */
.accordion_headings{
	cursor:pointer;
	background-image: url(reference_header.png);
	background-repeat: no-repeat;
	height: 110px;
	width: 568px;
	background-position: 0px 0px;
}
.accordion_headings:hover{
	background-position: 0px -110px;
}
.accordion_headings img{
	border: 1px solid #000000;	
}
.accordion-content{
	display:none;
	overflow:hidden;
}
.accordion_child{
	padding:5px;
}
.accordion_child img{
	float:right;
	margin-left:5px;
	margin-right:8px;
	border: 1px solid #888888;
}

.refkatalogy {
	background-image: url(ref_katalogy.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
}
.refkatalogy .vnitrek1 {
	padding-left:50px;
	padding-top:80px;
	padding-right:50px;
}

.refnewweb {
	background-image: url(new_website.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
	position:relative;
}
.refnewweb img {
	position:absolute;
	top:88px;
	left:50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.refnewweb .vnitrek1 {
	padding-left:50px;
	padding-top:215px;
	padding-right:50px;
}


/* KATALOGY */
.prazdnyram {
	background-image: url(prazdny_ram.jpg);
	background-repeat: no-repeat;
	height: 426px;
	width: 340px;
}
.prazdnyram .vnitrek1 {
	padding:50px;
}