/*
  Šablona stylů webu společnosti SAD-PaP
  autor: Martin Domes
  web: http://martin.kera-d.com/www.php
*/

*
{
	margin: 0;
	padding: 0;
	list-style: none;
}
body
{
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	background: #fff3c9;
}

/* ----------- LAYOUT -------------- */

#obal
{
	width: 900px;
	margin: 0 auto;
   position: relative;
}
#obal-vnitrni
{
	float: left;
	padding-bottom: 15px;
	background: #FFF url(obr/poz-hlavicka.jpg) no-repeat;
}
#hlavicka
{
	width: 100%;
	height: 210px;
	background: url(obr/poz-hlavicka.jpg) no-repeat;
	z-index: 1000;
}
#hlavicka a
{
	display: block;
	width: 180px;
	height: 65px;
	position: absolute;
	top: 190px;
	left: 360px;
	background: url(obr/logo.gif) no-repeat;
}
#menu
{
	width: 100%;
	height: 60px;
}
#obsah
{
	width: 100%;
}

/* ------- NAVIGACE ------ */
#menu ul li
{
	float: left;
	height: 23px;
	background: gray;
}
#menu ul li a
{
	display: block;
}

a#nav01
{
	width: 133px;
	height: 23px;
	background: url(obr/nav01.gif) no-repeat top;
}
a#nav01:hover, #stroje a#nav01, .stroje a#nav01
{
	background-position: bottom;
}
a#nav02
{
	width: 135px;
	height: 100%;
	background: url(obr/nav02.gif) no-repeat top;
}
a#nav02:hover, #vozidla a#nav02, .vozidla a#nav02
{
	background-position: bottom;
}
a#nav03
{
	width: 92px;
	height: 100%;
	margin-right: 180px;
	background: url(obr/nav03.gif) no-repeat top;
}
a#nav03:hover, #o-firme a#nav03
{
	background-position: bottom;
}
a#nav04
{
	width: 102px;
	height: 100%;
	background: url(obr/nav04.gif) no-repeat top;
}
a#nav04:hover, #reference a#nav04
{
	background-position: bottom;
}
a#nav05
{
	width: 100px;
	height: 100%;
	background: url(obr/nav05.gif) no-repeat top;
}
a#nav05:hover, #kontakty a#nav05
{
	background-position: bottom;
}
a#nav06
{
	width: 158px;
	height: 100%;
	background: url(obr/nav06.gif) no-repeat top;
}
a#nav06:hover, #podminky a#nav06
{
	background-position: bottom;
}

/* ----------------- OBSAH --------------------- */
#obsah h1
{
	font-size: 100%;
	color: #000000;
	text-align: center;
}
#obsah p
{
	margin: 10px;
	text-align: center;
              color: #000000;
}
a
{
	color: #6d6e70;
	text-decoration: none;
}
a:hover
{
	color: #f7c231;
	text-decoration: underline;
}
sup
{
	font-size: 70%;
	line-height: 0.8; 
}
#reference #obsah ul, #podminky #obsah ul, #reference #obsah p, #podminky #obsah p
{
	width: 620px;
	margin: 10px auto;
	text-align: left;
}
#reference #obsah ul li, #podminky #obsah ul li, #detail #obsah ul li
{
	list-style: square;
	margin: 5px 0 5px 23px;
}

/* ---------- ÚVODNÍ STRANA ---------------- */
#uvod #obsah
{
	text-align: center;
	font-size: 100%;
	line-height: 1.1;
}
#uvod h1, #uvod p 
{
	font-size: 120%;
              color: #000000;
}
#uvod h2, #uvod p 
{
	font-size: 110%;
              color:  #000000;
}

ul#cinnosti
{
	font-weight: bold;
	font-size: 100%;
              text-align: center;
}
#uvod ul .bod01
{
	color: #000000;
	
}
#uvod ul .bod02
{
	color: #000000;
}
#uvod ul .bod03
{
	color: #000000;
}


#kontakty-uvod li
{
	width: 300px;
	float: left;
	margin: 40px 0 15px;
	text-align: center;
	font-size: 150%;
}
.tel
{
	padding-top: 30px;
	background: url(obr/ikona-tel.gif) no-repeat center top;
}
.email
{
	padding-top: 30px;
	background: url(obr/ikona-email.gif) no-repeat center top;
}

/* ------------ NABÍDKA PRONÁJMU STROJŮ -------- */
#stroje #obsah ul li
{
	float: left;
	margin: 20px 0 10px;
	text-align: center;
}
#stroje #obsah li a
{
	display: block;
	width: 150px;
	padding-top: 115px;
}
a#stroj01
{
	background: url(obr/stroj01.gif) no-repeat center top;
	margin-left: 15px;
}
a#stroj01:hover
{
	background-position: center -200px;
}
#stroje #obsah li a#stroj02
{
	background: url(obr/stroj02.gif) no-repeat center top;
	width: 120px;
}
#stroje #obsah li a#stroj02:hover
{
	background-position: center -200px;
}
#stroje #obsah li a#stroj03
{
	background: url(obr/stroj03.gif) no-repeat center top;
	width: 170px;
}
#stroje #obsah li a#stroj03:hover
{
	background-position: center -200px;
}
#stroje #obsah a#stroj04
{
	background: url(obr/stroj04.gif) no-repeat center top;
	width: 180px;
}
#stroje #obsah a#stroj04:hover
{
	background-position: center -200px;
}
#stroje #obsah a#stroj05
{
	background: url(obr/stroj05.gif) no-repeat center top;
	width: 130px;
}
#stroje #obsah a#stroj05:hover
{
	background-position: center -200px;
}
#stroje #obsah a#stroj06
{
	background: url(obr/stroj06.gif) no-repeat center top;
	width: 130px;
}
#stroje #obsah a#stroj06:hover
{
	background-position: center -200px;
}
#logo-cat
{
 	float: left;
	width: 900px;
	height: 30px;
	background: url(obr/logo-cat.gif) no-repeat center 10px;
}

/* -------- NABÍDKA VOZIDEL -----------*/
#vozidla #obsah ul
{
	margin: 20px 0 10px;
	text-align: center;
}
#vozidla #obsah ul
{
	line-height: 1.8;
	font-weight: bold;
	font-size: 150%;
}
#vozidla #obsah ul a span
{
	font-weight: normal;
}
#loga-vozidla
{
	float: left;
	width: 900px;
	height: 100px;
	background: url(obr/loga-vozidla.gif) no-repeat center top;
}
#logo-tatra
{
	float: left;
	width: 900px;
	height: 75px;
	background: url(obr/logo-tatra.gif) no-repeat center 15px;
}
#logo-avia
{
	float: left;
	width: 900px;
	height: 35px;
	background: url(obr/logo-avia.gif) no-repeat center 15px;
}

/* ------- DETAILY STROJŮ a VOZIDEL------- */
#obsah-levy
{
	float: left;
	margin-left: 1%;
	width: 58%;
	font-size: 110%;
}
#obsah-pravy
{
	float: right;
	margin-right: 1%;
	width: 38%;
	font-size: 110%;
}
#detail #obsah-levy img
{
	float:right;
	padding-right: 10px;
	border: 0;
}
#detail #obsah-levy img.sirsi
{
	padding: 0 40px;
}
#detail h1
{
	margin: 0 0 20px 10px;
}
#detail p, #detail ul
{
	text-align: left;
	line-height: 1.3;
}

/* ----------------- O FIRMĚ ------------------- */
#o-firme p, #o-firme h2
{
	width: 420px;
	margin: 6px auto;
	line-height: 1.3;
	font-size: 110%;
	text-align: left;
}
#o-firme h2
{
	text-transform: uppercase;
	font-weight: bold;
}

/* --------------- KONTAKTY ------------------- */
#kontakty #obsah
{
	width: 699px;
	margin: 0 auto 0;
		text-align: center;
}
#kontakty #obsah p
{
	float: left;
	width: 233px;
	margin: 20px auto;
}
#mapa
{
	float: left;
	clear: both;
	width: 100%;
	text-align: center
}



/* ---------- volné třídy ------------- */
.skryty
{
	display: none;
}
.mezera
{
	padding-top: 20px;
	margin-right: 40px;
}
.podtrzene
{
	text-decoration: underline;
}

/* ----------- ZÁPATÍ ------ */
#zapati
{
	clear: both;
	width: 890px;
	margin: 0 auto;
   padding: 5px 0 15px;
	border-top: 3px solid #f1f0ef;
	color: #8a8b8c;
	text-align: center;
	font-size: 90%;
}
#zapati a
{
	color: #8a8b8c;
}



/* ----- hacky pro IE 6 a starší verze ----- */
body 
{
	text-align: center;  /* pro IE 5.x neznající margin: auto */
	font-size: x-small;  /* pro IE 5.x - opravuje chybně vykládanou velikost písma */
	voice-family: "\"}\""; 
  	voice-family: inherit;
 	font-size: small; /* napravuje velikost písma - viz výše */
}
#obal /* napravuje zarovnání - viz výše */
{
	text-align: left;
}
#detail #logo-cat
{
	_margin: -10px 0 5px; /* pro IE 5.x */
	_mar\gin: -25px 0 5px; /* pro IE 6 */
}
#logo-tatra
{
   _margin: 0 0 5px; /* pro IE 5.x */
	_mar\gin: -30px 0 5px; /* pro IE 6 */
}
#logo-avia
{
	_mar\gin: -10px 0 5px; /* pro IE 6 */
}
a img /* pro IE 6 a starší */
{
	border-color: #6d6e70;
}
a:hover img /* pro IE 6 a starší */
{
	border-color: #f7c231;
}
#o-firme #obsah, #reference #obsah, #podminky #obsah /* pro IE 5.x neznající margin: auto */
{
	text-align: center;
}
#o-firme #obsah p, , #reference #obsah p, #podminky #obsah ul /* napravuje zarovnání - viz výše */
{
	text-align:left;
}