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

/* COLORS: 

231f20
ee2e24

eaeaea
a6a6a6

mid-
fbfbfb
323232


*/



/* ---------------------------------- FONTS ---------------------------------- */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 24, 2011 */


/*
@font-face {
    font-family: 'SegoeUINormal';
    src: url('segoeui-webfont.eot');
    src: local('☺'), url('segoeui-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUINegreta';
    src: url('segoeuib-webfont.eot');
    src: local('☺'), url('segoeuib-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUICursiva';
    src: url('segoeuii-webfont.eot');
    src: local('☺'), url('segoeuii-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUILight';
    src: url('segoeuil-webfont.eot');
    src: local('☺'), url('segoeuil-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUINegretacursiva';
    src: url('segoeuiz-webfont.eot');
    src: local('☺'), url('segoeuiz-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUISemibold';
    src: url('seguisb-webfont.eot');
    src: local('☺'), url('seguisb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*/
/* ---------------------------------- RESET ---------------------------------- */
		

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* ---------------------------------- x ---------------------------------- */
/* ---------------------------------- Global ---------------------------------- */

html, body{
	width:100%;
	min-width:960px;
	height:100%; 
	background-color:#fbfbfb;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:15px;
	}
	
a{ text-decoration:none;
	color:#231f20;
}
a:hover{ 	color:#525252;}

p{
	color:#000000;	
	line-height:1.5em;
}

ul{
	list-style-image:url(../images/webpage/bullet.png);	
}
ul li{
	margin-left:12px;	
}

h2, h1{
	font-size:30px;
	font-style:normal;	
}

.seo{ display:none; visibility:hidden;}
.skuska{display:none; visibility:hidden;}

/* ---------------------------------- x ---------------------------------- */

/* ---------------------------------- MAIN ---------------------------------- */


#content{
	min-height: 100%;
	width:100%;
	min-width:960px;
}

#head {
	height:393px;
	width:100%;
	min-width:960px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/webpage/background.png) 0px 0px repeat-x;
	overflow:hidden;
}

#middle{
	width:100%;
	min-width:960px;
	position:relative;
	margin-top:390px;
	float:left;
	overflow:auto;
	padding-bottom: 54px;
	
	background-color:#fbfbfb;
}

#bottom{
	width:100%;
	min-width:960px;
	height:54px;
	position:relative;
	margin-top:-54px;
	float:left;
	clear:both;
	background: url(../images/webpage/background.png) 0px -518px repeat-x;
}

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/* ---------------------------------- x ---------------------------------- */

#mid_content{
	position:relative;
	margin:0px auto;
	width:960px;
}

.mid_left_col_960, .mid_left_col_640, .mid_right_col_320{
	position:relative;
	float:left;	
	
	margin-top:32px;
	color: #231f20;
	padding-bottom:40px;
}

.mid_right_col_320.video2{
	float:right;	
}

.next_par{
	margin-top:-20px;
}

.mid_left_col_960 {
	width:950px;
	margin-left:10px;	
}
.mid_left_col_640{
	width:640px;
	margin-left:10px;	
}

.mid_left_col_400{
	width:400px;
	margin-left:10px;	
}

.mid_right_col_320{
	width:250px;
	margin-left:60px;
}

#mid_content h2{
	font-size:25px;
	text-align:left;
	font-weight:normal;	
}

.h148{
	background:url(../images/webpage/hrule_148.png) no-repeat bottom left;
}
.h250{
	background:url(../images/webpage/hrule_250.png) no-repeat bottom left;
}

.h600{
	background:url(../images/webpage/hrule_600.png) no-repeat bottom left;  
}

.dim_light{
	background-color:#f8f8f8;	
	padding-left:10px;
	padding-right:10px;
	margin-bottom:60px;
}

.mid_left_col_640 p, .mid_left_col_960 p{
	text-align:justify;

}

.mid_left_col_960 table{
	margin-top:15px;
	width:950px;
	
}

.mid_left_col_960 td, .mid_left_col_960 th{
	border:1px solid black;
	padding:3px;
	text-align:center;
}

.mid_left_col_960 a:hover{
	text-decoration:underline;
	color:#666;	
}

.mid_left_col_960 a,.mid_left_col_960 a:visited{
color:	#0096d7;
}

.mid_left_col_960 th{
	background-color:#ccc;
}

.under_table{
	text-align:left;
	color:#434343;
	font-size:12px;	
}

.mid_left_col_640 div{
	position:relative;
	float:left;	
	width:290px;
	padding-top:15px;
}

.mid_left_col_960 div{
	position:relative;
	float:left;	
	width:447px;
	padding-top:15px;
}


.mid_left_col_640 div.right_par, .mid_left_col_960 div.right_par{
	margin-left:55px;	
}

.mid_right_col_320 div.main_par{
	padding-top:15px;
}

.main_par p{
	text-align:justify;	
}

.h250 + p, .h250 + ul,.h600 + p, .h600 + ul{
	padding-top:15px;	
	
}

.left_par p span,.right_par p span{
	position:relative;
	float:left;	
	width:200px;
	line-height:24px;
}

.right_par img{
vertical-align:middle;
padding-bottom:1px;
/*background-color:#f0f0f0;*/
}

.left_par p span.nofloat, .right_par p span.nofloat{
	position:inherit;
	float:none;	
}

.left_par p span:nth-child(3n+1), .right_par p span:nth-child(3n+1){

	width:200px;
}

.left_par p span:nth-child(3n-1), .right_par p span:nth-child(3n-1){
	width:240px;
}

div.left_ref{
	width:600px;	
}

div.right_ref{
	width:280px;
}

div.dim_light p{
	font-size:15px;	
}

/* ---------------------------------- FORMS ---------------------------------- */
form{
	margin-top:15px;	
}

label, input, textarea{
	margin:5px;
	position:relative;
	float:left;
	width:180px;	
}

label{
width:120px;	
}

textarea{
	width:220px;
	height:80px;	
}

input[type="submit"]{
	width:120px;	
	margin-left:133px;
	margin-bottom:50px;
}

/* ---------------------------------- Head ---------------------------------- */

#top_mid{
	position:relative;
	margin:0px auto;
	width:960px;	
	max-width:960px;
}

img#top_logo{ position:absolute;
				right:-135px;
				top:-14px;
				overflow:hidden;}
#top_border{
	height:30px;
	width:960px;
	position:relative;
	float:left;
	}
	
#top_border a{
	float:right;
	margin-right:1px;	
	height:30px;
	line-height:30px;
	color:#a6a6a6;
	font-size:12px;
}

#top_border a:hover{
	color:#525252;	
}

#top_border h2{
	float:left;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#ccc;
}

.flag{
padding-top:2px;
padding-left:20px;	
}

#selecter1{
	position:absolute;
	top:20px;
	right:0px;
	width:170px;	
	z-index:100;
}

#selecter1 select{
		width:70px;
		float:left;
}
#selecter1 label{
		width:90px;
		font-size:11px;
		float:left;
		bottom:3px;
}


#top_carousel{
	position:relative;
	float:left;
	height:317px;
	width:960px;
	overflow:visible;	
	}
#navigation{
	position:relative;
	float:left;
	height:40px;
	width:960px;
	}
		
/* ---------------------------------- Carousel ---------------------------------- */
/*620 - 434*/
#carousel1{
	position:absolute;
	width:960px;
	height:300px;
	top:38px;
	left:0px;
	background-color:transparent;
	overflow:visible;	
}	

#carousel1 img{
		visibility:hidden;
}

#carousel1 img.first_carousel{
		visibility:visible;
}

#left-but, #right-but{
	position:absolute;
	top:15px;
	right:10px;
	opacity:.7;
	cursor:pointer;
}

#left-but{
	right:35px;	
}

#left-but:hover, #right-but:hover{
	opacity:1;	
}
/* ---------------------------------- x ---------------------------------- */


/* ---------------------------------- ICONS ---------------------------------- */

a.pdf_link{
	padding-left:20px;
	background:url(../images/webpage/pdf.png) no-repeat 0px 0px;	
	line-height:24px;
}

a.fw_link{
	padding-left:20px;
	background:url(../images/webpage/arrow-left2.png) no-repeat 0px 0px;	
	line-height:24px;
}

a.pdf_link:hover{
	text-decoration:underline;	
}

a.pdf_link span{
	font-size:12px;
	color:#a6a6a6;	
}


		
/* ---------------------------------- Navigation ---------------------------------- */

ul#menu {  
		   list-style:none; 
		   height:40px;
			} 
			
li.menuItem img{
			visibility:hidden;
			position:relative;
			float:left;	
}

li.menuItem img.img-menu2{
			visibility:hidden;
			display:none;}
			
		ul#menu li.menuItem  {
			float:left;
			position:relative;
			display:block;
			text-align:center;
			border:none;
			height:40px;
	
			cursor:pointer;
			margin: 0px 7px 0px 0px;  
		}
		
		ul#menu li.menuItem a.drop {
		cursor:pointer;
		position:relative;
		float:left;

		font-style:normal;
		font-size:17px;
		color:#231f20;
		
		height:40px;
		line-height:40px;
		display:block;  
		
		outline:0;
		padding:0px 1px 0px 1px; 
		
		
		text-decoration:none;
		}
		
		
		ul#menu li.menuItem:hover a.drop {
		cursor:pointer;
		background: url(../images/webpage/background.png) repeat-x 0px -572px;
				padding-top: 0px;  
		}
		
		ul#menu li.menuItem:hover img.img-menu1{
			visibility:visible;	
			display:block;
		}
		
		ul#menu li.menuItem:hover img.img-menu2{
			visibility:hidden;	
			display:none;
		}
		

		ul#menu li.menuItem a.drop:active {
		cursor:pointer;
		}
		
		ul#menu li.selected a.drop, ul#menu li.selected:hover a.drop {
			outline:none;	
			color:#252525;
			background-image:none;
			background-color:#fbfbfb;
			border-top:2px solid #ee2e24;
			line-height:37px;
 
		}
		
		ul#menu li.selected img.img-menu2, ul#menu li.selected:hover img.img-menu2{
			visibility:visible;	
			display:block;
}
		ul#menu li.selected img.img-menu1, ul#menu li.selected:hover img.img-menu1{
			visibility:hidden;	
			display:none;
}


/* ---------------------------------- Bottom ---------------------------------- */
#bot_menu{
	position:relative;
	margin:0px auto;
	width:960px;
	font-size:12px;
	margin-top:20px;
}

#bot_menu a{
	color:#ccc;
	text-decoration:none;
}


#bot_menu a:hover{
	color:#ccc;
	text-decoration:underline;
}

#bot_menu span{
	color:#aaa;	
	padding:0px 5px 0px 5px;
}

.svk{
	background:url(/images/webpage/slovakia.png) 0 0 no-repeat transparent;
	padding-left:18px; padding-right: 8px;	
}

.eng{
	background:url(/images/webpage/United-Kindom.png) 0 0 no-repeat transparent;
	padding-left:18px; padding-right: 8px;	 
}

.czech{
	background:url(/images/webpage/Czech-Republic.png) 0 0 no-repeat transparent;
	padding-left:18px; padding-right: 8px;	
}

#bot_copy{
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
}

#bot_copy p{
	color:#6a6a6a;
}

/* ---------------------------------- Video ---------------------------------- */

 a#videohd{
	 background:url(/images/truck-commercial-video.jpg) no-repeat 0px -145px;
	 width:120px;
	 height:145px;
	 position:absolute;
	 top:40px;
	 left:0px;
	 
 }
 
  a#videohd:hover{
	  background-position:top left;
 }
 
 a#prezentacnevideo,
 a#fanucvideosk,
 a#howmany{
	background:url(../images/adtrucks-video.jpg) 0px 0px no-repeat;
	width:240px;
	height:157px;
	position:absolute;
	top:40px;
	left:0px;
 }
 a#fanucvideosk{
	background:url(../images/fanucsk.jpg) 0px 0px no-repeat;
 }
 a#howmany{
	background:url(../images/howmanysk.jpg) 0px 0px no-repeat;
 }
  a#prezentacnevideo.videcz{
	background:url(../images/adtrucks-video-cz.jpg) 0px 0px no-repeat;
  }
a#fanucvideosk.videocz{
	background:url(../images/fanucvideo.jpg) 0px 0px no-repeat;
}
a#howmany.videocz{
	background:url(../images/howmany.jpg) 0px 0px no-repeat;
}
 
  a#prezentacnevideo:hover, a#fanucvideosk:hover,  a#howmany:hover{
	background-position:0px -157px;
 }
 
  a#videosd{
	 background:url(/images/truck-commercial-video.jpg) no-repeat -120px -145px;
	 width:120px;
	 height:145px;
	 top:40px;
	 left:120px;
	 position:absolute;
 }
 
  a#videosd:hover{
	 	  background-position:top right;

 }
 
 div.video h2{
		margin-bottom:160px;
		
 }
 div.video {
 margin-top:0px; 
 }
  .blog {
	  
	
		
  }
 .blog h3{
	padding:5px 0px 5px 26px;
	background:url(../images/webpage/arrow-left2.png) 10px center no-repeat transparent;
	
 
 }
 
 .leftkontakt{
	float:left; 
 }
 
 div.leftkontakt{
	width:315px; 
 }
 
 .psimg img{

margin: 20px 0px 10px 30px;
padding: 2px;
border: 1px solid black; 	
 }
  .psimg.first img{
  	margin-left: 0px;
  }
  }
  a.psimg:hover img{  	
  	border: 1px solid #ee2e24;
  }
a.floatimg img{
	float:right;
margin:5px 0px 5px 20px;
padding: 2px;
border: 1px solid black;	
}

.imgrow a.floatimg img{
	float:left;
}

a.floatimg:hover img{
		border: 1px solid #ee2e24;
}
  .odpoved p{
  
  	display: block;  
  	text-align: justify;	
  }
  .form{
  	width: 330px;
  	position: relative;
  	display: block; height: 270px;
  	float: left;
  	
  }
 
		#sk {width: 157px; height: 140px; top: 630px; left: 180px; display: block; position: absolute; text-decoration: none; letter-spacing: -2px;}
		#cz {width: 157px; height: 140px; top: 760px; left: 480px; display: block; position: absolute; text-decoration: none; letter-spacing: -2px;}
		#dalsi {width: 440px; top: 1075px; left: 40px; font-size: 26px; display: block; position: absolute; text-decoration: none; letter-spacing: -2px;}
		#video {position: absolute; display: block; top: 1180px; left: 30px; box-shadow: 0 0 20px #04a9d7; display: block; position: absolute; text-decoration: none; letter-spacing: -2px;}
		#playlist {width: 320px; height: 50px; top: 1607px; left: 450px; display: block; position: absolute; text-decoration: none; letter-spacing: -2px;}
		
		a.paticka {bottom: 25px; height: 40px; display: block; position: absolute; text-decoration: none; letter-spacing: -2px;}
		#ms {left: 80px; width: 130px;}
		#url {left: 290px; width: 215px;}
		#xbox {left: 565px; width: 167px;}

div.videomaincol{
	float:left;
	height:220px;	
}

div.videomaincol a{
	float:left;	
	margin-top:28px;
}

div.right_par.titlepar{
	margin-top:-60px;	
}

.mid_left_col_640 div.porotca{
	width:280px;
	margin:10px;
	text-align:center;
	float:left;	
	height:225px;
}

.mid_left_col_640 div.porotca p{
	text-align:center;	
	font-size:12px;
}

a.bannerlink:hover img{	
-webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.1);	

}
a.bannerlink img{
		border-radius:14px;
			-webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, 0.3);
        
        box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, 0.3);	
}
a.textlink{
font-weight:bold;	text-decoration:underline;	
}


.cz,  #mid_content h2.cz{
	font-family:Arial, Helvetica, sans-serif;
}

.langbot{
float:left;
margin-top:-8px;
}

.menubot{
	float:left;
}

.clearfix, .mid_left_col_960 div.clearfix{
	clear:both;	
	width:100%;
}


/* ---------------------------------- x ---------------------------------- */
/* ---------------------------------- x ---------------------------------- */
/* ---------------------------------- x ---------------------------------- */
/* ---------------------------------- x ---------------------------------- */