/********** ZAKLAD ***********************************************************/
body {background: #296198 url("/www/img/pozadi.png") repeat-x; font: 12px verdana, tahoma, arial; color: #7d7d7d; text-align: left; margin: 0;}

#hlavicka {width: 960px; margin: 0 auto;}
#hlavicka img.logo {float: left; margin: 25px 0;}

#kontakt-telefon {float: left; background: url("/www/img/pozadi-kontakt.png") no-repeat; height: 78px; width: 270px; margin: 20px 60px 0 180px; color: #fff;}
#kontakt-telefon img {float: left; margin: 5px 0 0 5px;}
#kontakt-telefon-leva {float: left; text-align: right; margin: 3px 8px 0 10px;}
#kontakt-telefon-leva p {margin: 7px 0 7px 0; font-weight: bold;}
#kontakt-telefon-prava {float: left; margin-top: 3px;}
#kontakt-telefon-prava p {margin: 7px 0 7px 0;}

#kontakt-adresa {float: left; background: url("/www/img/pozadi-kontakt.png") no-repeat; height: 78px; width: 250px; margin-top: 20px; color: #fff;}
#kontakt-adresa img {float: left; margin: 15px 10px 0 10px;}
#kontakt-adresa p {margin: 7px 0 7px 0; font-weight: bold;}

#obsah {width: 960px; margin: 0 auto; min-height: 600px;}
#obsah:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

#paticka-obal {width: 100%; height: 86px; background: url("/www/img/paticka.png") repeat-x;}
#paticka {width: 960px; margin: 0 auto; text-align: right; color: #b4b4b4; font-size: 11px;}
#lollipop{position: relative; float: right; clear: both; padding: 15px 15px 5px 0px; text-align: right; color: #666; font-size: 9px; display: block; float: right; text-decoration: none; margin: 45px 5px 0px 0px;}
#lollipop:hover{color: #aaa;}
#lollipop span{float: right; cursor: pointer;}
#lollipop span#liz{display: block; width: 18px; height: 26px; float: right; margin: -12px 0px 0px 3px; background: url('/www/img/lizatko.png') top center no-repeat;}
#lollipop:hover span#liz{background: url('/www/img/lizatko.png') bottom no-repeat;}.gray { color: #838383; }


/*********** SLOUPCE *********************************************************/
#cela {clear: both; width: 100%; margin: 0 auto; text-align: center;}

#leva {float: left; width: 210px;}
#leva-menu {float: left; width: 200px;}
#leva-konfigurator {float: left; width: 610px;}

#prava {float: right; width: 470px;}
#prava-menu {float: right; width: 735px;}
#prava-konfigurator {float: right; width: 330px;}

/*********** HLAVNI MENU *****************************************************/ 
#menu {clear: both; width: 970px; height: 32px; margin: 0 auto;}
#menu a {display: inline; padding: 0;}
#menu a {float: left; margin-top: -1px;}
#menu a.osobni-vozy {width: 158px; height: 28px; background: url("/www/img/menu-osobni-vozy.png") 0 0px;}
#menu a.osobni-vozy:hover {background: url("/www/img/menu-osobni-vozy.png") 0 -28px;}
#menu a.uzitkove-vozy {width: 158px; height: 28px; background: url("/www/img/menu-uzitkove-vozy.png") 0 0px;}
#menu a.uzitkove-vozy:hover {background: url("/www/img/menu-uzitkove-vozy.png") 0 -28px;}
#menu a.konfigurator {width: 158px; height: 28px; background: url("/www/img/menu-konfigurator.png") 0 0px;}
#menu a.konfigurator:hover {background: url("/www/img/menu-konfigurator.png") 0 -28px;}
#menu a.financovani-a-servis { width: 158px; height: 28px; background: url("/www/img/menu-financovani-a-servis.png") 0 0px;}
#menu a.financovani-a-servis:hover {background: url("/www/img/menu-financovani-a-servis.png") 0 -28px;}
#menu a.stahnete-si {width: 158px; height: 28px; background: url("/www/img/menu-stahnete-si.png") 0 0px;}
#menu a.stahnete-si:hover {background: url("/www/img/menu-stahnete-si.png") 0 -28px;}
#menu a.kontakt {width: 160px; height: 28px; background: url("/www/img/menu-kontakt.png") 0 0px;}
#menu a.kontakt:hover {background: url("/www/img/menu-kontakt.png") 0 -28px;}

/*********** DROBECKOVA NAVIGACE *********************************************/
#drobeckova-navigace {width: 100%; padding: 15px 0 17px 0;}
#drobeckova-navigace img {float: left; margin: 2px 10px 0 0;}
#drobeckova-navigace a {color: #c8c8c8;}
#drobeckova-navigace a:hover {color: #286496;}

/*********** BOXY ************************************************************/
.box-960 {width: 960px; margin-bottom: 30px; text-align: left;}
.box-960 .hlavicka {height: 5px; background: url("/www/img/box-960-hlavicka.gif") no-repeat;}
.box-960 .obsah {background: #fff url("/www/img/box-960-obsah.gif") repeat-y; padding: 6px 15px 6px 15px; margin-top: 0;}
.box-960 .paticka {height: 5px; background: url("/www/img/box-960-paticka.gif") no-repeat; z-index: -50;}

.box-735 {clear: both; width: 735px; top: 0px; margin-bottom: 20px;}
.box-735 .hlavicka {height: 5px; background: url("/www/img/box-735-hlavicka.gif") no-repeat;}
.box-735 .obsah {width: 705px; background: url("/www/img/box-735-obsah.gif") repeat-y; padding: 6px 15px 6px 15px;}
.box-735 .paticka {height: 5px; background: url("/www/img/box-735-paticka.gif") no-repeat;}

.box-610 {clear: both; width: 610px; top: 0px; margin-bottom: 20px;}
.box-610 .hlavicka {height: 5px; background: url("/www/img/box-610-hlavicka.gif") no-repeat;}
.box-610 .obsah {background: #fff url("/www/img/box-610-obsah.gif") repeat-y; padding: 6px 15px 6px 15px;}
.box-610 .paticka {height: 5px; background: url("/www/img/box-610-paticka.gif") no-repeat;}

.box-470 {clear: both; width: 470px; top: 0px; margin-bottom: 20px;}
.box-470 .hlavicka {height: 6px; background: url("/www/img/box-470-hlavicka.gif") no-repeat;}
.box-470 .obsah {background: #fff url("/www/img/box-470-obsah.gif") repeat-y; padding: 6px 15px 6px 15px;}
.box-470 .paticka {height: 6px; background: url("/www/img/box-470-paticka.gif") no-repeat;}

.box-330 {clear: both; width: 330px; top: 0px; margin-bottom: 20px;}
.box-330 .hlavicka {height: 5px; background: url("/www/img/box-330-hlavicka.gif") no-repeat;}
.box-330 .obsah {background: #fff url("/www/img/box-330-obsah.gif") repeat-y; padding: 6px 15px 6px 15px;}
.box-330 .paticka {height: 5px; background: url("/www/img/box-330-paticka.gif") no-repeat;}

.box-210 {clear: both; width: 210px; top: 0px; margin-bottom: 20px;}
.box-210 .hlavicka {height: 5px; background: url("/www/img/box-210-hlavicka.gif") no-repeat;}
.box-210 .obsah {background: #fff url("/www/img/box-210-obsah.gif") repeat-y;}
.box-210 .paticka {height: 5px; background: url("/www/img/box-210-paticka.gif") no-repeat;}

p.titulek, h1 {font-size: 30px; font-weight: bold; color: #28649b; margin: 0 0 10px 0; text-align: left;}

/********** FORMULARE ********************************************************/
label {font-weight: bold; color: #1e64b4;}
input.form, textarea, select {border:1px solid #d9d9d9; padding: 2px; background:#ffffff url('/www/img/pozadi-formulare.gif') top left no-repeat; margin-top: 2px;}
input.form:focus, textarea:focus, select:focus {border:1px solid #888888;}
input.submit:hover {cursor: pointer;}

/*********** ODKAZY **********************************************************/
a {color: #286496;}
a:hover {color: #9b9b9b;}

/*********** SUBMENU *********************************************************/
#leva-menu img {padding: 2px 13px;}
#leva-menu ul {margin:0; padding:0;}
#leva-menu li {list-style: none; font-weight: bold; margin-left: 16px; padding: 5px 0 5px 20px;}
#leva-menu li:hover, #leva-menu li.akt {background: url(/www/img/submenu-kosticka.gif) left center no-repeat; color: #646464;}
#leva-menu li a {text-decoration: none; }


/*********** TABULKY *********************************************************/
table {width: 100%; border-collapse: collapse; text-align: center; font-size: 11px;}
table th {background: #626262 url("/www/img/pozadi-table-th.gif") repeat-x; line-height: 25px; color: #fff; border-right: 1px solid #fff; border-top: 2px solid #fff; vertical-align: top; padding:0 10px;}
table td {line-height: 25px; padding: 0 5px 0 5px; border-top: 1px solid #fff; border-right: 1px solid #fff;}


/*********** OSTATNI *********************************************************/

hr {background-color: #235078;
    border-width: 0px;
    height: 1px;
	margin: 0;}

img {border: 0;}

.reseter {border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px;}
.obsah:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.padding {padding: 5px;}
.tmava {background: #e6e6e6;}
.svetla {background: #f5f5f5;}
.bold {font-weight: bold;}
.hide {display: none}
.no-margin-right {margin-right: 0}

.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}