body {
    color: #545454;
    background: #eee;
    text-align: center;
    margin: 0;
    padding: 0 0 30px;
    font: 8pt Arial, sans-serif;        
}

h1,h2,h3,h4,h5,h6,p,table,ul,ol {
    margin: 0 0 10px 0px;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Arial, sans-serif;
    color: #55A1D3;
}
h1{
    color: #3a3a3a;
    font-size: 14pt;    
    margin-bottom: 20px;
}
h2 {
    font-size: 13pt;
}
h3 {
    font-size: 12pt;
}
h4 {
    font-size: 10pt;
}
h5 {
    font-size: 10pt;
}
h6 {
    color: #3a3a3a;
    font-size: 9pt;    
}

table {
    font-size: 9pt;
    line-height: 1.6;
}
th {
    text-align: left;
}
a {
    color: #55A1D3;
}
a img {
    border: none;
}
.red {
    color: red;
}
#google_div li
{
    font: 9pt /1.6 Arial, sans-serif !important;
    text-align: left;
    color: #0273bd !important;
    display: list-item;
    margin: 0px 0px 5px 20px;
    list-style-image: url('../images/h1image.png');
}

#google_div a
{
    color: #0273bd !important;
}

#google_div a:hover {
    color: #0273bd !important;
    text-decoration: underline;
}
#google_div a.active {
    color: #0273bd !important;
}

table.styled, table.styled td, table.styled th {
    border: none;
}
table.styled th {
    color: white;
    background: #0273bd;
    padding: 3px 8px;
}
table.styled td {
    background: #eee;
    padding: 3px 8px;
}
table.styled .odd td {
    background: #f4f4f4;
}

table.smaller {
    font-size: 90%;
}

table.fullsize {
    width: 711px;
}
th.col2 {
    width: 17%;
}

.tcenter {
    text-align: center;
}

.rightcol-with-screens, .leftcol-with-screens {
    margin-bottom: 2em;
}
.rightcol-with-screens .item, .leftcol-with-screens .item {
    background: url('../images/rightcol-with-screens.gif') left top repeat-y;
    padding-bottom: 1.2em;
}
.leftcol-with-screens .item {
    background: url('../images/leftcol-with-screens.gif') right top repeat-y;
    padding-bottom: 1.2em;
}
.rightcol-with-screens .item img {
    float: left;
    width: 200px;
    height: 125px;
    background: #ccc;
}
.rightcol-with-screens .item h3, .rightcol-with-screens .item p {
    margin: 0 0 0 220px;
    padding: 0 0 12px 12px;
}
.leftcol-with-screens .item img {
    float: right;
    width: 200px;
    height: 125px;
    background: #ccc;
}
.leftcol-with-screens .item h3, .leftcol-with-screens .item p {
    margin: 0 220px 0 0;
    padding: 0 12px 12px 0;
}

.right-margined {
    float: right;
    margin: 0 0 1em 1.5em;
}
.left-margined {
    float: left;
    margin: 0 1.5em 1em 0;
}
.mediumSpace {
    font-size: 0;
    height: 15px;
}
.cleaner {
    clear: both;
    font-size: 0;    
}
.rightFloating{
    float: right;
}

#page {
    width: 960px;	
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 1;        
}
#header{
    width: 100%;
    height: 154px;
    background: url('../images/headBackground.png') center no-repeat;    
    margin: 10px 0;
    margin-top: 20px;
    z-index: 1;
}
#header div{
    float: left;
}
#dimenze{
    color: #8CD1FE;
    font-size: 12pt;
    font-weight: bold;
    float: right !important;
    margin-right: 30px;
    margin-top: 30px;
}
#logoContainer{
    width: 266px;
    height: 117px;    
}
#logoContainer h1 a {
    display: block;
    width: 146px;
    height: 66px;        
    margin-top: 27px;
    margin-left: 20px;
    background: url('../images/logo.gif') left top no-repeat;

}
#logoContainer a span{
    display: none;
}
#topHeader{
    width: 694px;
    height: 75px;
}

#langs{
    float: right !important;
    margin-right: 28px;    
    height: 27px;
    font-weight: bold;
    margin-top: 15px;
}
#langs .langBox{
    float: left;
}
#langs a, #langs p, #langs{
    color: #B3AFAE;
    text-decoration: none;
}
#langs p{
    margin: 0;

}
#langs a:hover, #langs a.active{
    color: #555354;
}
/*
#header h1 {
	position: absolute;
	top: 10px;
	left: 12px;
	z-index: 20;
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	width: 119px;
	height: 54px;
	background: url('../images/logo.gif') left top no-repeat;
}
#header h1 a span {
	display: none;
}

#lang {
	position: absolute;
	top: 12px;
	left: 191px;
	margin: 0;
	font-size: 7pt;
	color: #808080;
}
#lang a {
	color: #808080;
	text-decoration: none;
	padding-left: 20px;
	background-repeat: no-repeat;
	height: 20px;
	min-height: 20px;
	padding-top: 2px;
}
#lang a:hover {
	text-decoration: underline;
}
#lang a.active {
	color: white;
}
*/
#search {
    float: right;
    width: 200px;
    margin: 15px 10px 0 0;
}
#search .searchForm {
    display: block;
    float: right;
    width: 200px;
    margin: 0;
}
#search .searchFormDiv {
    text-align: right;
}
#search .searchFormText {
    background: #a6a6a6 url('../images/search_text.gif') left top repeat-x !important;
    color: white !important;
    border: 1px solid #303030 !important;
    font-size: 9pt !important;
    width: 130px !important;
}
#search .searchFormSubmit {
    background: #a6a6a6 url('../images/search_text.gif') left top repeat-x !important;
    border: 1px solid #202020;
    border: none;
    color: white;
    padding: 0;
    margin: 0;
    font: 8pt Verdana, sans-serif;
    cursor: pointer;
}
#navigationContainer{
    width: 100%;
}
#navigation{
    list-style-type: none;
    list-style-image: none;
    font-weight: bold;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
    padding: 0 15px;
    z-index: 100;
}
#navigation li{
    float: left;    
    margin-right: 5px;
}
#navigation a{
    display: block;
    float: left;
    color: white;
    text-decoration: none;    
    padding: 0 11px;  
    margin: 5px 0;
    height: 27px;
}
#navigation a:hover, #navigation a.active{
    color: #85C8F2;
}
#navigation a span{
    padding-top: 7px;
    display: block;        
}

#navigation li.levelTwo a {
    background-position: left bottom;
    text-align: left;
}
#navigation ul{
    list-style-type: none;
    list-style-image: none;
}

/*
#navigation {
	position: absolute;
        
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 51px;
	left: 125px;
}
#navigation li {
	float: left;
}
#navigation a {
	display: block;
	height: 29px;
	background-position: left center;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}
#navigation li:hover a {
	background-position: left bottom;
	text-align: center;
}

#navigation a.active {
	background-position: left top;
}
#navigation a span {	
	line-height: 28px;
	color: white;
	font-weight: normal;
}
/**/

#navigation ul {
    position: absolute;
    z-index: 10;
    list-style-type: none;
    margin: 0;
    margin-top: 35px;
    float: left;
    padding: 0;
    background: #4a4a4a;
    border: 1px solid #2a2a2a;
    border-top: none;
    visibility: hidden;
    padding: 0;        
    left: 0;
}
#nav_home ul{
    margin-left: 15px;
}
#nav_produkt ul{
    margin-left: 102px;
}
#nav_download ul{
    margin-left: 190px;
}
#nav_podpora ul{
    margin-left: 278px;
}
#nav_komunita ul{
    margin-left: 492px;
}
#navigation ul li {
    float: none;
    width: 16.3em;
    overflow: hidden;
}
#navigation ul li a {
    display: block;
    width: 100%;
    padding: 0 0 0 1em;
    height: auto;
    line-height: 2.2em;
    text-decoration: none;
    color: white;
}
#navigation ul li a:hover {
    background: #666;
}
#navigation ul.lastSubmenu {
    right: 0;
}

#navigation li:hover ul {
    visibility: visible;
}

/* pruh partneru */
#bluePruh{
    width: 100%;
    height: 88px;
    background: url('../images/modra-lista.jpg') center no-repeat;
    margin-top: 10px;
}
#bluePruh p {
    float: left;
    font-size: 14pt;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 23px;
    color: white;
}
#bluePruh a{
  display: block;
  height: 88px;
  width: 100%;
  position: relative;
  z-index: 10;  
}
#bluePruhHesla{
    float: left;
    font-size: 11pt;
    margin-left: 110px;
    margin-top: 10px;
    color: white;
}

#bluePruhHesla ul{
    list-style-image: url('../images/ul2.png');    
    /*/templates/default/images/ul2.png*/ 
}


/* footer */
#footer{
    margin-top: 10px;  
    margin-bottom: 50px;
}
#partneri{
    width: 100%;
    height: 68px;
    background: white;
}
#partneri p{
    float: left;
    font-size: 13pt;
    margin-top: 27px;
    margin-left: 20px;   
}
#partneri #loga{
    float: right;
    margin-top: 10px;
    height: 50px;
    margin-right: 5px;
}
#partneri #loga div{
    float: left; 
    height: 100%;    
}
#partneri #loga div a{
    display: block;
    height: 100%;
}
#partneri #loga div a span{
    display: none;
}
.delitko{
    width: 1px;
    background: url(../images/delitko.gif) no-repeat left top;
    height: 100%;
    float: left;
    font-size: 0;
}
#partneri #loga #reallifevideo a{
    width: 104px;
    background: url(../images/logo-reallifevideo.png) no-repeat left top;
}

#partneri #loga #suunto a{
    width: 104px;
    background: url(../images/logo-suunto.png) no-repeat left top;
}
#partneri #loga #garmin a{
    width: 111px;
    background: url(../images/logo-garmin.png) no-repeat left top;
}
#partneri #loga #polar a{
    width: 111px;
    background: url(../images/logo-polar.png) no-repeat left top;
}
#partneri #loga #cycleops a{
    width: 116px;
    background: url(../images/logo-cycleops.png) no-repeat left top;
}
#partneri #loga #daum a{
    width: 116px;
    background: url(../images/logo-daum.png) no-repeat left top;
}
#partneri #loga #kettler a{
    width: 116px;
    background: url(../images/logo-kettler.png) no-repeat left top;

}
#partneri #loga #cyclus2 a{
    width: 116px;
    background: url(../images/logo-cyclus2.png) no-repeat left top;

}
#bottomFoot{
    margin-top: 15px;
}
#bottomFoot p{
    text-align: right;
    margin-bottom: 5px;
    font-size: 8pt;
}
#facebook{
    float: left;
    margin-left: 20px;
    width: 200px;
}
/*
#facebook a{
    display: block;
    width: 50px;
    height: 19px;
    background: url(../images/logo-facebook.png) no-repeat left top;    
}
#facebook a span{
    display: none;
}
*/
#explore {    
    z-index: 1;
    padding: 20px;
    background: white;
}
#explore1, #explore2 {
    width: 767px;
    height: 200px;
    position: absolute;
    top: 80px;

}
#explore1 {
    z-index: 3;
}
#explore2 {
    z-index: 2;
}
#explore3 {
    z-index: 1;
}

#explore_guide, #explore_download {
    position: absolute;
    top: 224px;
    z-index: 999;
    display: block;
    min-height: 35px;
    _height: 35px;
    line-height: 35px;
    text-decoration: none;
}
#explore_guide em, #explore_download em {
    z-index: 999;
    display: block;
    height: 35px;
    width: 161px;
    background: url(../images/blank.gif) no-repeat left top;
    cursor: pointer;
}
#explore_guide {
    left: 380px;
    width: 160px;
}
#explore_download {
    left: 560px;
    width: 162px;
}
#explore_guide span, #explore_download span {
    display: none;
}

#content {
    padding: 10px;
    background: white;
    margin-top: 10px;
    float: left;
    width: 940px;
}


#aboutUnivet {
    float: left;
    width: 380px;
}
#about1 {
    width: 411px;
    height: 289px;
    background: url('../images/about1.jpg') left top no-repeat;
    margin-top: 30px;
    position: relative;
    left: -28px;
}

#news {
    float: right;
    width: 300px;
    border-top: 1px solid #cacaca;
    margin: 1em 0 0;
}
#news .date, #news .title {
    margin: 0;
}
#news .title {
    font-size: 10pt;
}
#news .post {
    padding-top: 1em;
    border-bottom: 1px solid #cacaca;
    font-size: 9pt;
}
#news .archive {
    padding: 1em 0;
}

#logos {
    width: 300px;
    margin: 0 0 1.2em;
}
#logo_makni {
    position: relative;
    left: -20px;
    top: -10px;
}
#logo_ergocycling {
}
/*
#footer {
	border: 1px solid #bfbfbf;
	background: #fafafa;
	border-width: 1px 0;
	padding: 7px 0 21px 30px;
}
#footer .footercol {
	font: 8pt Verdana, sans-serif;
	float: left;
	margin-right: 1em;
}
#footer .footercol h3 {
	font: bold 8pt Verdana, sans-serif;
	margin: 0;
	line-height: 3em;
	font-size: 8pt;
	color: #4c4c4c;
}
#footer .footercol a {
	text-decoration: none;
	line-height: 1.6em;
	color: #4c4c4c;
}
#footer .footercol a:hover {
	text-decoration: underline;
}

#newsletter {
    float: left;
    position: relative;
    top: 20px;
    left: 28px;
}
#newsletter h3 {
    color: #0072bc;
    font: bold 8pt Verdana, sans-serif;
    margin: 0 0 8px;
}
#newsletter p {
    margin: 0;
}
#newsletter .text {
    background: #f5f5f5 url('../images/newsletter_text.gif') left top repeat-x;
    color: black;
    border: 1px solid #808080;
    font-size: 9pt;
    width: 100px;
}
#newsletter .submit {
    background: none;
    border: none;
    color: black;
    padding: 0 0 2px;
    margin: 0;
    font: 7pt Verdana, sans-serif;
    cursor: pointer;
}
*/
#img_krabice {
    float: right;
    width: 351px;
    height: 228px;
    background: url('../images/krabice.jpg') left top no-repeat;
}
#img_funkce_01 {
    width: 199px;
    height: 300px;
    background: url('../images/funkce_01.jpg') left top no-repeat;
}

.bordered{
    padding: 15px;
    border: 1px solid #dedede;
    margin-right: 5px; 
    background: white;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.borderedNoMargin{
    margin-right: 0px;    
}
.vice{
    height: 26px;
    background: #dedede;
    width: 228px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
}
.vice a{
    display: block;
    float: right;
    margin-right: 10px;
    color: #545454;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    margin-top: 5px;       
}
.vice a:hover, .readMore a:hover{
    text-decoration: underline;
}
.readMore{
    width: 100%;
    float: left;    
    margin-bottom: 5px;
    
}
.readMore a{
    display: block;
    float: left;
    background: #81C8F6;    
    padding: 3px 15px;       
    text-decoration: none;       
    color: white;
    margin: 0 auto;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;

}
.newsHome .readMore a{
        margin-bottom: 10px; 
}
#contentHome{
    float:left;
	/*width: 474px;
	width: 677px;  */
	width: 707px;
}
.floated{
    float: left;
}
.topOfContent{    
    height: 50px;
    margin-bottom: 20px;    
}
.topOfContent .delitko{    
}
.topOfContent h1{
    margin-bottom: 0;          
    padding-left: 15px;        
}
.crumbs{
    padding-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;        
}
.crumbs a{
    color: #545454;
    text-decoration: none;
}
.crumbs a:hover{    
    text-decoration: underline;
}

/* black box */
.blackBox{
    background: url('../images/blackBox-background.gif') left top repeat-x #555555;
    width: 203px;    
    padding: 15px;
    color: #ADADAD;
    margin-bottom: 5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.blackBox p{
    text-align:left;
    padding-left:10px;
}

.blackBox h1, .blackBox h2, .blackBox h3, .blackBox h4, .blackBox h5, .blackBox h6{
    color: white;
    padding-left:10px;
}
.blackBox .button{
    display: block;
    background: url('../images/blackBox-button.gif') left top no-repeat;
    width: 187px;    
    height: 34px;
    font-size: 14pt;
    text-decoration: none;
    padding-left: 12px;
    padding-top: 10px;
}
.blackBox .button2{
    display: block;
    background: red;
    float: right;
    text-align: center;
    height: 17px;
    width: 90px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.blackBox input{
    width: 196px;
}

hr{
    background: #555;
    font-size: 0;
    border: none;
    width: 100%;
    height: 1px;
    margin: 15px 0;
}

.leftColumn{	
        width: 233px;                
        float: left;    
        margin-right: 5px;
}
#rightPanel{
    float: left;
}
.rightColumnBig{	        
        float: left;     
        width: 700px;
}

.greyBackground{
    background: #eee;
    padding: 15px;
    float: left;
    padding-bottom: 5px;
    clear: both;
    width: 670px;
}
.greyBackground table p{
    margin: 0;
}

/* podporovana zarizeni v technickych pozadavcich*/
table.podporovanaZarizeni {
    
}
table.podporovanaZarizeni th{    
    border: 2px solid #eee;
}
table.podporovanaZarizeni th.center{
    border-left: none;
    border-right: none;
    text-align: left;
}
table.podporovanaZarizeni th.left{
    border-right: none;
}
table.podporovanaZarizeni th.right{
    border-left: none;
    text-align: right;
    padding-right: 15px;
}
table.podporovanaZarizeni tbody{
    background: url('../images/podporovanaZarizeniBack.png') left top repeat-x;    
}
table.podporovanaZarizeni th, table.podporovanaZarizeni td{    
    padding-left: 15px;
}
table.podporovanaZarizeni td{
    margin-top:10px;
    vertical-align: top;
    line-height: 20px;
}
table.podporovanaZarizeni td.left{
    width: 340px;
    padding-top: 15px;
    padding-bottom: 15px;
} 
table.podporovanaZarizeni td.right{    
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
} 
table.podporovanaZarizeni td h6{
    color: #55A1D3;
    margin-bottom: 0;
}

ul{
  list-style-image: url('../images/ul.png');
}
table.komponentyTable{
  padding: 15px;
  padding-right: 8px;
  width: 910px;
  background: url('../images/komponentyTableBG.png') top left no-repeat #313435;
  color: white; 
}

table.komponentyTable td{  
  border-top: 1px solid #444;
  padding:  5px 25px;
}
table.komponentyTable td.skrtatko{
  width: 77px;  
  text-align: center;
}

table.komponentyTable td.cislo{
  text-align: center;
  font-weight:bold;
}


table.komponentyTable th{
    padding:  5px 0px;
    font-weight: normal;
    font-size: 10.5pt;
}
table.komponentyTable th.center{
  text-align: center;
}
table.komponentyTable th.red{
  padding-left: 25px;
}
.skrtatko .ano, .skrtatko .ne{
  width: 100%;
  height: 20px;
  background: url('../images/skrtatkoAno.png') center no-repeat;
} 
.skrtatko .ne{
    background: url('../images/skrtatkoNe.png') center no-repeat;
}      
#krabice{
    background:  url('../images/krabice.png') center no-repeat;
    float: right;
    height: 195px;
    position: absolute;
    right: 35px;
    top: 277px;
    width: 254px;
}
#verze{
  background:  url('../images/verze-pozadi.jpg') center no-repeat;
  width: 940px;
  height: 47px;
  margin-left: -15px;
  margin-top: 10px;
  padding-top: 17px;
}
#verze .prectete{
  color: #55A1D3;
  float: left;
  width: 250px;
  font-weight: bolder;
  margin-left: 30px;
}
#verze a{
  display: block;
  margin-right: 2px;  
  color: white;
  line-height: 32px;
  float: left;
  font-weight: bold;
  font-size: 11pt;
  text-align: center; 
  text-decoration: none; 
}
#verze a.lite{
  width: 135px;
}
#verze a.home{
  width: 147px;
}
#verze a.profi{
  width: 190px;
}
#verze a.ergo{
  width: 140px;
}

#contactForm{
  float: left; 
  margin-top: 15px;
}
#contactForm input{
  width: 240px;  
  border: 1px solid #eee;
}
#contactForm label{
  display: block;
  width: 75px;
  padding-left: 15px;
}
#contactForm #textArea{
  padding: 15px;  
}
#contactForm textarea{
  width: 99%;
  height: 150px;
  border: 1px solid #eee;
}