@import 'colors.css';
@import 'gallery.css';
@import 'form.css';

html{
width:100%;
height:100%;
text-align:center;
position:relative;
float:left;
margin:0px;
padding:0px;
}

body{
width:100%;
height:100%;
padding:0px;
margin:0px;
font-family:Tahoma, sans-serif;
font-size:9pt;
color:#333333;
line-height:10pt;
text-align:center;
position:relative;
float:left;
}

a{
text-decoration:none;
color:#0099FF;
}

img{
margin:0px;
padding:0px;
border:0px;
}

h1{
font-size:10pt;
font-weight:bold;
color:#999999;
text-align:left;
margin-top:20pt;
text-transform:uppercase;
}

h2{
font-size:10pt;
font-weight:normal;
color:#999999;
text-align:left;
width:100%;
text-decoration:none!important;
text-transform:uppercase;
}

h6{
font-size:10pt;
font-weight:normal;
color:#999999;
text-align:left;
width:100%;
text-decoration:none!important;
text-transform:uppercase;
}

/*begin index.php */
.main{
position:relative;
width:930px;
height:auto;
margin:auto;
padding:0px;
background:url(../cssImage/background.jpg) left top repeat-y;
text-align:left;
}

.top{
background:url(../cssImage/top_menu.jpg) left top no-repeat;
width:100%;
height:33px;
padding:0px;
margin:0px;
}

#topmenu{
width:95%;
height:33px;
padding:0px;
margin:0px;
position:relative;
left:30px;
}

#topmenu a{
color:#FFFFFF;
}

#topmenu ul{
padding:0px;
margin:0px;
}

#topmenu ul li{
text-align:center;
list-style:none;
font-weight:bold;
padding:0px;
margin:10px 0 0 0;
color:#FFFFFF;
width:13.6%;
float:left;
border-right:1px #FFFFFF solid;
}

#last{border:0px!important;}

.header{
width:100%;
height:236px;
background:url(../cssImage/cars_header.jpg) left top no-repeat;
}

#flashcontentH{
position:absolute;
z-index:1;
}
#flash2{
border:1px #CCCCCC dashed;
background-color:#fff;
width:400px;
height:75px;
padding:2px;
padding-left: 5px;
margin:0 0 30px 0;
}
#flash22{
border:1px #CCCCCC dashed;
background-color:#000;
float: left;
width:400px;
height:75px;
padding:2px;
padding-left: 5px;
margin:0 0 30px 0;
}

#flash333{
/*border:1px #CCCCCC dashed;*/
}


#flash3{
position:absolute;
top:330px;
left:0;
border:1px #CCCCCC dashed;
background-color:#000;
width:397px;
height:75px;
padding:2px;
margin:0 0 0px 0;
}
#text_main{

}
#safariVIDEO{
background:url(../cssImage/safari_video.jpg) left -30 no-repeat;
width:107px;
height:auto;
margin:0 0 0 20px;
padding:0px;
display:block;
position:relative;
}
.middleTop_3c{
background:url(../cssImage/background_middle_top.jpg) left top no-repeat;
height:13px;
width:100%;
float:left;
}

.middleTop_1c{
background:url(../cssImage/background_middle_top_1c.jpg) left top no-repeat;
height:13px;
width:100%;
float:left;
}

.middle_3c{
width:100%;
background:url(../cssImage/background_middle.jpg) left top repeat-y;
float:left;
}

.middle_1c{
width:100%;
background:url(../cssImage/background_middle_1c.jpg) left top repeat-y;
float:left;
}

#search{
position:relative;
top:210px;
color:#FF9900;
}

.left{
width:230px;
height:100%;
padding:0px;
float:left;
position:relative;
left:31px;
margin:0px;
overflow:hidden;
}

.left p{
padding-left:30px;
line-height:10pt;
color:#666666;
}

.left img{
position:relative;
left:0px;
}

#search{
width:300px;
position:relative;
left:45px;
color:#FF9900;
}

#leftmenu{
margin:0px;
padding:0px;
width:255px;
text-decoration:none;
text-align:left;
font-size:8pt;
position:relative;
padding-left:0px;
}

#leftmenu ul{
list-style:none;
padding:0px;
margin:0px;
margin-left: 12px;
width:255px;
position:relative;
}

#leftmenu ul li{
width:200px;
height: 21px;
line-height: 21px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
margin:1px;
padding:0px;
position:relative;
background:url(../cssImage/menu_bg.jpg) left top no-repeat;
padding-left:10px;
overflow:hidden;
}

#leftmenu ul li a{
width: 200px;
height: 21px;
color:#006699;
}

#leftmenu ul li a:hover{
color:#000000;
}

#leftmenu ul ul {
	margin-left: 0;
}

#leftmenu ul ul li{
padding:0px;
width:190px;
background:url(../cssImage/almenu_bg.jpg) left center no-repeat;
padding-left:10px;
margin-left:10px;
}

.odber {
	display: block;
	width: 207px;
	height: 31px;
	line-height: 32px!important;
	font-size: 12px;
	font-weight: bold;
	background:url(../cssImage/novinky_bg.jpg) left center no-repeat;
	margin: 0 0 0 12px;
	padding-left: 12px!important;
}

.bottomcars{
width:890px;
text-align:center;
position:relative;
left:15px;
top:30px;
float:left;
}

.bottomcars img{
border:0px red solid;
margin-top:5px;
}

.square{
width:172px;
height:135px;
background:url(../cssImage/image_holderSmall.png) left top no-repeat;
float:left;
margin:0 0 0 1px;
padding:1px;
text-align:center;
}

#model{
text-align:center;
position:relative;
margin:0px;
bottom:15px;
color:#999999;
font-size:12px;
}

#detail{
position:relative;
margin:0px auto;
bottom:25px;
color:#0099CC;
font-size:9px;
width:80px;
background:url(../cssImage/blue_arrow.png) left center no-repeat
}

#detail a{
color:#0099CC;
}

.center{
width:410px;
padding:0px;
margin:0px;
float:left;
text-align:left;
position:relative;
left:31px;
}

.center#indexPage{
height:220px!important;
}

.center_2c{
position:relative;
left:31px;
width:570px;
height:100%;
min-height:280px;
padding:0px;
padding-bottom:20px;
margin:0px;
float:left;
text-align:left;
}

.center_2c img{
margin-left:80px;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
box-shadow: 0 0 5px #888888;
-webkit-box-shadow: 0 0 5px #888888;
-moz-box-shadow: 0 0 5px #888888;
}
.center_2c p img{
margin-left:10px;
}
.center_2c p a img{
margin:0!important;
}

.center_2c div img{
margin:0px;
}

.center_2c p{
text-align:left;
position:relative;
left:20px;
}

.button_next{
color:#FF9900;
text-decoration:underline;
background:url(../cssImage/arrow.png) left center no-repeat;
padding:0 0 0 5px;
margin:5px;
height:15px;
line-height:13px;
position:relative;
float:left;
}


.right{
width:220px;
height:100%;
margin:0px;
padding:0px;
float:left;
left:0px;
position:relative;
left:31px;
bottom:20px;
font-size:8pt;
}

.right p{
padding:0 25px;
margin:0px;
}

.right p a.button_next{
float:right;
}

.bottom{
width:100%;
height:97px;
float:left;
background:url(../cssImage/footer.jpg) left top no-repeat;
}

h1 span{
visibility:hidden;
}

h1#profil{
background:url(../cssImage/header_profil.jpg) left top no-repeat;
padding:0px;
margin:0px;
width:250px;
height:20px;
}

h1#katalog{
background:url(../cssImage/header_katalog.jpg) left top no-repeat;
width:350px;
margin:0px;
padding:0px;
height:20px;
}

h1#linky{
background:url(../cssImage/header_linky.jpg) left top no-repeat;
width:300px;
height:20px;
padding:0px;
margin:0px;
}

h1#novinky{
background:url(../cssImage/header_novinky.jpg) left top no-repeat;
width:300px;
height:20px;
padding:0px;
margin:0px;
position:absolute;
z-index:1;
}

h1#novinkyMiddle{
background:url(../cssImage/header_novinky_midle.jpg) left top no-repeat;
width:300px;
height:20px;
padding:0px;
margin:0px;
}

h1#modely{
background:url(../cssImage/header_modely_midle.jpg) left top no-repeat;
width:300px;
height:20px;
padding:0px;
margin:0px;
}

h1#galeria{
background:url(../cssImage/header_galeria.jpg) left top no-repeat;
width:300px;
height:20px;
padding:0px;
margin:0px;
}

h1#infomail{
background:url(../cssImage/header_infomail.jpg) left top no-repeat;
width:300px;
height:20px;
padding:0px;
margin:0px;
}

#katalog_row{
padding-left:30px;
padding-top:0px;
text-align:left;
width:280px;
float:left
}

#katalog_row p{
padding-left:30px;
width:300px;
}

.PDFicon p{
background:url(../cssImage/PDF_icon_small.jpg) left top no-repeat;
width:150px;
line-height:30px;
padding:0 0 0 50px;
margin:0px;
}

#katalog_r1{
width:100%;
position:relative;
left:20px;
float:left;
}

#katalog_r2{
width:100%;
position:relative;
left:20px;
float:left;
}

h1#novinky{
background:url(../cssImage/header_novinky.jpg) left top no-repeat;
padding:0px;
margin:0 0 0 10px;
width:200px;
height:20px;
position:relative;
bottom:10px;
}

.novinkyBox{
margin:0 0 25px 0;
}

.red{
color:#CC0000;
}

#auta_modely ul{
padding:30px;
margin:0px;
list-style:none;
font:Arial;
}

.bottomcontainer{
width:900px;
height:20px;
position:relative;
top:70px;
color:#999999;
margin:0px;
padding:0px;
}

#bottommenu{
position:relative;
left:40px;
top:0px;
width:550px;
height:20px;
padding:0px;
margin:0px;
float:left;
}

#bottommenu ul{
padding:0px;
margin:0px;
}

#bottommenu ul li{
position:relative;
left:0px;
top:0px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
list-style:none;
padding:0 3px;
margin:0px;
height:15px;
float:left;
border-right:1px #999999 solid;
}

#bottommenu ul li a:hover{
color:#0066CC;
}

#bottommenu ul li a{
padding:0px;
margin:0px;
color:#999999;
font-weight:normal;
font-size:7pt;
}

#copyright{
float:left;
position:relative;
left:70px;
font-size:8pt;
margin:0px;
}

#contact{
margin-top:0px;
width:600px;
}

#contact #col{
width:220px;
height:180px;
position:relative;
left:50px;
float:left;
}

#contact #widecol{
width:450px;
height:200px;
position:relative;
left:50px;
float:left;
}

/*end index.php */

/*begin models.php*/

h1#aria{
background:url(../logo/csslogo_aria.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#vista{
background:url(../logo/csslogo_vista.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#vistaev{
background:url(../logo/csslogo_vista_ev.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#manza{
background:url(../logo/csslogo_manza.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#nanoeurope{
background:url(../logo/csslogo_nano_europe.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#nanoev{
background:url(../logo/csslogo_nano_ev.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#indigoGX{
background:url(../cssImage/header_IndigoGX.jpg) right top no-repeat;
width:107px;
height:23px;
margin:0px;
padding:0px;
}

h1#xenon{
background:url(../cssImage/logo_xenon.jpg) right top no-repeat;
width:210px;
height:50px;
margin:0 0 0 70%;
padding:0px;
}

h1#indigoSW{
background:url(../cssImage/logo_indigo.jpg) right top no-repeat;
width:210px;
height:80px;
margin:0 0 0 70%;
padding:0px;
}

h1#safari{
background:url(../cssImage/logo_safari.jpg) right top no-repeat;
width:210px;
height:50px;
margin:0 0 0 70%;
padding:0px;
}

h1#TwoTLdc{
background:url(../cssImage/logo_pickup_resize.jpg) right top no-repeat;
width:170px;
height:40px;
margin:0 0 0 85%;
padding:0px;
}

h1#TwoTLsc{
background:url(../cssImage/logo_pickup_resize.jpg) right top no-repeat;
width:170px;
height:40px;
margin:0 0 0 85%;
padding:0px;
}

h1#Indica{
background:url(../cssImage/logo_indica.jpg) right top no-repeat;
width:210px;
height:60px;
margin:0 0 0 70%;
padding:0px;
}

h1#future{
background:url(../cssImage/header_future.jpg) left top no-repeat;
width:150px;
height:23px;
margin:0px;
padding:0px;
}

h1#financovanie{
background:url(../cssImage/header_financovanie.jpg) left top no-repeat;
width:150px;
height:23px;
margin:0px;
padding:0px;
}

ul#features{
text-align:left;
color:#0099FF;
list-style:url(../cssImage/star_blue.jpg);
float:left;
margin:20px;
padding:20px;
line-height:20px;
}

ul#featuresV2{
color:#000000;
text-align:left;
}

.versions, #blabla{
color:#999999;
position:relative;
margin:0px;
line-height:2em;
}

#blabla{
font-size:16px;
bottom:0px;
margin:10px 0;
line-height:1em;
}

#new{
font-size:14px;
color:#FFF;
position:relative;
left:450px;
top:270px;
background:#0099FF;
width:160px;
line-height:20px;
padding:0 10px;
}

.pdfContainer{
width:100%;
margin:20px;
position:relative;
float:left;
text-align:center;
}

.pdfContainer a{
background:url(../cssImage/PDF_icon.jpg) left top no-repeat;
height:45px;
line-height:40px;
display:block;
text-align:left;
padding-left:50px;
margin:5px 0;
clear:both;
}

/*end models.php*/

.aktualne{
color:#FF0000!important;
}
#popup {
 /* opacity: 0.65;*/
  background-color: #fff;
	float: left;
	position: absolute;
	left:180px;
	top:270px;
	width: auto;
  height: auto;
	z-index: 9;
	display: none;
	cursor:pointer;
	border:2px solid #d4d1d1;
}
/*popup toto tam bolo predtym: left:114px;*/
.frontt{
position:relative;
left:0px;
width:397px;
height:100%;
min-height:280px;
padding:0px;
padding-bottom:20px;
margin:0px;
float:left;
text-align:left;
}

.frontt img{
margin-left:20px;
}
.frontt p img{
margin-left:10px;
}
.frontt p a img{
margin:0!important;
}

.frontt div img{
margin:0px;
}

.frontt p{
text-align:left;
position:relative;
left:0px;
}

.modely-wrapper{
position:relative;
left:31px;
width:620px;
height:100%;
min-height:280px;
padding:0px;
padding-bottom:20px;
margin:0px;
float:left;
text-align:left;
}

.model-blokk{
	position:relative;
	width:230px;
	height:177px;
	border:1px solid #d4d1d1;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	}

.model-blokk:hover{
	border:1px solid #9b9999;
	cursor:pointer;
}

.img
  {
  margin:0px;
  border:1px solid #ffffff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
.img img
  {
  display:inline;
  margin:0px;
  border:1px solid #ffffff;
  }
.img a:hover img
  {
  border:1px #d4d1d1;
  border-style:solid;
  }


.modely-nazov{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
}

h2.huhu{
margin-left:15px;
font-size:16px;
}

/*.bud-wrapper{
width:625px;
}*/

.buducnost-nazov{
bottom:7px !important;
color:black;
font-size:12px;
left:0 !important;
text-align:center !important;
}
/* Tomas */
h1#pixel1{
background:url(../logo/csslogo_pixel.png) right top no-repeat;
width:200px;                         
height:100px;
margin:0 0 0 70%;
padding:0px;
}
h1#pixel2{
background:url(../logo/csslogo_pixel2.png) right top no-repeat;
width:200px;                         
height:100px;
margin:0 0 0 70%;
padding:0px;
}