body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
input {
	margin: 0;
	padding:0;

}


body {
	background: #FFF;
  font-family: Arial, sans-serif;
	text-align: center;
	font-size: 76%;
	color: #442008;
	margin-bottom: 400px;
	
}


/* ---------------------------------------------------------------------------------- ovládání flashe v hlavicce */
#xxlHeaderImage {
	clear:both;
	min-height:356px;
	height:356px;
	width:100%;
	overflow:hidden;
	background:url(../images/drevo-bg.png);
}

#xxlHeaderFlash {
	overflow:hidden;
}




.cistic {
	clear: both;
}


a {
	color: #442008;
	text-decoration: none;
}

a:hover {
	color: #442008;
  	text-decoration: underline;
}


.stranka {
	margin: 0 auto;
	width: 100%;

}

.header {
	margin: 0 auto;
	width: 100%;
background: url(../images/drevo-bg.png) repeat center top;
text-align: center;

} 

.example2 {
text-align: center;
	margin: 0 auto;
width: 100%;
cursor: pointer;
background: transparent;
}

.hornilista {
width: 850px;
	margin: 0 auto;
}

.logo {
width: 113px;
float: left;
}

.slogan {
width: 220px;
float: right;
}


.menu {
width: 100%;
float: left;
height: 58px;
background: url(../images/menu-bg.png) repeat-x left top;
	border-bottom:1px solid #911900;

}



.menu ul {
width: 832px;
margin: auto;
	list-style:none;
	padding:0;


}
.menu li {
	float:left;
/* 	width:100px; */
	margin:0;
	padding:0;
	text-align:center;
	background: url(../images/menu-separator.png) no-repeat left top;

}

.menu li.separator {
	float:left;
/* 	width:100px; */
	margin:0;
	padding:0;
	text-align:center;
	background: url(../images/menu-separator.png) no-repeat left top;
	width: 2px;
	height: 58px;
	overflow: hidden;
}

.menu li a {
	display:block;
	padding:24px 37px 19px 37px;
	height:100%;
	color:#FFF;
	text-decoration:none;

}
.menu li a {
	background:url(../images/bg3.png) repeat 0 0;
}


.menu li a:hover {
/* 	background-position:50px 0; */
	color: white;
}
.menu li#vybrane a {
	background:url(../images/bg3.png) repeat 100% !important;
	/* 	background-position:50px 0; */
}


.sup {
font-size: 90%;
position: relative;
top: -5px;
}

.content {
width: 100%;
background: url(../images/content-bg.png) repeat-x left top;

}

.content-01 {
width: 832px;
padding: 0 60px;
margin: auto;
font-size: 120%;
line-height: 140%;
}

.levy-sloupec {
width: 535px;
float: left;
text-align: left;
padding-top: 30px;
font-size: 90%;
}


.text-padd {
padding-left: 15px;
}

.levy-sloupec ul {
margin: 10px 0 15px 0;
}

.levy-sloupec li {
margin-top: 20px;
line-height: 130%;
font-size: 80%;
list-style: none;
}

.levy-sloupec h3 {
color: #da621b;
background: url(../images/seznam-li.png) no-repeat left top;
padding-left: 25px;
font-size: 110%;
margin-top: 10px;
}

.levy-sloupec p {
margin-top: 10px;
}


.perex{
font-size: 110%;
padding-bottom: 20px;
}



.padd-25 {
padding-left: 25px;
}



/* PRAVA STRANA */
.pravy-sloupec {
width: 290px;
float: right;
padding-top: 30px;
text-align: left;
}
.banner {
float: right;
padding-bottom: 20px;
}

.sidebar {
width: 235px;
float: right;
background: url(../images/side-bar-bg-t.png) no-repeat right top;
padding: 20px 20px 8px 30px;
}

.sidebar-b {
width: 290px;
float: right;
clear: both;
background: url(../images/side-bar-bg-b.png) no-repeat right top;
height: 20px;
}

.co {
display: block;
font-size: 80%;
font-style: italic;
line-height: 130%;
}

.kdo {
display: block;
font-size: 80%;
line-height: 120%;
padding-top: 20px;
}
.odkud {
display: block;
font-size: 70%;
line-height: 120%;
padding-top: 2px;
}

#slideshow {
width: 235px;
height: 350px;
background: #ece8d9 !important;
overflow: hidden;
}

/* KLIENTI */
.klienti-box {
margin-top: 40px;
width: 832px;
float: left;
}

.klienti-m {
float: left;
width: 832px;
background: url(../images/klienti-bg-m.png) repeat-y left top;
height: 55px;
}

.klienti-t {
float: left;
width: 832px;
background: url(../images/klienti-bg-t.png) no-repeat left top;
height: 10px;
line-height: 10px;
overflow: hidden;

}
.klienti-b {
clear: both;
width: 832px;
background: url(../images/klienti-bg-b.png) no-repeat left top;
height: 8px;
line-height: 8px;
overflow: hidden;
}

.klienti-m ul {
padding-left: 10px;
float: left;
}

.klienti-m li {
float: left;
list-style: none;
padding: 5px 10px;

}

.klienti-separator {
float: left;
width: 2px;
height: 40px;
background: url(../images/klienti-separator.png) no-repeat center center;
}


.loga {
height: 49px;
line-height: 49px;
overflow: hidden;
}
.loga a {
display: block;
}

.loga a:hover {
text-decoration: none;
background-position: 50% -49px;
}



.klienti-01 a {
background: url(../images/klienti-01.png) no-repeat 50% 0px;
width: 92px;

}

.klienti-02 a {
background: url(../images/klienti-02.png) no-repeat 50% 0px;
width: 62px;
}

.klienti-03 a {
background: url(../images/klienti-03.png) no-repeat 50% 0px;
width: 98px;
}

.klienti-04 a {
background: url(../images/klienti-04.png) no-repeat 50% 0px;
width: 119px;
}

.klienti-05 a {
background: url(../images/klienti-05.png) no-repeat 50% 0px;
width: 98px;
}

/* KARIERA */
/* SIDEBAR */


.sidebar-foto {
width: 276px;
float: right;
background: url(../images/sidebar-foto-m.png) repeat-y right top;
/* padding: 20px 20px 8px 30px; */
}
.sidebar-foto-t {
width: 276px;
float: right;
background: url(../images/sidebar-foto-t.png) no-repeat right top;
height: 13px;
}

.sidebar-foto-b {
width: 276px;
float: right;
clear: both;
background: url(../images/sidebar-foto-b.png) no-repeat right bottom;
height: 5px;
}

.sidebar-foto-nadpis {
padding: 5px 0 5px 20px 
}


.sidebar-text {
padding: 35px;
font-size: 90%;
color: white;
line-height: 100%;
}

.sidebar-text a {
text-decoration: none;
color: white;
}

.sidebar-text a:hover {
text-decoration: underline;
}

.wrap{
/* 	background: url(../img/checks.gif) repeat; */
	margin: 0 auto;
	position: relative;
height: 175px;
	width: 246px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 15px;
	float: left;
	text-decoration:none;
}

.wrap:hover{
	text-decoration:none;
}

.frame{
	background: url(../images/sidebar-foto-mask.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
height: 175px;
	width: 246px;
/* 	border: 1px solid red; */
cursor: hand;
text-decoration: none;
}




.frame img{
float: left;
}


.popisek
{
position: absolute;
top: 148px;
padding-left: 20px;
color: white;
z-index: 10;
font-weight: bold;
font-size: 110%;
}

.plus-linka {
clear: both;
border-bottom: 1px solid #eae5d3;
padding-bottom: 5px;
margin-bottom: 5px;
}


.mam-zajem {
background: url(../images/mam-zajem.png) no-repeat left top;
float: right;
width: 164px;
height: 23px;
margin-bottom: 20px;
margin-top: 10px;
}

.mam-zajem:hover {
text-decoration:none;
}

/* realizace */

.realizace .wrap{
height: 105px;
	width: 153px;
	margin-left: 0px;
	margin-right: 15px;
}

.realizace .frame{
	background: url(../images/ref-image-mask.png) no-repeat;
height: 105px;
	width: 153px;

}


.realizace-hr {
background: url(../images/realizace-hr.png) no-repeat left top;
width: 100%;
height: 10px;
margin-top: 15px;
clear: both;
}

.realizace h3 {
background:none;
padding: 0;
margin-bottom: 15px;
margin-top: 0;
font-weight: normal;
}


 .zobrazit {
display: block;
clear: both;
float: left;
width: 100%;
margin-bottom: 0px;
}


.zobrazit-title {
display: block;
clear: both;
float: left;
width: 100%;
margin-bottom: 10px;
background: url(../images/sipka.png) no-repeat 112px 4px;
font-size: 11px;
font-weight: normal;
cursor: pointer;

} 

.rozbaleny {
background: url(../images/sipka-otocena.png) no-repeat 145px 4px;
display: none;
}

/* KONTAKTY */

.polovina-1, .polovina-2 {
width: 222px;
float: left;
padding-right: 68px;
/* padding-top: 20px; */
}

.polovina-2 {
padding-right: 0;
}


/* FORMULAR */
.kontakt-form form {

margin-top: 20px;
}

.kontakt-form label {
display: block;
margin-top: 5px;
}
.kontakt-form input {
border: 0;
width: 222px;
height: 30px;
line-height: 20px;
float: left;
padding: 8px 5px 5px 5px;
background: url(../images/form-input.png) no-repeat left top;
}

.kontakt-form textarea {

border: 0;
width: 502px;
height: 104px;
overflow-y: auto;

float: left;
padding: 5px;
background: url(../images/form-textarea.png) no-repeat left top;
margin-bottom: 20px;
}

.kontakt-form input#button{

border: 0;
width: 131px;
height: 27px;
line-height: 27px;
float: right;
background: url(../images/poslat-zpravu.png) no-repeat left top;
margin-right: 8px;
cursor: pointer;
}

.form-info{
font-size: 90%;
float: left;
}


.kontakt-form input.app-form-pole {
background: #f4f1e5 !important;
border: 1px solid #f4f1e5;
}


/* FOOTER */
.footer {
width: 100%;
float: left;
background:  url(../images/footer-bg.png) repeat left top;
margin-top: 35px;

}

.footer-01 {
width: 832px;
margin: auto;
text-align: left;
}

.hoblina {
float: left;

width: 135px;
 margin-top: -90px; 
}

.foot-menu  {
float: left;
width: 450px;

margin-top: 40px;
}



.foot-logo{
float: left;
width:40px;
margin-top: 40px;

height: 100px;
}


.riha-interier {
float: left;
width: 450px;
padding-top: 15px;
font-size: 90%;
}



.foot-menu li{
float: left;
list-style: none;
padding: 0px 2px;
font-size: 90%;
}


.foot-logo {
float: left;
width: 100px;

}
.upnet {
float: right;
width: 100px;
font-size: 90%;
color: #927d65;

}

.upnet a {
color: #927d65;
}