body {
background: url(../img/bg-top.jpg) repeat-x;
margin: 0px;
padding: 0px;
font-family: Arial, Arial CE;
font-size: 85%;
color:#3d3d3d;
font-weight:normal;
}
img {border: 0px;}
.clear {clear:both;}
.left {float: left;}
.right {float: right;}
a:link,
a:visited,
a:hover {
font-size: 100%;
font-family: Arial, Arial CE;
color: #00b4ff;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#active {
color: #00b4ff !important;
} 
#next {
color: black !important;
} 
ul, ol {
margin:0px 0px 15px 20px;
padding:0px;
}
ul li, ol li {
list-style:none;
line-height: 1.6em;
background: url(../img/bg-li-blue.gif) no-repeat 5px 9px;
padding:1px 10px 1px 20px;
}
h1 {
color: #02abf1;
padding: 0px 0px 0px 50px;
margin: 0px;
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
}
h2, h3, h4 {
color: #00b4ff;
font-family: Arial Narrow, Arial;
font-size: 200%;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
}
h2 {
margin: 25px 0px 10px 0px;
}
h3 {
font-size: 180%;
margin: 0px;
}
h4 {
font-size: 130%;
}
p {
line-height:1.7em;
margin:0;
padding:3px 0 10px;
}
.p2 {
padding: 5px 0px 0px 0px;
}
.important {
color: #00b4ff;
font-weight: bold;
}

.spacer {
margin: 0px 0px 50px 0px;
}
.homeA {
text-decoration: none !important;
}
.homeA:hover {
text-decoration: none;
color: #fff !important;
}
fieldset {
border: 0px;
}



/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */


/******************************************************************
	hlavni kostra webu
******************************************************************/
#InPage {
margin: 0px auto;
width: 940px;
position: relative;
}
/******************************************************************
	hlavicka
******************************************************************/
#Head {
width: 940px;
height: 83px;
background: #111111 !important;
}
a#LogoWeb {
position: absolute;
top: 26px;
left: 0px;
height: 80px;
width: 220px;
top: 26px;
left: 0px;
z-index: 444;
}
div#slogan {
display: none;
}
ul#TopMenu {
width: 665px;
height: 35px;
background: url(../img/bg-menu.jpg) repeat-x;
float: right;
color: #747474;
font-size: 125%;
padding: 45px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
ul#TopMenu li {
background: url(../img/bg-li.jpg) no-repeat right;
list-style-type:none;
margin: 0px;
padding: 0px 13px 0px 13px;
float: left;
}
ul#TopMenu li.last {
background: none;
padding-right:0px;
}
#TopMenu a:link,
#TopMenu a:visited,
#TopMenu a:hover {
color: white;
text-decoration: none;
}
#TopMenu a:hover {
color: #02abf1;
}
/******************************************************************
	hlavni flash
******************************************************************/
#TopBannerText {
width: 900px;
height: 285px;
position: absolute;
top: 84px;
left: 0px;
margin: 0px 0px 20px 0px;
}
#TopBanner {
width: 900px;
height: 285px;
}
#TopBanner img {
margin: 0px;
}
#Navigation {
width: 500px;
height: 20px;
position: absolute;
bottom: 15px;
left: 40px;
font-size: 85%;
}
#TopBanner p {
margin: 0px;
padding: 0px;
}
.homeFlash {
margin-top: 45px;
margin-left: 5px;
}
/******************************************************************
	tělo stránky
******************************************************************/

#TextArea {
width: 860px;
text-align: left;
margin: 300px 0px 0px 40px;
}

/******************************************************************
	paticka
******************************************************************/

#Footer {
width: 100%;
background: #3c3c3c url(../img/bg-bottom.jpg) repeat-x;
margin-top: 75px;
}
#Footer strong {
color: #00b4ff;
font-family: Arial Narrow, Arial;
font-size: 130%;
font-weight: normal;
}
#InFooter {
width: 940px;
margin: 0px auto;
color: #d3d3d3;;
position:relative;
}
.FooterLeft {
float: left;
padding: 30px 0px 0px 80px;
}
.neviLeft {
float: left;
padding: 30px 0px 0px 0px;
}
#CopyRight {
margin-top: 35px;
text-align: right;
float: right;
}
#CopyRight small {
	text-align: left;
	display: block;
	font-size: 80%;
	width: 610px;
}
#CopyRight small img {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}
.FooterLeft ul.contFooter {
margin: 7px 0px 0px 0px;
padding: 0px;
}
.FooterLeft ul.contFooter  li {
background: none;
padding: 0px;
margin: 0px;
}

/******************************************************************
	Styly pro KARIÉRU
******************************************************************/

.karieraBox {
width: 405px;
float: left;
line-height: 1.6em;
}
.karieraBox img {
float: left;
}
.karieraBox a img {
margin: 25px 0px 0px 0px;
}


/******************************************************************
	Styly pro SLUŽBY
******************************************************************/

.BoxBlank {
width: 380px;
margin: 0px 0px 50px 0px;
}
.BoxBlank img {
width: 365px;
height: 125px;
border: 8px solid #dedede;
margin: 12px 0px 12px 0px;
}
.BoxBlank p {
margin: 0px;
padding: 0px;
}
.BoxBlank a {
float: right;
margin: 12px 0px 0px 0px;
text-transform: lowercase;
}
.BoxBlank h2 {
margin-bottom: 0px;
}


/******************************************************************
	Styly pro KONTAKTY
******************************************************************/

.BigBox {
width: 100%;
text-align: right;
padding: 0px 51px 5px 0px;
position: relative;
}
.BigBox h2 {
text-align: left;
width: 100%;
padding: 0px;
}
.iš {
width: 490px;
height: 305px;
float: left;
border: 8px solid #dedede;
}
.BigBox .Text {
width: 300px;
text-align: left;
float: right;
}
.BigBox .Text strong {
float: left;
}
.BigBox .Text span {
float: right;
width: 210px;
}
.BigBox .Text p {
margin: 0px 0px 25px 0px;
}
.BigBox .Text ul {
float: right;
width: 210px;
margin: 0px; 
padding: 0px
}
.BigBox iframe {
float:left;
}
.BigBox p {
margin: -7px 0px 23px 0px;
padding: 0px;
}
.InBox-In .InputText {
width: 400px;
padding: 5px 0px 20px 0px;
}
.InBox-In input {
width: 390px;
height: 23px;
border: 1px solid #bbbbbb;
margin: 6px 0px 0px 0px;
font-size: 110%;
padding: 5px 0px 0px 5px !important;
}
.coverReplyForm #pageForm .InBox-In input {
width: 390px;
font-size:100%;
}
.InBox-In .InputTextarea {
width: 810px;
padding: 5px 0px 20px 3px;
}
.InBox-In textarea {
width: 100%;
height: 70px;
border: 1px solid #bbbbbb;
margin: 6px 0px 0px 0px;
font-size: 110%;
font-family: Arial;
padding: 5px 0px 0px 5px !important;
}
.coverReplyForm #pageForm .InBox-In textarea {
width: 100%;
font-size:100%;
}
.InBox-In .Button {
margin: 0px 3px 0px 0px !important;
font-size: 130% !important;
}
.coverContacts {
padding: 10px;
width: 96%;
}
.coverContacts,
#page,
.add8border {
border: 8px solid #dedede;
margin-bottom: 15px;
}
.coverContactsTextArea { 
margin-left:40px;
padding:15px;
margin:300px 0 0 40px;
text-align:left;
width:860px;
}
.coverIframe {
border: 8px solid #dedede;
width: 490px; 
float: left;
}

.coverReplyForm { 
margin-left:40px;
padding:290px 0 0 0px;
text-align:left;
width:860px;
}
.coverReplyForm h2{
margin-top:0px;
}
/******************************************************************
	Styly pro REFERENCE - hlavicka v reference.css
******************************************************************/

.ThreeCols {
width: 100%;
}
.ThreeCols li {
float: left;
width: 280px !important;
padding: 5px 0px 5px 0px !important;
background: none !important;
}
.refe {
padding: 30px 0px 0px 0px;
}
/******************************************************************
	Styly pro Detail REFERENCE 
******************************************************************/

#TextArea .OneCol {
margin:5px 0 20px 10px;
}
#TextArea .OneCol li {
width: 100%;
float: none;
}
.UlnoDot {
float: right !important;
width: 200px !important;
}
.BigBox .Text ul li{
background: none;
list-style-type:none;
margin: 0px;
line-height: 1.5em !important;
padding: 0px !important;
}
#alignImages {
position: absolute;
right: 0px;
bottom: 6px;
margin-right: 38px;
}
.detSmallL {
width: 135px !important;
height: 85px !important;
border: 4px solid #dedede;
}
.detSmall {
width: 135px !important;
height: 85px !important;
margin: 0px 0px 0px 25px;
border: 4px solid #dedede;
}
#refImg {
float: left;
}
#refImg img {
border: 4px solid #dedede;
}
.viewRef {
margin: 20px 60px 0px;
}
/******************************************************************
	Styly pro O NÁS
******************************************************************/

.half {
width: 50%;
float: left;
}
.InBoxHalf {
width: 400px;
float: right;
text-align: left;
}
.topSto {
margin: 0px 20px 0px 0px;
float: left;
width: 151px;
height: 80px;
}
#topbox {
line-height: 1.5em;
}
.inBoxP {
padding: 0px;
margin: 0px;
float: right;
}
.spaceA {
margin: 0px 25px 0px 0px;
float: right;
}
.PortretBox {
width: 253px;
margin: 20px 49px 15px 0px;
float: left;
}
.PortretBoxLast {
width: 253px;
margin: 20px 0px 0px 0px;
float: left;
}
.Contact {
width: 243px;
padding: 20px 0px 0px 0px;
}
.Contact p {
margin: 0px;
padding: 3px 0px 3px 0px;

}
#PicLide {
width: 860px;
height: 420px;
margin: 15px 0px 0px 0px;
}

.Button {
height: 42px !important;
color: white;
display: block;
cursor: pointer;
text-align: center;
font-weight: bold;
border: 0px !important;
font-size: 120%;
padding-left:35px;
float: right !important;
width: 145px !important;
}
.leftSiteRef {
float: left;
width: 440px;
}

#pageForm {
padding:0px 0px 0px 0px !important;
background: none !important;
font-size:120% !important;
}



#map{
width:490px; 
height:350px;
text-align:center;
}

ul.awards {
margin: 0px 0px 0px 60px !important;
}
ul.awards li {
background: none;
padding-bottom: 10px;
width: 280px;
}
ul.noMargin {
margin: 0px !important;
}
.blueText {
color: #00b4ff !important;
}