body{font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; margin-top: 0px; text-align: center;color: #545454; background : #000000; 
background-image: url(mainpics/new-background.jpg); background-repeat: no-repeat; margin: 0px 0px 0px 0px; background-attachment: fixed;
/*background-image: url(mainpics/vizual-alpe.jpg); background-repeat: no-repeat; margin: 0px 0px 0px 0px; background-attachment: fixed;*/
background-position: center top;}

a {color: white; background-color: black; text-decoration: none; padding-left: 0px; padding-right: 0px; margin-top: 1px;}
a:hover {color: white;}
a:visited {color: white;}
a img {border: none;}


/* Hlavicka stranky */
div.hlavicka { width: 780px; height: 101px; background-image: url(mainpics/vizual.jpg); background-position: top right;  background-repeat: no-repeat; background-color:#000000; margin-left: auto; margin-right: auto; text-align: left;
padding: 0px;}

/* Hlavicka stranky - olympiada*/
div.hlavickax {top: 0px; width: 780px; height: 162px; background-image: url(mainpics/vizual-olymp.jpg); background-position: top right;  background-repeat: no-repeat; background-color:#0079c4; margin-left: auto; margin-right: auto; text-align: left;
display: table}


/* Nadpis stranky */
div.nadpisxx {width: 590px;  padding: 12px 0px 12px 0px; background-image: url(mainpics/nadpis-background.jpg); background-repeat: repeat-y; font-size: 1.1em; font-weight: normal; color: white; border-left: 30px solid #2e2e2e;}
div.nadpis {background-color: black; padding: 12px 0px 12px 30px; background-image: url(mainpics/nadpis-background.jpg); background-repeat: repeat-y; font-size: 1.1em; font-weight: normal; color: white; border-left: 0px solid #2e2e2e;}

div.nadpismin {width: 590px;  padding: 6px 0px 6px 0px; background-image: url(mainpics/nadpis-podklad.jpg); background-repeat: repeat-y; font-size: 0.75em; font-weight: normal; margin-left: 30px;}

/* Nadpis textu */
div.nadpist {display: block; float: clear; text-align: left; width: 516px; padding: 5px 0px 7px 0px; font-size: 1em; font-weight: normal; border-top: 3px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; 
margin-right: 52px; margin-left: 52px; margin-bottom: 0px; margin-top: 0px; color:#1c1b21;}
div.nadpist2 {display: block; float: clear; text-align: left; width: 568px; padding: 3px 0px 0px 0px; font-size: 1em; font-weight: bold; border-bottom: 2px solid #C9CC97; margin-left: 52px; margin-bottom: 0px; margin-top: 0px;
background-image: url(mainpics/nadpis-podklad.jpg); background-repeat: repeat-y; color:#00090E;}

/* Text */
div.text {padding: 15px 52px 52px 52px; font-size: 0.75em; margin-bottom: 10px; clear: both;}
div.text3 {padding: 15px 52px 52px 15px; font-size: 0.75em; margin-bottom: 10px; border: 1px solid red;}
div.text4 {font-size: 0.75em;}

.text2 {padding: 15px 15px 15px 15px; font-size: 0.75em; margin-bottom: 10px; text-align: left}
div.textmini {padding: 18px 18px 30px 52px; font-size: 0.7em;}
.textpidi {position: relative; display: block; font-size: 0.9em; left: 18px; top: 10px; text-align: left; clear: both;}
div.boldtext {padding: 18px 18px 0px 52px; font-size: 0.75em; font-weight: bold; color: #c3c3c3;}
div.textmax {padding: 0px 0px 0px 0px; font-size: 0.75em; margin-bottom: 10px}

/* Text pod obrázkem výrobku*/
div.textv {position: relative; font-size: 0.6em; display: block; top: 200px; right: 290px; text-align: left; float: left; margin-left: 42px; width: 248px; padding-bottom: 0px; border: 0px solid;
vertical-align: top;}



/* >>>>>>>>>> DIV pro opravu chyby - posunovani textu vlevo od kola dolu <<<<<<<<<<*/
div.container {border:0px solid green; display: table; width: 304px; float: left; padding: 0px; margin: 0px; text-align: center; }
div.container a {background-color: transparent;}

/* >>>>>>>>>> DIV pro opravu chyby - dic spec v MSIE <<<<<<<<<<*/
div.megacontainer {border: 0px solid green; display: table; width: 620px; padding: 0px; margin: 0px; text-align: center; overflow: hidden; }


/* >>>>>>>>>> DIV pro opravu chyby - posunovani textu vlevo od kola dolu V NOVINKACH<<<<<<<<<<*/
div.containernews {border:0px solid green; display: table-cell; width: 200px; float: left; padding: 0px; margin: 0px; text-align: center; }
div.containernews a {background-color: transparent;}

/* >>>>>>>>>> DIV pro pro opravu chyby - posunovani textu vlevo od kola dolu <<<<<<<<<*/
div.textv2 { font-size: 0.6em;  text-align: left; border: 0px solid violet;
vertical-align: top; margin-left: 30px; margin-top: 15px; float: none; display: table; margin-right: 30px; width: 245px; line-height: 150%}
div.textv2 a {background-color: black; }











/*div.spec { top: 20px; padding: 0px 18px 5px 0px; font-size: 0.75em; font-weight: normal; color: #4D4B4C; margin-left:330px; text-align: left; vertical-align: top;}*/
div.spec { border-bottom: 1px dotted #0f2231; padding: 5px 0px 5px 10px; font-size: 0.70em; font-weight: normal; 
color: #b4b4b4; margin-left: 305px; text-align: left; vertical-align: top; background-color: black; width: auto;}
div.spec a {background-color: #404040;}

div.specnews { border-bottom: 1px dotted #0f2231; padding: 5px 10px 5px 10px; font-size: 0.70em; font-weight: normal; 
color: #b4b4b4; margin-left:200px; text-align: left; vertical-align: top; background-color: black; }
/*div.spec { border: 1px solid blue; padding: 0px 18px 5px 0px; font-size: 0.75em; font-weight: normal; 
color: #4D4B4C;  text-align: left; vertical-align: top; width: 290px ;position: relative; right: 0px; top: 0px; float: none;}*/




div.frame { padding: 10px 10px 10px 10px; font-size: 0.6em; font-weight: normal; color: #1c1b21; margin-left:305px; text-align: 
left; margin-bottom: 35px; border: 0px solid red; background-color: #cfcfcf; margin-top: -2px;}

.specb {font-weight: bold; font-size: 1.0em; padding: 0px 5px 0px 0px; vertical-align: top; margin-left: 0px; color: white;}
div.spectext {width: 264px; display: block; padding: 0px 18px 5px 0px; font-size: 0.7em; font-weight: normal; color: #4D4B4C; margin-left:330px}


div.cena {padding: 10px 10px 15px 10px; font-size: 0.8em; font-weight: bold; margin-left: 305px; margin-bottom: 0px; margin-top: 0px; 
border: 0px solid; text-align: left; vertical-align: top; background-color: black; color:#196d97;}

div.cenaakce {margin-left: 305px; padding: 10px 10px 15px 10px; 
background-color: #b1000b; font-size: 0.8em; color: white; font-weight: bold;
margin-bottom: 0px; margin-top: 0px; text-align: center}

/* Obrazek vyrobku */
/*div.produkt {text-align: left; float: left; padding-left: 52px; width: 245px; padding-bottom: 30px; border: 0px}*/
img.produkt {width: 245px; border-left: 30px solid white; border-right: 30px solid white; border-top: 0px; border-bottom: 20px solid white; margin-bottom: -10px;}
/*img.produkt {text-align: left; float: left; margin: 0px;  margin-bottom: 30px; border-left: 52px solid red; border-top: 0px; border-bottom: 0px; border-right: 0px}*/

/* Obrazek ostatni */
img.obrazek {text-align: left; padding-left: 52px;}
img.obrazekr {position: relative; left: 52px;}
img.banner1 {position: relative; left: 52px; top: -15px}
img.banner2 {position: relative; left: 52px; top: 0px}

/* Div pro posun pod obrazek produkty*/
div.nofloat {text-align: left; float: clear; height: 50px}
div.nofloat2 {text-align: left; clear: both; height: 50px}
div.nofloat2m {text-align: left; clear: both; height: 1px}
div.nofloatm {text-align: left; float: clear; height: 1px}

/* Akce */
/*img.akcepic {position: relative; top: 0px; left: -20px ;border: 0px; margin-right: 5px; float: left;}*/
img.akcepic {position: relative; left: -10px; top: 0px; border: 0px; margin-right: 5px; z-index: 2; display: inline; float: right}

/* Jmeno vyrobku*/
div.jmeno {float: none; height: 34px; background-color: white; text-align: left; padding: 7px 0px 0px 40px; font-size: 1em; font-weight: normal; 
border-top: 3px solid black; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; background-image: url(mainpics/nadpis-background2.jpg); background-repeat: repeat-y;
background-position: top right; color: black; vertical-align:middle;}


/* Navigace v hlavicce */
div.navigace {float: left; align: right; text-align: center; width: 160px; font-size: 11px; font-weight: bold; color: #000000; background-color: #000000}

/* Odkaz v hlavicce */
div.orbea {text-align: right; font-size: 11px; font-weight: normal; font-style: italic; color: #196d97; padding-right: 5px}
div.orbea a {color: #196d97; text-decoration: none}
div.orbea a:hover {color: #196d97; text-decoration: none}
div.orbea a:visited {color: #196d97; text-decoration: none}


/* Ifrme menu */
iframe.menu2 {width: 160px; height: 750px;}



/* Tabulka novinek */
table.newstab {position:relative; left: 30px; width: 560px; padding: 0px; /*border: 2px; */ cellspacing: 0; cellpadding: 0; margin-top: 15px; margin-bottom: 25px;}
td.news1 {vertical-align: top; padding: 0px; margin: 0px; border: 0px; width: 280px; text-align: left;} 
td.news2 {vertical-align: top; padding: 0px; margin: 0px; border: 0px; width: 280px; text-align: right;} 


/* Novinky  */
.novinky {width: 300px; padding-top: 70px; padding-bottom: 10px; padding-left: 0px; padding-right: 10px;/*border: 2px; */ border: solid 1px #b3b3b3;
background-image: url(mainpics/news-podklad.jpg); background-position: top center;  background-repeat: no-repeat; font-size: 0.7em; text-align: left;
 font-weight: bold;}
.novinkyright {font-weight: normal; text-align: right}
img.newspic {float: left; text-align: left; margin-right: 10px; margin-bottom: 10px;}
img.newspic2 {float: left; text-align: left; margin-right: 10px; margin-bottom: 30px;}


/* Tabulka obsahu */
table.obsahtab {width: 780px; height: 85%; background-color: black; padding: 0px; /*border: 2px; */ cellspacing: 0; cellpadding: 0;}
td.obsahtab {vertical-align: top; padding: 0px; margin: 0px; border: 0px solid red; background-color: #404040; overflow-x: hidden; color: c3c3c3; width: 620px;
background-image: url(mainpics/podklad-evo.jpg); background-repeat: repeat-y; background-position: top center;}  
td.obsahtab a {border-left: 0px solid black; border-right: 0px solid black; }

td.obsahtabwht {vertical-align: top; padding: 0px; margin: 0px; border: 0px; background-color: white; overflow-x: hidden;}
td.obsahtabwht a {padding-left: 0px; padding-right: 0px; }

td.obsahtabwht2 {vertical-align: top; padding: 0px; margin: 0px; border: 0px; background-color: white; overflow-x: hidden;}
td.obsahtabwht2 a {background-color: transparent; }

td.obsahtabtxt {vertical-align: top; padding: 0px; margin: 0px; border: 0px; background-color: #cfcfcf; 
background-image: url(mainpics/text-background.jpg); background-position: bottom right;  background-repeat: repeat-x; line-height: 105%; overflow-x: hidden;} 
td.obsahtabtxt a {padding-left: 0px; padding-right: 0px; }
.important {font-weight: bold; color: #1c1b21;}

td.menu {vertical-align: top; background-color: #000000; background-image: url(mainpics/menu-podklad.jpg); background-position: bottom right;  background-repeat: no-repeat; padding: 0px; margin: 0px; border: 0px} 

/* Rozbočovací stránky */

table.butpruh {align: left; width: 620px; cellspacing: 0; cellpadding: 0; margin-top: 0px; padding: 0px; border: 0px;}
div.nadpis-but {padding: 12px 52px 12px 52px; font-size: 1em; font-weight: bold; color: white; margin: 0px;
background-image: url(mainpics/nadpis-background3.jpg); background-position: top left;  background-repeat: repeat-x; background-color: #196d97;
vertical-align: middle; border-top: 3px solid black;}

div.nadpis-but2 {padding: 12px 30px 12px 30px; font-size: 1em; font-weight: normal; color: #196d97; margin: 0px; vertical-align: middle; background-color: black;
text-align: left; border: 0px solid;}

table.blokset {width: 620px;}

td.blokleft {text-align: center; margin: 0px; width: 258px; padding: 6px 6px 6px 52px; font-size: 0.6em; font-weight: normal; color: #727272; background-color:#ffffff;}
td.blokright {background-image: url(mainpics/blok-1.jpg); background-repeat: repeat-y; background-position: top right; width: 310px; padding: 0px; margin: 0px; text-align: left; 
padding: 15px 52px 15px 15px; font-size: 0.70em; font-weight: normal; color: #424242; line-height: 130%}
td.blokright a {color: white; background-color: black;}
td.blokright a:hover {color: white;  }
td.blokright a:visited {color: white;}

td.blokright2 {text-align: center; margin: 0px; width: 258px; padding: 15px 52px 15px 15px; font-size: 0.6em; font-weight: normal; color: #727272; background-color:#ffffff;}
td.blokleft2 {background-image: url(mainpics/blok-2.jpg); background-repeat: repeat-y; background-position: top right; 
width: 310px; padding: 0px; margin: 0px; text-align: left; padding: 6px 6px 6px 52px; font-size: 0.70em; font-weight: normal; color: #424242; line-height: 130%}
td.blokleft2 a {color: white; background-color: black; }
td.blokleft2 a:hover {color: white;  }
td.blokleft2 a:visited {color: white;}


img.butpic {border: solid 0px; margin-bottom: 5px;  margin-top: 5px; vertical-align: middle}

/* Objednavka */
div.objednavka {margin-left: 305px;  display: block; padding: 5px 0px 5px 50px; 
background-image: url(mainpics/objednat.jpg); background-repeat: no-repeat; font-size: 0.8em; 
font-weight: bold; margin-bottom: 0px; margin-top: 0px; color: #196d97; font-style: italic;}
div.objednavka a {color: #196d97; text-decoration: none; background-color: transparent;}
div.objednavka a:hover {color: #196d97; }
div.objednavka a:visited {color: #196d97; }

/* Obrazek barev*/
.barvy {position: relative; font-size: 0.6em; display: block; top: 200px; left: -290px; text-align: left; float: left; margin-left: 42px; width: 248px; padding-bottom: 0px; border: 0px solid;
vertical-align: top;}

/* Stranky recenzi */
.rec {display: block; float: left; margin-right: 10px; border: 1px solid #F5F4F4;}

/* warranty */
.warr {color: black; font-weight: bold;}


/* kratke novinky */
div.novinky1 {color: #284C5C; width: 620px;  height: 86px; background-image: url(mainpics/newsgrad1.jpg); background-repeat: no-repeat; font-size: 1em; font-weight: normal; margin-left: 0px;
vertical-align: middle; border: 0px solid blue; display: table; line-height: 130%;}
div.novinky2 {color: #284C5C; width: 620px;  height: 86px; background-image: url(mainpics/newsgrad2.jpg); background-repeat: no-repeat; font-size: 1em; font-weight: normal; margin-left: 0px;
vertical-align: middle; border: 0px solid blue; display: table; line-height: 130%;}
div.obalka {width: 500px;  margin-left: 60px; margin-right: 60px; margin-top: 12px; margin-bottom: 32px; border: 0px solid green;} 
.more {font-size: 0.7em;}

/* webring */
div.webring {width: 100%; height: 20px; background: black; position: fixed; right: 0px; bottom: 0px;  border: 1px solid red;
margin-bottom: 0px;}

/* poznamka */
div.notice {width: 560px;  text-align: center; font-size: 0.7em; font-weight: normal; margin-left: 30px; border-top: 1px solid silver;
margin-bottom: 0px; margin-top: 20px;} 

/* Technologie */
.technologie {border: 0px solid blue; margin-left: 30px; margin-right: 14px; float: left; margin-bottom: 4px;} 
.technologiemin {border: 0px solid blue; margin: 2px; background-color: transparent; float: right;}

.technopart {background-image: url(mainpics/technologie-background.gif); background-repeat: no-repeat; font-size: 10px;
border: 0px solid yellow; color: c3c3c3; text-align: left; height: 15px; margin-bottom: 20px; display: table;}
.technoname {margin-left: 43px; margin-top: 5px; border: 0px solid red; width: 263px;}

td.obsahtabtechno {vertical-align: top; padding: 0px; margin: 0px; border: 0px; background-color: #242021; overflow-x: hidden; color: #adadad; width: 620px;} 
td.obsahtabtechno a {border-left: 0px solid black; border-right: 0px solid black;}

.logocont { border: 0px solid red; float: left; width: 122px; margin-left: 30px; text-align: left; vertical-align: top;
margin-top: 0px; margin-bottom: 35px;}
.logotext {border-left: 1px dotted #535353; border-bottom: 0px dotted #535353; margin-left: 152px; margin-right: 0px; text-align: left; vertical-align: top;
margin-top: 0px; margin-bottom: 35px; padding-left: 20px; font-size: 0.75em; padding-right: 10px; width: 425px;}
.logoname {color: white; display: block; font-weight: bold; margin-bottom: 15px; border: 0px solid red; text-align: left;}
.logoname2 {color: white; display: block; font-weight: bold; border: 0px solid red; text-align: left;}
.logoname3 {color: white; font-weight: bold; border: 0px solid red; text-align: left;}
.picinline {vertical-align: middle; margin-right: 5px;}
.picinline2 {vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}
.picintext {display: block; margin: 0px 5px 5px 0px; float: left;}
.picintext2 {display: block; margin: 0px 0px 5px 0px;}

/* Loga kol v nadpisech */
.logos {border: 0px solid blue; margin-right: 0px; background-color: transparent; float: right;}
.logos2 {border: 0px solid blue; margin-right: 20px; background-color: transparent; float: right;}

/* Posunuti banneru mimo vlastni webovky */
/*.bannerplace {position: absolute; top: 0px; left:1101px;}*/
.bannerplace {position: absolute; left: 50%; top: 0px; margin-left: 390px;
 border: 1px solid black; width: 300px; text-align: right; z-index: 0;}
 
/* Alma29er 2011 minisite */
.almaback {border: 0px solid green; background-image: url(pics/alma29er-2011-minisite/alma29er-viz.jpg); background-repeat: no-repeat;
 width: 620px; height: 445px; margin: 0px; display: table;}
.almablock {border: 0px solid green; margin-top: 29px; margin-left: 29px; display: table; width: 320px; text-align: left;
background-image: url(pics/alma29er-2011-minisite/white-back-50.png); background-repeat: repeat; padding-bottom: 15px; overflow: hidden;}
.almatext {font-size: 0.7em; margin-left: 5px; margin-right: 5px; line-height: 130%}
.almatechno {border: 0px solid green; width: 562px; margin-left: 29px; display: table; text-align: center; margin-bottom: 30px;}
.almatechno a {background-color: transparent;}
.almapic {border: 0px;}
.almapic2 {border: 0px; margin-bottom: 5px;}
.almanadpis {background-color: transparent; padding: 6px 0px 6px 30px; background-image: url(mainpics/nadpis-backgroundx.jpg); background-repeat: repeat-y; font-size: 1.0em; font-weight: normal; color: white; border-left: 0px solid #2e2e2e;
border-bottom: 1px dotted white; margin-bottom: 15px}
 

div.almatlacitko {line-height: 150%; vertical-align: middle; display: block; background-color: #929295; text-align: left; height: 17px;
 width: 320px; font-size: 11px; font-weight: normal; margin-bottom: 1px; } 
div.almatlacitko a {display: block; width: 320px; height: 17px; padding-left: 5px; background-color: #929295; margin: 0px;}
div.almatlacitko a: visited {display: block; width: 320px; height: 17px;}
div.almatlacitko a:hover {display: block; color: white; width: 320px; background-color: #196d97; height: 17px; 
background-image: url(mainpics/sipecka.gif); background-position: 300px center;  background-repeat: no-repeat; margin: 0px;}

.end {width: 100%; clear: both; font-size: 1px; line-height: 1px;}

/* Zvyrazneni textu */
.black {color: black; font-weight: bold;}

/* Vetsi pismo */
.bigpismo {font-size: 1.5em; line-height: 120%;}



/* Sekce Orbea Team */
div.nadpisot {background-color: black; padding: 12px 0px 12px 30px; background-image: url(mainpics/orbea-team-nadpis.jpg); background-repeat: repeat-y; font-size: 1.1em; font-weight: normal; color: white; border-left: 0px solid #2e2e2e;
margin-bottom: 20px;}
div.nadpistot {display: block; float: clear; text-align: left; width: 560px; padding: 5px 0px 7px 0px; font-size: 1em; font-weight: normal; border-top: 0px solid #0a2f3f; border-bottom: 1px solid #0a2f3f; 
margin-left: 30px; margin-bottom: 0px; margin-top: 0px; color:#0a2f3f; line-height: 130%}

.odrazkaot {margin-left: 22px; margin-right: 22px;}

div.textot {padding: 15px 52px 0px 52px; font-size: 0.75em; margin-bottom: 25px; clear: both; line-height: 130%}

div.headot {background-color: black; width: 620px; height: 245px; display: table; background-image: url(mainpics/orbea-team-viz.jpg); background-repeat: no-repeat;
background-position: right center;}
iframe.menuot {width: 190px; height: 245px;}


div.setikt {
float:left;
border: 0px dotted blue;
width: 180px;
height: 270px;
margin-right: 10px;
background-image: url(mainpics/orbea-team-stin.jpg); background-repeat: repeat-x;
background-position: left 135px;
background-attachment: local;
}


div.rolikt {
border: 0px solid violet;
overflow-x: hidden;
overflow-y: auto;
width: 180px;
height: 125px;
}

div.piditextt {
font-size: 11px;
color: #424242;
border: 0px solid green;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}

div.framekt {
width: 180px;
height: 135px;
overflow: hidden;
padding: 0px;
cursor: pointer;
display:block;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
background: #828282;
border: 0px solid;
}

.fotot {
border: 0px solid;
}

.obalkat {border: 0px dotted red; width: 570px; margin-left: 30px; display: table; text-align: left;}

.youtubevideot {width: 560px; display: table; margin-left: 30px; margin-bottom: 20px;}