@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------
BASIC Style Sheet (for browsers IE7, Opera, FireFox, Konqueror)
version 2.1
author: GOBE (Ludvik Kovar)
email: info@gobe-design.com
website: http://www.gobe-design.com
------------------------------------------------------------------------------------ */


/*-----ZAKLADNI TYPOGRAFIE A BARVY-------------------------------------------------- */
body { color: #FFFFFF;background-color: #CCCCCC;font-family: Arial, Helvetica, sans-serif
;font-size:75% !important;font-size: 70%;font-weight:normal; }
p {}
td {}
h1 { color:White;font-size:140%;font-weight:bold; margin:0;padding:0; }
h2 { color:White;font-size:120%;font-weight:bold; margin:0;padding:0; }
h3 { color:White;font-size:100%;font-weight:bold; margin:0;padding:0; }
h4 { color:Yellow;font-size:55%;font-weight:bold; margin:0;padding:0; }
a:link { color:White;font-weight:bold; }
a:visited { color:Gray;font-weight:bold;text-decoration:none; }
a:hover { color:#B30000;font-weight:bold; }

/*-----KONEC ZAKLADNI TYPOGRAFIE A BAREV-------------------------------------------- */

/*-----ZAKLADNI LAYOUT STRANEK------------------------------------------------------ */
/* Zakladni prvek stranek
------------------------------------------------------------------------------------ */
#main { width: 860px; height: 100%; position: relative;  left: 50%;  
margin-left: -430px;  }

/* Hlavicka
------------------------------------------------------------------------------------ */
#heading { width: 860px;  height: 100%; }

/* Obsah
------------------------------------------------------------------------------------ */
#content { width: 860px;  height: 100%; }

/* Paticka
------------------------------------------------------------------------------------ */
#footer { width: 860px;  height: 100%; }
/*-----KONEC ZAKLADNIHO LAYOUTU STRANEK--------------------------------------------- */



/*-----HLAVICKA--------------------------------------------------------------------- */
/* Logo Plosiny Muller
------------------------------------------------------------------------------------ */
#logoHead { width: 200px; height: 65px; float: left; margin: 15px 0 15px 25px;
display: inline; }

/* Vrchni menu 
------------------------------------------------------------------------------------ */
#menuHead { float: right; margin: 15px 20px 0 0; border-bottom: #666666 dotted 1px;
color: #666666; display: inline; }
#menuHead ul { margin: 0; padding: 0; list-style: none; width: 265px; }
#menuHead li { float: left; }
#menuHead ul a { display: block; padding: 0 2em; line-height: 1.9em; 
font-weight: bold; text-decoration: none; color: #666666; }
#menuHead ul a:visited { display: block; padding: 0 2em; line-height: 1.9em; 
font-weight: bold; text-decoration: none; color: #999999; }
#menuHead ul a:hover { display: block; padding: 0 2em; line-height: 1.9em; 
font-weight: bold; text-decoration: none; color: #FFFFFF; }

/* Napis Plosiny Muller
------------------------------------------------------------------------------------ */
#titlePlosiny { float: left; margin: 45px 20px 0 25px; color: #666666;  }

/* Hlavni Menu Box
------------------------------------------------------------------------------------ */
#boxMainMenu { width: 860px; height: 243px; 
background: url(../img/spolecne/podklad01.png) left bottom no-repeat; }
/* Box pro hlavni menu
------------------------------------------------------------------------------------ */
#boxMenu { width: 257px; height: 227px; float: left; margin: 8px 0 0 18px;
display: inline; }
/* Vypln nad hlavnim menu
------------------------------------------------------------------------------------ */
#menuMainTop {width: 257px; height: 14px; }
/* Hlavni Menu 
------------------------------------------------------------------------------------ */
#menuMain { width: 257px; height: 200px; }
#menuMain ul { margin: 0; padding: 0; list-style-type: none; }
#menuMain ul a { display: block; width: 257px; height: 40px; line-height: 40px;
text-decoration: none; text-indent: 110px;
background: url(../img/spolecne/button-all.png) no-repeat left bottom; }
#menuMain ul a:link, #menuMain ul a:visited { display: block; width: 257px; 
height: 40px; line-height: 40px; text-decoration: none; text-indent: 110px;
background: url(../img/spolecne/button-all.png) no-repeat left bottom;
font-weight: bold; color: #FFFFFF; }
#menuMain ul a:link.active, #menuMain ul a:visited.active, #menuMain ul a:hover 
{ background-position: right bottom; color: #CCCCCC; font-weight: bold;}

/* Vypln pod hlavnim menu
------------------------------------------------------------------------------------ */
#menuMainBottom {width: 257px; height: 13px; }
/* Box pro animaci
------------------------------------------------------------------------------------ */
#boxAnimation { width: 567px; height: 227px; float: right; margin: 8px 8px 0 0;
background: url(../img/spolecne/podklad03.png) left bottom no-repeat;
display: inline; }
/* Animace
------------------------------------------------------------------------------------ */
#animation { width: 547px; height: 207px; margin: 10px 10px 10px 10px; }


/*-----VYHLEDAVANI------------------------------------------------------------------ */
/* BOX OHRANICUJICI PRVKY VYHLEDAVANI
------------------------------------------------------------------------------------ */
#boxSearsch { width: 265px; height: 30px; float: right; margin: 10px 20px 0 0 !important;
margin: 10px 10px 0 0; display: inline; }

/* JEDNOTLIVE PRVKY VYHLEDAVACIHO FORMULARE
------------------------------------------------------------------------------------ */
formSearsch { margin: 0; padding: 0; }
fieldset { width: 265px; height: 30px; border: none; }
label { font-weight: bold; margin: 0 15px 0 5px; color: #FFFFFF; }
input { width: 150px; background-color: #FFFFFF; border: #666666 1px solid;}
#hledat { width: 30px; color: #FFFFFF; font-weight: 800; text-align: center; 
background-color: #CCCCCC; border: #CCCCCC 1px solid; }
/*-----KONEC VYHLEDAVANI------------------------------------------------------------ */
/*-----KONEC HLAVICKY--------------------------------------------------------------- */


/*-----PATICKA---------------------------------------------------------------------- */
/* Menu v paticce
------------------------------------------------------------------------------------ */
#menuFooter { margin: 10px 0 5px 0; padding: 10px 0 0 37px; width: 823px; height: 32px;
background: url(../img/spolecne/podklad04.png) left bottom no-repeat; }
#menuFooter ul { margin: 0; padding: 0; list-style: none; width: 785px; }
#menuFooter li { float: left; }
#menuFooter ul a { display: block; padding: 0 1em; line-height: 1.9em; 
font-weight: bold; text-decoration: none; color: #B30000; }
#menuFooter ul a:visited { display: block; padding: 0 1em; line-height: 1.9em; 
font-weight: bold; text-decoration: none; color: #666666; }
#menuFooter ul a:hover { display: block; padding: 0 1em; line-height: 1.9em; 
font-weight: bold; text-decoration: none; color: #FFFFFF; }

/* Copyright a Design
----------------------------------------------------------------------------------- */
#copyright { margin: 0; text-align: center; color: #999999; }
#copyright a { color: #999999; }
#copyright a:visited { color: #666666; }
#copyright a:hover { color: #FFFFFF; }

/*-----KONEC PATICKY--------------------------------------------------------------- */



/*-----GALERIE---------------------------------------------------------------------- */
/* Foto
------------------------------------------------------------------------------------ */
#imgGalery {width: 933px; height: 700px; position: absolute; top: 0px; left: 0px;}
#imgGaleryAvia {width: 550px; height: 375px; position: absolute; top: 0px; left: 0px;}
#imgGaleryAvia01 {width: 550px; height: 413px; position: absolute; top: 0px; left: 0px;}
#imgGaleryNissan {width: 600px; height: 450px; position: absolute; top: 0px; left: 0px;}
#imgGaleryTatra {width: 550px; height: 413px; position: absolute; top: 0px; left: 0px;}
#imgGaleryHummer {width: 500px; height: 385px; position: absolute; top: 0px; left: 0px;}
#imgGaleryDinolift {width: 500px; height: 480px; position: absolute; top: 0px; left: 0px;}
#imgGaleryDinolift01 {width: 500px; height: 547px; position: absolute; top: 0px; left: 0px;}
#imgGaleryInreka {width: 510px; height: 680px; position: absolute; top: 0px; left: 0px;}
#imgGaleryInreka01 {width: 800px; height: 600px; position: absolute; top: 0px; left: 0px;}
#imgGaleryOmme {width: 370px; height: 370px; position: absolute; top: 0px; left: 0px;}
#imgGaleryAiro630 {width: 260px; height: 360px; position: absolute; top: 0px; left: 0px;}
#imgGaleryAiro1000 {width: 254px; height: 370px; position: absolute; top: 0px; left: 0px;}
#imgGaleryCompact {width: 300px; height: 400px; position: absolute; top: 0px; left: 0px;}
#imgGaleryCompact01 {width: 850px; height: 638px; position: absolute; top: 0px; left: 0px;}
#imgGaleryPb {width: 448px; height: 336px; position: absolute; top: 0px; left: 0px;}
#imgGaleryPb01 {width: 313px; height: 448px; position: absolute; top: 0px; left: 0px;}
#imgGaleryTopdino {width: 331px; height: 250px; position: absolute; top: 0px; left: 0px;}
#imgGaleryTopdino01 {width: 449px; height: 600px; position: absolute; top: 0px; left: 0px;}
#imgGaleryAiro1400 {width: 550px; height: 500px; position: absolute; top: 0px; left: 0px;}
#imgGaleryAiro140001 {width: 210px; height: 250px; position: absolute; top: 0px; left: 0px;}
#imgGaleryTopdino126 {width: 480px; height: 360px; position: absolute; top: 0px; left: 0px;}
#imgGaleryTopdino12601 {width: 750px; height: 1002px; position: absolute; top: 0px; left: 0px;}

#imgWorkDiag {width: 450px; height: 550px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagNissan {width: 327px; height: 401px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagTatra {width: 307px; height: 352px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagHummer {width: 450px; height: 550px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagDinolift {width: 300px; height: 366px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagInreka {width: 328px; height: 390px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagOmme {width: 360px; height: 557px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagAiro630 {width: 485px; height: 586px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagAiro1000 {width: 485px; height: 586px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagCompact {width: 229px; height: 300px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagPb {width: 500px; height: 685px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagTopdino {width: 181px; height: 147px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagAiro1400 {width: 161px; height: 230px; position: absolute; top: 0px; left: 0px;}
#imgWorkDiagTopdino126 {width: 500px; height: 224px; position: absolute; top: 0px; left: 0px;}
/*-----POMOCNE PSEUDOTRIDY---------------------------------------------------------- */

/*-----BAZAR------------------------------------------------------------------------ */
#MainBazar { width: 550px; height: 428px; position: absolute; top: 0; left: 0; }
#TitleOfBazar { width: 520px; height: 30px; margin: 15px 0 0 15px; padding: 10px 0 0 0;
text-align: center; background: url(../img/bazar/podklad01.png) left bottom no-repeat; }
#BoxImgOfBazar { width: 330px; height: 258px; margin: 15px 0 0 15px; float: left; 
background: url(../img/bazar/podklad02.png) left bottom no-repeat; display: inline; }
#BackgrImgOfBazar { width: 300px; height: 228px; margin: 15px; float: left;
background: url(../img/bazar/podklad03.png) left bottom no-repeat; display: inline; }
#ImgOfBazar { width: 290px; height: 218px; margin: 5px; }

#BoxTextOfBazar { width: 175px; height: 258px; margin: 15px 15px 0 0; float: right;
background: url(../img/bazar/podklad04.png) left bottom no-repeat; display: inline; }
#TextOfBazar { width: 145px; height: 228px; margin: 15px; }

#BoxPriceOfBazar { width: 520px; height: 40px; margin: 15px 0 0 15px;
background: url(../img/bazar/podklad01.png) left bottom no-repeat; }
#PriceWithoutDPH { width: 200px; height: 15px; margin: 12px 0 0 10px; float: left;
display: inline; }
#PriceWithDPH { width: 250px; height: 15px; margin: 12px 10px 0 0; float: right;
font-size: 130%; font-weight: bold; text-align: right; display: inline; }

#InfolinkaOfBazar { width: 520px; height: 15px; margin: 10px 0 15px 15px;
text-align: right; color: #B20000; font-weight: bold; }

/* KONEC OBTAKANI 
(prazdny prvek ukoncujici plovouci layout) ----------------------------------------- */
.konecobtekani { clear:both; }

.white { color: #FFFFFF; }
.whiteBig { color: #FFFFFF; font-size: 160%; font-weight: bold; }
.grayBig { color: #FF0000; font-size: 150%; font-weight: bold; }