/*
 Screen style    
 Site: Infocar
*/

body { font-size: 68.75%; padding: 0; background: #021432 url(../images/bg_body.jpg) 50% 0 repeat-x; color: #507ebe; }
a:hover { color: #fff; }
h2.white { font-size: 1.5em; color: #fff; font-weight: normal; margin: 0px 0 0.85em 0;text-transform:capitalize; }

/* Image replacement
-----------------------------------------------------------------------------------------------*/
.ir { display: block; font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
.ir a span { cursor: pointer; }

/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/
ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* Clearfix
-----------------------------------------------------------------------------------------------*/
.clearfix:after,
#header .bar:after,
#nav:after,
#content:after,
.content-wrapper:after,
.about .people .row:after,
#content .sidebar .action:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Wrapper
-----------------------------------------------------------------------------------------------*/
#wrapper { width: 698px; margin: 0 auto; }

/* Header
-----------------------------------------------------------------------------------------------*/
#header { position: relative; height: 141px; }
#header .logo { width: 170px; height: 56px; position: absolute; top: 45px; left: 5px; }
#header .logo span { background-image: url(../images/logo.png); }
#header .bar { position: absolute; bottom: 25px; right: 0; }
#header .bar form { float: left; font-size: 0.91em; }
#header .bar form input { vertical-align: middle; }
#header .bar form .text { padding: 0 4px; border: 0; background: url(../images/bg_all.png) no-repeat; width: 74px; height: 12px; margin-left: 5px; }
#header .lang { float: left; margin: 2px 0 0 13px; }
#header .lang li { float: left; margin-right: 8px; }
#header .lang a { width: 17px; height: 11px; }
#header .lang a.sk { background: url(../images/icons.png) no-repeat; }
#header .lang a.sk:hover { background: url(../images/icons.png) -16px 0px  no-repeat; }
#header .lang a.en { background: url(../images/icons.png) 0 -20px no-repeat; }
#header .lang a.en:hover { background: url(../images/icons.png) -17px -20px  no-repeat; }
#header .lang a.de { background: url(../images/icons.png) 0 -40px no-repeat; }
#header .lang a.de:hover { background: url(../images/icons.png) -16px -40px  no-repeat; }
#header .lang a#curr { background-position-x:-16px;}
#header #player { float: left; width: 53px; height: 12px; margin-left: 4px; }


/* Navigation
-----------------------------------------------------------------------------------------------*/
#nav { margin-bottom: 47px; position: relative; z-index: 2; }
#nav li { float: left; padding-left: 1px; background: url(../images/bg_all.png) 0 -20px no-repeat; }
#nav li.first { background: none; padding: 0; }
#nav a { font-size: 0.91em; display: block; width: 94px; padding: 7px 2px 10px 2px; background: url(../images/bg_all.png) 50% -70px no-repeat; text-decoration: none; text-transform: uppercase; text-align: center; }
#nav a:hover, #nav li:hover a, #nav li.sfhover a { color: #fff; }
#nav a.current { background-position: 50% -150px; color: #000306 !important; }

/* Second level */
#nav li ul { position: absolute; left: -999em; width: 175px; padding: 5px 0 7px 34px; background: url(../images/bg_dropdown.png) repeat-y; margin-left: -15px; }
#nav li ul.partners { padding-left: 22px; }
#nav li.hover ul { left: auto; }
#nav li ul li { float: none; background: none; padding: 0; }
#nav li ul a { color: #7ec6fd !important; width: auto; text-align: left; background: none; padding: 2px 0; width: 175px; }
#nav li ul a:hover { color: #fff !important; }
#nav li ul a.current { background: none; color: #7ec6fd !important; }


/* Content
-----------------------------------------------------------------------------------------------*/
#content { padding-bottom: 10px; min-height: 400px; }
#content strong { color: #7ec6fd; }
.content-wrapper li { margin-bottom: 4px; padding-left: 13px; background: transparent url(../images/icons.png) 0 -94px no-repeat;  }
.content-wrapper .more { background: url(../images/icons.png) 0 -94px no-repeat; padding-left: 8px; }

/* Flash or image intro */
.intro { width: 698px; height: 255px; margin-top: -37px; position: relative; z-index: 1; }
.intro img { display: block; }
.intro .slogan { position: absolute; top: 100px; right: 50px; font: normal 1.91em/1.27 Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
#flash-intro { height: 255px; margin-top: 0; }
#flash-menu { height: 119px; margin: 30px 0 0 0; }

/* Subpages buttons */
.subpages { height: 114px; margin: 26px 0 12px 0; }
.subpages li { float: left; margin-left: 12px; position: relative; }
.subpages li.cars { margin: 0; }
.subpages li h2 { width: 165px; height: 114px; }
.subpages li a span { background: url(../images/texts_home.jpg) no-repeat; }
.subpages li.consumption h2 span { background-position: -165px 0; }
.subpages li.monitoring h2 span { background-position: 0 -114px; }
.subpages li.navigation h2 span { background-position: -165px -114px; }
.subpages li p { background: url(../images/icons.png) 0 -92px no-repeat; padding-left: 8px; position: absolute; top: 66px; left: 93px; z-index: 10; }

/* Home page banners */
.banners li { float: left; }
.banners li img { display: block; }
.banners li.every-2nd { margin: 0 12px; }
.banners li.video-tutorials h2 { width: 166px; height: 144px; margin-bottom: 6px; }
.banners li.video-tutorials h2 span { background: url(../images/texts_home.jpg) -330px 0 no-repeat; }
.banners li.video-tutorials p { float: right; padding: 4px 0 4px 30px; background: url(../images/icons.png) 0 -60px no-repeat; }
.banners li.video-tutorials p a { color: #507ebe; }
.banners li.video-tutorials p a:hover { color: #fff; }

/* About us */
.about .content-wrapper { padding-bottom: 5px; margin-bottom: 5px; /*background: url(../images/bg_horizontal.jpg) 50% 100% no-repeat;*/ }
.about .content-left { float: left; width: 450px; }
.about .content-right { float: right; width: 210px; }
.about .content-right img { display: block; margin-bottom: 10px; }
.about .col-left { float: left; width: 200px; margin-top: 25px; }
.about .col-right { float: right; width: 200px; margin-top: 25px; }
.about .people { background: #16213d; border: 1px solid #233c59; padding: 15px; margin-bottom: 15px; }
.about .people h3 { font-size: 1.5em; color: #fff; font-weight: normal; margin: 30px 0 0.85em 0; }
.about .people h3.first { margin-top: 0; }
.about .people h4 { color: #7ec6fd; text-transform: uppercase; }
.about .people .row { margin-top: 30px; }
.about .people .first-row { margin: 0; }
.about .people .person { float: right; width: 300px; }
.about .people .first-person { float: left; }
.about .person .photo { position: relative; float: left; }
.about .person .photo img { display: block; }
.about .person .photo span { display: block; width: 92px; height: 111px; position: absolute; top: 0; left: 0; background: url(../images/bg_frame.png) no-repeat; }
.about .person .info { margin-left: 110px; }
.about .person .info li a { color: #507ebe; }

/* Partneri */
.partner{
	float:left;
	width:300px;
}

.partner_row { 
	margin-top: 30px;
}

.partner_info{
	margin-left:0px;
}

.no_result{
	clear:both;
	width:100%;
	line-height:100px;
	font-weight:bold;
	text-align:left;
}

/* Products */
.main-content { float: left; width: 375px; margin-top: 30px; }
#content h1 { color: #fff; text-transform: uppercase; }
#content h1.bg { height: 43px; padding: 20px 0 0 13px; }
#content h1.cars { background: url(../images/txt_cars.jpg) no-repeat; }
#content h1.truck { background: url(../images/txt_truck.jpg) no-repeat; }
#content h1.people { background: url(../images/txt_people.jpg) no-repeat; }
#content h1.navigation { background: url(../images/txt_navigation.jpg) no-repeat; }


/* Contact */
.vcard { float: left; width: 210px; margin-right: 34px; }
.geo { float: left; width: 210px; }
.vcard img, .geo img { display: block; margin-bottom: 12px; }
.vcard h3, .geo h3 { font-weight: normal; color: #507ebe; }
.vcard th { padding-right: 25px; }
.vcard .phones { margin-bottom: 1.25em; }
.vcard .phones th { padding-right: 4px; }
.geo h3 { float: left; }
.geo ul { margin: 0 0 0 36px;  }
#content .geo li { background: none; padding: 0; margin: 0; }

/* Zapozicka */
#zapozicka_form{
	padding:20px 0;
	margin:0;
}

#zapozicka_form label{
	display:inline-block;
	width:150px;
	clear: left;
}

#zapozicka_form label.short{
	width:100px;
}

#zapozicka_form .text_input{
	margin-right:10px;
	width:150px;
}

#zapozicka_form .form_text{
	font-weight: bold;
	margin:15px 0 15px 0;
}

.podmienky{
	text-align:justify;
}

/* Sidebar
-----------------------------------------------------------------------------------------------*/
.sidebar { width: 298px; float: right; }
#content .sidebar .action { float: right; margin-bottom: 8px; text-transform: lowercase; }
#content .sidebar .action li { float: left; padding: 0; background: none; }
#content .sidebar .action li.message { margin: 8px 6px 0 0; color: #7ec6fd; width: 10em; text-align: right; }
#content .sidebar .action li a { display: block; padding: 0 6px; }
#content .sidebar .action li img { display: block; }
.sidebar .write-us { clear: both; padding: 10px 14px 7px 18px; background: #15203d; border: 1px solid #203c5b; }
.sidebar .write-us h2 { color: #fff; margin-bottom: 10px; }
.sidebar .write-us p { margin-bottom: 8px; }
.sidebar .write-us .text { color: #7ec6fd; width: 251px; height: 18px; border: 0; padding: 6px 6px 2px 6px; background: url(../images/bg_write_us.png) no-repeat; }
.sidebar .write-us textarea.text { height: 94px; background-position: 0 -34px; }
.sidebar .write-us .submit { margin: 0; }
.sidebar .write-us .submit input { display: block; float: right; background: #15203d url(../images/bg_write_us.png) 0 -148px no-repeat; padding-left: 15px; border: 0; color: #7ec6fd; margin: 0 0 0 20px; }

/* Footer
-----------------------------------------------------------------------------------------------*/
#footer { clear: both; color: #2c3e5a; font-size: 0.82em; text-align: center; padding: 18px 0 36px 0; background: url(../images/bg_horizontal.jpg) no-repeat; }
#footer a { color: #2c3e5a; text-decoration: none; }


.kraje{
	float:right;
	width:240px;
	line-height:18px;
}

#mapa{
	float:left;
	margin-bottom:20px;
}

.login{
	margin-right:8px;
}

/* Novinky
-----------------------------------------------------------------------------------------------*/

#news-div { background: #01122e; border: 1px solid #12233f; padding: 10px; position: relative; }
li.every-2nd #news-div { float: left; width: 340px; }
.sidebar #news-div { clear: left; margin: 20px 0 10px; width: 276px; }

.novinka { border-bottom: 1px solid #12233f; margin-bottom: 10px; padding-bottom: 9px; }
	.novinka h3 { font-size: 18px; margin: 0; }
	.novinka h3 a { color: #7ec6fd; text-shadow: 0 1px 1px #010917; -moz-text-shadow: 0 1px 1px #010917; text-decoration: none;}
	.novinka p { font-size: 12px; margin: 0; text-shadow: 0 1px 0px #010917; -moz-text-shadow: 0 1px 0px #010917; }

#news-div .controls .outer { width: 100%; }
#news-div .controls { float:right; clear:both; list-style: none !important; margin: 10px 0 0; }
.controls li { background: none; border-radius: 5px; -moz-border-radius:5px; display: block; float: left; font-size: 20px;  list-style: none !important; padding: 0px 5px; margin: 0 5px; text-align: center; text-shadow: 0px 1px 3px black; cursor: pointer; }
#news-div .controls .active { background: #12233f; color:yellow; }