body,html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-family: tahoma;
}
h1 {
	position: relative;
	top: 10px;
	width: 644px;
	height: 29px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 10px;
	background: url(img/design/h1_bg.jpg) no-repeat;
	color: #2f5153;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	clear: both;
}
h2 {
	color: #2F5153;
}
a {
	color: #139499;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
div#hlavny {
	position: relative;
	width: 665px;
	min-height: 400px;
	_height: 400px;
	margin: 0px auto;
}
form {
	display: inline;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - hlavicka  - - - - - - - - - - - - - - - - - - - - - - - - */
div#hlavicka {
	position: relative;
	width: 665px;
	height: 85px;
	background: url(img/design/hlavicka_obrazok.jpg);
}
div#hlavicka a.logoklik {
	display: block;
	width: 250px;
	height: 80px;
}
div#hlavicka a.dahonklik {
	display: block;
	position: absolute;
	top: 20px;
	right: 0px;
	width: 180px;
	height: 50px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - (hlavicka)  - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - menu  - - - - - - - - - - - - - - - - - - - - - - - - */
ul.menu {
   display: block;
	width: 645px;
	height: 49px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(img/design/menu_ul_li_a_bg.jpg) repeat-x;
}
ul.menu li {
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(img/design/menu_ul_li_bg.jpg) repeat-x;
}
ul.menu li.ciarka {
	width: 18px;
	height: 49px;
	background: url(img/design/menu_ul_li_ciarka.jpg) no-repeat;
}
ul.menu li a {
	float: left;
	display: block;
	height: 31px;
	padding-top: 18px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #767676;
	background: url(img/design/menu_ul_li_a_bg.jpg) repeat-x;
}
ul.menu li a:hover {
	background: none transparent;
}
ul.menu li a.active {
	background: none transparent;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - (menu)  - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - lista  - - - - - - - - - - - - - - - - - - - - - - - - */
div.lista {
	position: relative;
	width: 665px;
	height: 33px;
	background: url(img/design/lista.jpg);
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
div.vyhladavanie {
	position: absolute;
	right: 0px;
	width: 300px;
	height: 33px;
}
div.lista span {
	position: absolute;
	top: 8px;
}
div.vyhladavanie input.searchBox {
	position: absolute;
	top: 7px;
	right: 44px;
	width: 149px;
	height: 16px;
	background: #fff;
	border: 1px solid #cfcfcf;
}
div.vyhladavanie input.searchSubmitBtn {
	position: absolute;
	top: 8px;
	right: 2px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	background: none transparent;
	border: none;
	cursor: pointer;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - (lista)  - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - priestor  - - - - - - - - - - - - - - - - - - - - - - - - */
div#priestor {
	position: relative;
	top: 4px;
	width: 665px; 
	height: 246px;
	z-index: 1;
}
div#priestor div.lavyStlpec {
	float: left;
	width: 151px;
	height: 244px;
}
div#priestor div.lavyStlpec ul {
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	color: #767676;
	font-size: 12px;
	line-height: 18px;
}
div#priestor div.lavyStlpec ul li {
	width: 148px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#priestor div.lavyStlpec ul li a {
	text-decoration: none;
}
div#priestor div.lavyStlpec ul li a:hover {
	text-decoration: underline;
}
div#priestor div.lavyStlpec ul li.active_vertical {
	background: #AFFF78;
}
div#priestor div.lavyStlpec ul li.active_vertical a {
	color: #000;
}
div#priestor div.tabula {
	float: right;
	margin-right: 1px;
	width: 511px;
	height: 244px;
	border: 1px solid #d2d6d9;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - (priestor)  - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - obsah  - - - - - - - - - - - - - - - - - - - - - - - - */
div#obsah_box {
padding-bottom: 27px;
}
div#obsah {
	width: 625px;
	padding: 20px;
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	color: #2f5153;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - (obsah)  - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - pata - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#pata {
	position: relative;
	top: -27px;
	_top: 0px;
	clear: both;
	width: 665px;
	height: 91px;
}
#pata ul {
	position: relative;
	top: 10px;
	width: 663px;
	height: 23px;
	margin: 0px;
	padding-top: 12px;
	padding-left: 20px;
	color: #252525;
	font-size: 11px;
	font-family: tahoma;
	background: url(img/design/spodne_menu_bg.jpg) no-repeat;
	
}
#pata ul li {
	display: block;
	float: left;
}
#pata ul li a {
	color: #252525;
	text-decoration: none;
}
#pata ul li a:hover {
	text-decoration: underline;
}
#pata ul li a.active {
	text-decoration: underline;
}
#pata div.text {
	position: relative;
	top: 15px;
	color: #252525;
	font-size: 11px;
	font-family: tahoma;
}
#pata div.text a {
	color: #252525;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - (pata) - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
div#pasik_top { 
	position: fixed;
	_position: relative;
	width: 860px; 
	height: 75px; 
	top: 0px;
	left: 50%;
	margin-left: -430px;
	background: url(img/design/pasik_top.jpg) no-repeat;
	background-color: White;
	z-index: 1000;
}

div#pasik_top a {
	position: absolute;
	width: 145px;
	height: 48px;
	display: block;
	left: 50%;
	margin-left: 285px;
	top: 12px;
	z-index: 1001;
}

div#pasik_bot { 
	position: fixed;
	_position: relative;
	width: 860px; 
	height: 55px; 
	bottom: 0px;
	left: 50%;
	margin-left: -430px;
	background: url(img/design/pasik_bot2.jpg) 0px 10px no-repeat;
	background-color: White;
	z-index: 1000;
}
/* ANKETA */
div.anketa { text-align: left; width: 150px; border: 1px solid black; background-color: white; font-family: sans-serif; font-size: 11px; padding: 7px; }
div.anketa span { display: block; }
div.anketa a { text-decoration: none; font-weight: bold; }
div.anketa a:hover { text-decoration: underline; }
div.anketa img { border: 0px; margin-top: 3px; margin-bottom: 3px; }
div.anketa .otazka { font-weight: bold; margin-bottom: 7px; }
div.anketa .perc { display: inline; }
/* START: ---  modely obrazky  aut --- */

div#car-pictures 
{
	position: relative;
	width: 511px;
   height: 244px;
	overflow: hidden;
	background-color: White;
}

div#car-pictures img.carmodel {
	display: block;
   width: 511px;
	height: 244px;	
	position: absolute;
	border: none;
	z-index: 1;
}

div#background-transparent 
{ position: absolute;
	width: 150px;					/*pre dva stlpce: 150 */
	height: 244px;
   top: 0px;
	background-color: #293846;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 2;
}

div#background-transparent-nadpis 
{ position: absolute;
	width: 150px;					/*pre dva stlpce: 150 */
	height: 30px;
	background-color: #AFFF78;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 2;
}

div#car-pictures div#nadpis 
{ position: absolute;
	width: 150px;					/*pre dva stlpce: 150 */	
	height: 30px;
	padding-top: 8px;
  text-align: center;
 	color: #000;
	z-index: 2;
}

div#background-transparent-meno-modelu
{ position: absolute;
	width: 100px;
	height: 15px;
	bottom: 0px;
	right: 0px;
	background-color: #fff;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 2;
}

div#car-pictures div#meno-modelu 
{ position: absolute;
	width: 100px;
	height: 15px;
	bottom: 0px;
	right: 0px;
	padding-top: 1px;
	text-align: center;
	color: black;
	z-index: 2;
}


/*
Komentar:
- Lava cast, kde sa nachadzaju modely aut, je siroka 150px
- 

*/

div#models-first-column
{
    position: absolute;
    width: 150px;							/*pre dva stlpce: 70 */
	 height: 244px;
    top: 0px;
	z-index: 2;
}

.model-name a
{
  display: block;
	width: 145px;						/*pre dva stlpce: 66 */
	margin: 0px 0px 0px 1px;
	padding: 2px 0px 4px 4px;
	text-decoration: none;
	overflow: hidden;
	z-index: 3;
	font-size: 12px;
	color: #767676;
}

.model-name a:visited
{
  display: block;
	color: #878787;
}

.model-name a:hover
{
  color: #000;
  background-color: #AFFF78;
  text-decoration: underline;
}
.model-name a.model_active
{
  color: #000;
  background-color: #AFFF78;
  text-decoration: underline;
}
/* END modely obrazky  --- */


/* ------------------------------------------- Ikonky ------------------------------------------- */
.ico_warning {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 24px;
	background: url(img/ikonky/ico_warning.png) no-repeat;
}
* html .ico_warning {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_warning.png", sizingMethod="image"); 
}
.ico_info {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 27px;
	background: url(img/ikonky/ico_info.png) no-repeat;
}
* html .ico_info {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_info.png", sizingMethod="image"); 
}
.ico_ok {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 27px;
	background: url(img/ikonky/ico_ok.png) no-repeat;
}
* html .ico_ok {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_ok.png", sizingMethod="image"); 
}
/* ------------------------------------------- (Ikonky) ------------------------------------------- */
/* ------------------------------------------- Hlasky ------------------------------------------- */
div.velkaHlaska{
	background: #caecff;
	padding: 10px;	
	border: 5px solid #80d1ff;
}

.hlaska {
	position: relative;
	display: block;
	line-height: 18px;
	min-height: 15px;
	margin: 10px 5px ;
	padding: 3px 10px 0px 5px;
	color: #000;
	font-size: 11px;
	text-align: left;
}
.hlaska span{
	display: block;
	width: 16px;
	height: 16px;
}
.hlaska .ico_warning {
	background: url(img/ikonky/bg_warning.gif) no-repeat 0px center; 
}
.hlaska .ico_info { 
	background: url(img/ikonky/bg_info.gif) no-repeat 0px center; 
}
.hlaska .ico_ok{
	background: url(img/ikonky/bg_ok.gif) no-repeat 0px center;
}
.hlaska a {
	color: #000;
	text-decoration: underline;
}
.hlaska a:hover {
	text-decoration: none;
}
.hlaska.error a {
	color: #000;
}
.newsletter .hlaska{
	margin: 2px 5px 2px 5px;
}
/* ------------------------------------------- (Hlasky) ------------------------------------------- */


.banner-otrav{
	position: fixed;
	overflow: hidden;
	top: 25%;
	left: 25%;
	z-index: 1001;
	padding: 10px;
	padding-top: 5px;
	background: #fff;
	border: 5px solid #666;
}
.banner-otrav .close{
	text-align: right;
	padding-bottom: 5px;
}
div.galeria.pred {
margin-top:28px;
}
div.galeria.za {
margin-top:28px;
}
div.galeria a {
border:1px solid #EDEDED;
display:block;
float:left;
height:100px;
margin:3px 8px 8px 3px;
width:100px;
}
div.galeria a:hover {
border:4px solid #EDEDED;
margin:0 5px 5px 0;
}