body {
margin: 0; padding: 0;
padding-bottom: 2em;
font: .75em/1.4 Arial, sans-serif;
background: #E0DED7;
color: #726E60;
}

body, input, textarea, option, select, td, th {
font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif;
line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 0 0 1.5em 0;
}

ul, ol {
margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: .5em;
}

h1 {
font-size: 1.7em;
background: #F1EFE8;
padding: 1em 20px .5em 20px;
margin: 0;
}

h2 {
font-size: 1.3em;
}

h3 {
font-size: 1em;
}

big {
font-size: 1.7em;
}

h2 big {
font-size: 1.4em;
}


a img {
border: 0;
} 

a {
color: #00B2DB;
text-decoration: none;
font-weight: bold;
} 

a:hover {
text-decoration: underline;
} 

#container {
background:  #fff;
width: 777px;
margin: 0 auto 0 auto;
}

#containerInside {
padding: 20px 25px;
}

#boxContent {
margin-left: 0;
}


#content {
}

#boxContent.hp #content {
width: auto;
float: none;
}

#header {
background: #00B2DB url("../img/header-bg.gif") no-repeat top left;
color: inherit;
padding: 1em 0 0 0;
width: 100%;
}

#topMenu {
clear: both;
margin-bottom: 0;
padding-bottom: 0;
border-top: 1px solid #fff;
padding: 0 20px;
height: 2.4em;
_height: 2em;
}

#topMenu span, #topMenu strong  {
float: left;
border-left: 1px solid #fff;
}

#topMenu span.last, #topMenu strong.last  {
border-right: 1px solid #fff;
}


#topMenu a {
color: #fff;
display: block;
padding: .5em 10px;
text-decoration: none;
font-weight: bold;
}

#topMenu strong a {
background: #726E60;
color: #fff;
}

#headLogo {
width: 350px;
float: left;
margin-left: 20px;
display: inline;
margin-top: 10px;
font-size: 1.7em;
font-weight: bold;
}

#headLogo img {
vertical-align: middle;
}

#headLogo a {
text-decoration: none;
}

#tagline {
font-size: .6em;
text-weight: normal;
color: #fff;
vertical-align: middle;
margin-left: 10px;
line-height: .6em;
}

#headLanguages {
width: 300px;
text-align: right;
float: right;
margin-right: 20px;
display: inline;
margin-top: 20px;
}

#headLanguages a {
text-decoration: none;
color: #fff;
font-weight: bold;
}

#headLanguages a:hover {
text-decoration: underline;
}

#boxSide {
width: 171px;
float: right;
padding: 1em;
}

#boxSide h2 {
font-size: 1em;
}

#boxSide ul {
margin-left: 1em;
}

#boxSide li {
margin-bottom: .5em;
}

ul.typeMarginBottom li {
margin-bottom: 1em;
}

ul.typeMarginBottom {
list-style-type: none;
margin: 1em 0;
}


ul.typeBorderBottom {
margin-bottom: 0; padding-bottom: 0;
}

ul.typeBorderBottom li {
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #D1CDC1;
}

ul.typeBorderBottom li.last {
border-bottom: none;
margin-bottom: 0; padding-bottom: 0;
}


ul.typeBorderShortBottom {
margin: 1em 0;
padding: 0;
}

ul.typeBorderShortBottom li {
margin: 0;
list-style-type: none;
padding: 1em 0;
background: transparent url("../img/border-short.gif") no-repeat left bottom;
}

ul.typeBorderShortBottom li.last {
background: none;
padding-bottom: 0;
}


#searchBox {
width: 49%; 
float: right; 
text-align: right;
}


#boxNavigation {
position: absolute;
width: 200px;
left: 550px;
top: 0px;
z-index: 1;
padding: 1em;
padding-top: 5em;
}

#boxNavigation li, .bigLineHeight li {
margin-bottom: 1em;
}

#boxNavigation ul {
margin-top: 3em;
}

#subNavigation {
position: absolute;
width: 200px;
left: 550px;
top: 190px;
z-index: 1;
padding: 1em;
padding-top: 5em;
}

#hpNews {
background: #efefef;
color: inherit;
padding: 1em;
}

#hpNews h2 {
font-size: 1.2em;
}

#hpNews h3 {
font-size: 1em;
}



.temporaryText {
font-size: .7em;
color: #666;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
}

.greyText {
color: #666;
}

#footer {
clear: both;
margin: 2em 0 0 0;
padding: 1em 0;
border-top: 1px solid #D1CDC1;
text-align: right;
}

.paragraphBottom {
margin-top: 3em;
padding-top: 1em;
}

.paragraphImportant {
background: #F1EFE8 url("../img/p-important-bg.gif") no-repeat bottom right;
border-top: 1px solid #F1EFE8;
border-left: 1px solid #F1EFE8;
border-right: 1px solid #726E60;
padding: 1em;
margin-bottom: 1em;
}

.paragraphLessImportant {
border: 1px solid #736F61;
padding: 1em;
margin-bottom: 1em;
}

.paragraphLessImportant h2 {
font-size: 1em;
}



.clearBoth {
clear: both;
}

.clearBothZero {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}

/*
tabulky
*/

table.normal {
border-collapse: collapse;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
margin: 1em 0;
width: 100%;
}

table.normal td, table.normal th {
text-align: left;
padding: 0.5em 1em;
vertical-align: top;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-weight: normal;
}

table.normal th {
background: #ddd;
color: #000;
}

table.normal tr.typeOne td {
background: #eee;
}

table.normal tr.typeTwo td {
background: #e8e8e8;
}

table.normal tr.typeSummary td {
background: #d8d8d8;
}

table.normal col.aligncenter td, table.normal col.aligncenter th {
text-align: center;
}

table.normal.noBg td, table.normal.noBg th {
background: transparent;
}

table.typeOne {
border-collapse: collapse;
}

table.typeOne th {
background: transparent;
color: #726E60;
font-weight: bold;
text-align: left;
}

table.typeOne th, table.typeOne td {
border-bottom: 1px solid #D1CDC1;
padding: .5em 5px;
}


/*
formulare
*/

table.form, table.width100 {
width: 100%;
}

table.form th, table.form td {
padding: .2em .5em;
vertical-align: top;
}

table.form th {
text-align: right;
width: 20%;
font-weight: normal;
}

table.form td {
text-align: left;
width: 75%;
}

table tr.rowOne td, table tr.rowOne th {
background: #efefef;
}

table tr.rowTwo td, table tr.rowTwo th {
background: #f8f8f8;
}

table tr.rowThree td, table tr.rowThree th {
background: #dfdfdf;
}

table tr.error td, table tr.error th {
background: #FED0D0;
color: #f00;
}

table.form small {
color: #666;
}

.sendOK, #contentBox p.sendOK {
border-left: 5px solid #999;
padding: 1em;
background: #efefef;
}

.sendKO, #contentBox p.sendKO {
border-left: 5px solid #f00;
padding: 1em;
background: #efefef;
}

.sendKO strong, #contentBox p.sendKO strong {
color: #f00;
}

input, textarea, td, th {
font-size: 1em;
}

.required {
font-size: 1.2em;
font-weight: bold;
color: #f60;
}

p.submit {
text-align: right;
}

.big {
font-size: 1.5em;
font-weight: bold;
vertical-align: middle;
}

.fontSmall {
font-size: .5em;
font-weight: normal;
}

.fontSmaller {
font-size: .9em;
font-weight: normal;
}

small.fontSmall {
font-size: .6em;
font-weight: normal;
}

table.fontSmall td, table.fontSmall th {
font-size: 1.4em;
font-weight: normal;
}

fieldset {
padding: 2em 1em;
margin-bottom: 1em;
border: 1px solid #ccc;
}

legend {
margin-bottom: 1em;
color: #333;
}

.moreInfo {
border-bottom: 1px dotted #333;
}

.alert {
margin: 1em 0;
padding: 1em;
border: 2px solid orange;
}

.textGrey, tr.textGrey td {
color: #666;
}

hr {
margin: 0;
padding: 0;
height: 1px;
background: #ddd;
border: 0;
}

dt {
font-weight: bold;
}

dd {
margin-bottom: 1.5em;
}

input.xs 					{ width: 3em; }
input.s 						{ width: 4em; }
input.m 						{ width: 8em; }
input.l 						{ width: 12em; }
input.xl, select.xl		{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl				{ width: 25em; height: 20em; }
textarea.xxxl				{ width: 25em;  height: 40em; }
input.submit				{ font-weight: bold;  }

.floatLeft50 				{ width: 49%; float: left; }
.floatRight50 				{ width: 49%; float: right; }

.floatLeft 					{ float: left; }
.floatRight 				{ float: right; }

.marginTopZero				{ margin-top: 0; padding-top: 0; }
.marginTop2em				{ margin-top: 2em; }
.marginBottom2em			{ margin-bottom: 2em; }

.displayInline				{ display: inline; }

.alignRight					{ text-align: right; }
.alignLeft					{ text-align: left; }
.alignMiddle				{ text-align: middle; }
.alignTop				    { vertical-align: top; }
.alignBottom				{ vertical-align: bottom; }
.alignCenter				{ vertical-align: center; }

.fontWeightNormal			{ font-weight: normal; }

#breadCrumb {
font-size: .85em;
margin: 0;
}

#breadCrumb, #breadCrumb a {
color: #666;
}

.button {
background: #4040DF url("../img/button.gif") no-repeat bottom right;
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: .1em .5em;
border: 1px solid #000;
font-family: Arial, sans-serif;
cursor: hand;cursor: pointer;
}

.code {
color: #D2691E;
}

.boxBorderItem {
border: 1px solid #ddd;
padding: 1em;
margin-bottom: 1em; 	
}

/* uvodni stranka */

#layoutColOne, #layoutColTwo, #layoutColThree {
width: 171px;
float: left;
margin-right: 20px;
}

#layoutColTwo {
width: 340px;
margin-top: 1em;
float: left;
margin-right: 20px;
}

.twoCol #layoutColTwo {
width: 490px;
margin-top: 1.5em;
margin-left: 20px;
display: inline;
float: left;
margin-right: 0px;
}

.twoCol #layoutColOne {
float: right;
width: 171px;
margin: 0;
margin-top: 1.5em;
margin-right: 20px;
display: inline;
}

#layoutColThree {
margin-right: 0;
float: left;
}

.twoColHalf #layoutColOne {
width: 380px;
margin-right: 20px;
}

.twoColHalf #layoutColTwo {
width: 380px;
margin-right: 0;
}

#hptitles h3 {
	width: 160px;
	float: left;
	text-align: center;
}

.hpBoxes {
margin-bottom: 2em;
clear: both;
}


.hpBox {
width: 160px;
overflow: hidden;
float: left;
display: inline;
text-align: center;
border-right: 1px solid #D1CDC1;
}

.hpBoxInside {
padding: 1em 10px;
}

.hpBox.hpBox1, .hpBox.hpBox4 {
margin-left: 0px;
width: 160px;
} 

.hpBox.hpBox1 .hpBoxInside, .hpBox.hpBox4 .hpBoxInside {
padding-left: 0px;
}

.hpBox.hpBox3, .hpBox.hpBox4, .hpBox.hpBox7, .hpBox.hpBox8, .hpBox.hpBox12, .hpBox.hpBox11 {
margin-right: 0px;
width: 160px;
border-right: 0;
}
#homeboxes .hpBox.hpBox7 {
border-right: 1px solid #D1CDC1;
} 

.hpBox.hpBox3 .hpBoxInside, .hpBox.hpBox7 .hpBoxInside {
padding-right: 0px;
}

.hpBox span {
width: 147px;
height: 150px;
display: block;
}

.hpBox h2 {
font-size: 1.7em;
font-weight: normal;
margin-bottom: 0;
}

.hpBox p {
font-size: .8em;
}

.hpBox p strong {
font-size: 1.2em;
}

.hpBoxes hr {
margin: 0; padding: 0; border: 0;
background: #D3CFC3;
width: 100%;
height: 1px;
}

.hpBox.hpBox1 span { background: transparent url("../img/14-24-roll.jpg") repeat-y left top; }
.hpBox.hpBox2 span { background: transparent url("../img/18-24-roll.jpg") repeat-y left top; }
.hpBox.hpBox3 span { background: transparent url("../img/19-24-roll.jpg") repeat-y left top; }
.hpBox.hpBox4 span { background: transparent url("../img/21-24-roll.jpg") repeat-y left top; }
.hpBox.hpBox5 span { background: transparent url("../img/22-5x-roll.jpg") repeat-y left top; }
.hpBox.hpBox6 span { background: transparent url("../img/26-5x-roll.jpg") repeat-y left top; }
.hpBox.hpBox7 span { background: transparent url("../img/29-5x-roll.jpg") repeat-y left top; }
.hpBox.hpBox8 span { background: transparent url("../img/spa-16-v-roll.jpg") repeat-y left top; }
.hpBox.hpBox9 span { background: transparent url("../img/RADOM1-roll.jpg") repeat-y left top; }
.hpBox.hpBox10 span { background: transparent url("../img/RADOM2-roll.jpg") repeat-y left top; }
.hpBox.hpBox11 span { background: transparent url("../img/BOX-roll.jpg") repeat-y left top; }
.hpBox.hpBox12 span { background: transparent url("../img/BOX-roll.jpg") repeat-y left top; }

.hpBox:hover, .hpBox.hover {
background-color: #DAF4FA;
cursor: pointer;cursor: hand;
}

.hpBox:hover span, .hpBox.hover span {
background-position: 0 150px;
}

.hpBox:hover a, .hpBox.hover a {
text-decoration: underline;
}

.hpBox /* IE:hover */ {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}




/* vnitrni stranky */

#sectionMenu {
background: #eee;
padding: 1em;
margin-bottom: 1em;
}

#sectionMenu ul {
margin-left: 0;
padding-left: 1em;
}

.fontSmaller, .fontSmaller input, .fontSmaller select {
font-size: .85em;	
}

table.fontSmaller td, table.fontSmaller th {
font-size: 1em;	
padding: .1em .2em;
}


.floatLeftImg {
margin: 0 1em 1em 0;
float: left; 
}

.boxDetail {
border: 1px solid #ddd;	
margin-bottom: 1.5em;
padding: 1em;
}

.boxDetailColTwo {
width: 300px;
float: right;	
}

.boxDetailColOne {
width: 220px;
float: left;	
}

#tempMap {
background: #efefef;
padding: 1em;
border: 1px solid #ddd;
height: 15em;	
}

.threeColBox {
width: 170px;
float: left;
margin: 20px 20px 20px 0;
}

.threeColBox.last {
margin-right: 0;
}

/* ------ AeroFilms */

.imageTemp {
background: #eee;
height: 10em;
display: block;
}

.imageTemp.bigger {
height: 15em;
}

.photoThumb {
float: left;
margin: 0 15px 1em 0;
width: 150px;
text-align: center;
font-size: .85em;
}

.photoThumb img {
height: 75px;
width: 150px;
border: 1px solid #999;
}

.imgPartner {
width: 100px;
height: 75px;
float: left;
margin: 0 1em 1em 0;
}



.futureFeature {
background: #ffc;
}

.coloredBox {
background: #DCF4F9;
padding: 1em 20px 1.5em 20px;
}

.anchorButton {
background: #00B2DB url("../img/anchor-button.gif") no-repeat right bottom;
padding: .5em 25px .5em 10px;
color: #fff;
font-weight: normal;
}

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

.backgroundGrey {
background: #D1CDC1;
}

dt {
margin-bottom: .5em;
font-family: Arial, sans-serif;
font-size: 1.1em;
}

.sideBox {
margin-bottom:  1em;
}

.sideBox h2 {
background: #736F61 url("../img/dot.gif") no-repeat right top;
margin: 0;
padding: .5em 10px;
font-size: 1em;
color: #fff;
}

.sideBox.sideBoxBlue h2 {
background: #00B2DB url("../img/dot.gif") no-repeat right top;
}

.sideBoxBody {
background: transparent url("../img/sidebox-bg.gif") no-repeat right bottom;
padding: 1em 10px;
margin: 0;
}

.sideBoxBlue .sideBoxBody {
background: transparent url("../img/sidebox-blue-bg.gif") no-repeat right bottom;
}

.sideBoxBody ul, .sideBoxBody p {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 1em;
}

/*

Detail produktu

*/

.detailImage {
width: 250px;
float: left;
margin-right: 20px;
}

.detailIcons img {
margin-right: 10px;
}

.detailIcons .icon360 {
margin-left: 30px;
}


.detailText {
width: 210px;
float: left;
}

ul.productMenu {
margin: 0; padding: 0;
margin-bottom: 2em;
}

ul.productMenu li {
margin: 0; padding: 0;
list-style-type: none;
margin-bottom: 1em;
padding-left: 20px;
background: transparent url("../img/product-menu-bg.gif") no-repeat center left;
}

.detailGraph {
width: 220px;
float: left;
}

.detailGraph h3 {
margin-bottom: 1.5em;
}

.detailGraph p.graf img {
width: 200px;
height: 200px;
}

#flash360 {
width: 500px;
height: 500px;
border: 1px solid #ddd;
}