﻿/*--autotest css file--*/

a, a:hover, a:visited{
    color: #ff0000;
}

a img {
    border: none;
}

body {
    background-color: #fcfcfc;
    margin-top: 10px;
    font-family: Verdana;
    color: #323232;
    font-size: 12px;
}

h1 {
    color: #ff3300;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

h2 {
    color: #ff3300;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    /*margin: 0;
    padding: 0;
    margin-top: 10px;*/
}

header, footer, aside, nav, article, section {
    display: block;
}

input, select {
    border: 1px solid #9e9e9e;
    height: 20px;
}

p {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 0;
}

select {
    height: 22px;
}

.back_link a {
    float: right;
    text-decoration: none;
    margin: 20px 0 0;
    font-size: 10px;
}

.clear {
    clear: both;
    height: 5px;
}

.error-message {
    font-size: 10px;
    color: #ff0000;
    display: inline;
    margin-left: 5px;
}

.left {
    float: left;
}

.lighter {
    color: #7c7c7c;
    font-size: 9px;
    line-height: 11px;
    display: block;
}

.right {
    float: right;
}

#content {
    margin-bottom: 10px;
    /* overflow: hidden; */
}

#content ul {
    font-size: 12px;
}

#flashMessage {
    color: #FF0000;
    /*float: left !important;*/
    font-size: 10px;
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 950px;
    padding: 0 18px;
    margin: auto;
}

/* ----------- Header z logotypami ----------- */

header {
    text-align: center;
    padding: 0 25px;
}
header img, header span {
    display: block;
}

header div {
    display: inline;
}

#logo_suzuki {
    float: left;
}

#logo_mitsubishi {
    float: right;
}

#logo_autotest {
    display: block;
    margin: auto;
    width: 40%;
    text-decoration: none;
}

#logo_text {
    font-size: 32px;
    color: #000000;
    font-weight: bold;
}

#address {
    color: #4f4f4f;
    font-variant: small-caps;
    font-size: 12px;
    line-height: 18px;
}

/* ----------- Menu ----------- */

#main_menu {
    background: url(../img/menu_bkg.jpg) no-repeat center top;
    margin: 10px 0 7px 0;
    color: #d6d6d6;
overflow:hidden;height: 39px;
}

#main_menu ul {
float:left;
    list-style-type: none;
width:560px;
    margin: 0;
    padding: 0;
    padding-left: 120px;
    height: 39px;
}

#main_menu li {
    display: block;
    float: left;
    margin: 0;
}

#main_menu a {
    line-height: 39px;
    text-decoration: none;
    color: #010000;
    font-variant: small-caps;
    font-size: 16px;
    padding: 0 20px;
}

#main_menu a#suzuki_link {
  float: left;
}

#main_menu a#mitsubishi_link {
  float: right;
}

/* ----------- Strona gł�wna ----------- */

#suzuki_img {
    float: left;
}

#mitsubishi_img {
    float: right;
}

#shadow_right, #shadow_btm, #boxes div, #boxes {
    position: relative;
}

#shadow_right {
    left: 18px;
    top: -10px
}              

#boxes {
    background-color: #dfdfdf;
    padding: 0;
    width: 950px;
    height: 50px;
    top: -3px;
    margin-bottom: 3px;
}

#boxes div, #boxes img {
    float: right;
}

#newsletter {
    width: 282px;
    max-height: 175px;
    height: 175px;
    /*float: left !important;*/
    background: url(../img/newsletter_bkg.jpg) no-repeat 0px 0px #ffffff;
    padding: 5px 10px 10px 20px;
    /*overflow: hidden;*/
float: left;
}

#mainBoxBanner {
    width: 280px;
    max-height: 175px;
    height: 175px;
    /*float: left !important;*/
    background: url(../img/newsletter_bkg.jpg) no-repeat 0px 0px #ffffff;
    padding: 5px 10px 10px 20px;
    /*overflow: hidden;*/
    text-align: center;
}

#promocje {
    left: -12px;
    width: 225px;
}

#uzywane {
    left: 4px;
    width: 225px;
}

#uzywane2 {
    left: 20px;
    width: 225px;
}

#akcje {
    left: -30px;
    width: 225px;
}

#shadow_btm {
    top: -34px;
	margin-bottom: -14px;
}

/* ----------- Newsletter ----------- */

#newsletter .btn {
    float: none;
    border: 0;
    position: relative;
    z-index: 1;
    top: -2px;
    height: auto !important;
}

#newsletter .textbox {
    float: left;
}

#newsletter input#newsletter_textbox {
    width: 190px;
    margin-right: 5px;
    float: left;
    padding: 0 10px;
}

#newsletter p {
    margin-bottom: 10px;
}

#newsletter form {
    margin-bottom: 5px;
    margin-top: 0;
}

#su2 {
    width: 308px;
    border: 1px solid #e7e7e7;
    margin: 10px 0 0 3px;
    float: left;
}

/* ----------- Jazda testowa ----------- */

#jazda {
    width: 277px;
    padding: 0px 18px 10px 12px;
    border: 1px solid #e7e7e7;
    margin: 10px 0 0 3px;
    float: left;
}

#jazda p {
    line-height: 18px;
}

#jazda select {
    width: 95%;
    margin: 5px 0;
}

#jazda input {
    width: 93%;
    margin: 5px 0;
    padding-left: 5px;
}

.date {
    width: auto !important;
    max-width: 61px;
}

.button {
    width: 60px !important;
    height: auto;
    background-color: #ff0000;
    color: #FFFFFF !important;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 7px 3px 7px;
    text-decoration: none;
    display: inline;
    border: 0;
}

/* ----------- Aktualno�ci ----------- */

#aktualnosci {
    float: right;
    width: 610px;
    padding: 0 10px 0 15px;
}

.title {
    font-weight: bold;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}

.news {
    margin-bottom: 23px;
}

.news img {
    float: left;
    margin: 0 5px 5px 0;
}

.news_date, .more {
    font-size: 11px;
}

.more {
    color: #ff0000;
    text-decoration: none;
}

/* ----------- Promocje ----------- */

#promo_back {
    background-color: #eeeeee;
}

#autotest_promo {
    margin-bottom: 20px;
}

#autotest_promo img {
    display: block;
    margin: 0;
    padding: 0;
}

#autotest_promo img.car {
	padding-right: 10px;
}

.autotest_promo {
    float: left;
    position: relative;
    left: 2px;
    /*width: 308px;
    height: 169px;*/
}

#autotest_promo img.first {
    left: -11px;
}

#autotest_promo img.last {
    left: 14px;
}

#promo p {
    font-size: 11px;
}

#mitsubishi_promo, #suzuki_promo {
    width: 45%;
}

#mitsubishi_promo {
    float: right;
} 

#suzuki_promo {
    float: left;
}

.promo_box {
    font-size: 11px;
    line-height: 19px;
    clear: left;
    margin-bottom: 30px;    
}

.promo_box img {
    float: left;
    margin-right: 7px;
}

.shadow {
    position: relative;
    left: -11px;
}

.shadow_right {
    position: relative;
    left: 11px;
}

/* ----------- Aktualno�� ----------- */

#aktualnosc {
    padding: 5px;
}

#aktualnosc p {
    line-height: 20px;
}

#aktualnosc .news_main_photo {
    float: left;
    margin: 0 5px 5px 0;
}

/* ----------- Aktualności ----------- */

#news {
    padding: 20px;
}

/* ----------- Podstrona ----------- */

#text {
    font-size: 12px;
}

/* ----------- Kontakt ----------- */

#contact {
    font-size: 12px;
}

#info {
    float: left;
    width: 600px;
}

#form {
    float: right;
    text-align: right;
    width: 320px;
    margin-bottom: 35px;
}

#form input, #form textarea {
    width: 200px;
    margin-left: 10px;
    margin-bottom: 5px;
}

#form textarea {
    border: 1px solid #9E9E9E;
}

#form .textarea label {
    vertical-align: top;
}

#contacts {
    clear: both;
    width: 100%;
}

.contact {
    background: url("../img/contact_bkg.gif") repeat scroll 0 0 transparent;
    width: 375px;
    height: 170px;
    padding: 40px;
    margin: 10px;
    float: left;
}

.contact dl {
    color: #353535;
    font-size: 12px;
    line-height: 15px;
    margin: 25px 0 0 0px;
    overflow: hidden;
    width: 100%;
}

.contact dt {
    clear: left;
    float: left;
    margin: 3px 0 0;
    width: 50px;
}

.contact dd {
    float: left;
    font-weight: bold;
    margin: 3px 0 0;
    width: 210px;
}

/* ----------- Akcje promocyjne ----------- */

.actions {
    font-size: 12px;
    padding: 5px;
}

.actions_list {
    list-style-type: none;
    padding: 0 20px;
    margin-bottom: 20px;
}

.actions_list li {
    border-bottom: 1px dotted #d6d6d6;
    padding: 10px;
}

.actions_list li img {
    float: left;
    width: 100px;
    margin: 0 5px 5px 0;
}

.actions_list li a {
    margin-bottom: 5px;
    display: block;
}

.actions_list li.last {
    border-bottom: 0;
}

.action_details th {
    text-align: right;
}

.actions #details {
    width: 70%;
    margin: 20px 10px;
    line-height: 17px;
}

.actions #photos {
    float: right;
    width: 25%;
    margin: 0 10px;
    text-align: right;
}

.actions #photos img {
    width: 150px;
}

/* ----------- Stopa ----------- */

footer {
    border-top: 1px solid #b0b0b0;
    width: 890px;
    margin: auto;
    color: #6d6d6d;
    font-size: 10px;
    text-align: center;
    padding: 10px 20px;
    clear: both;
}
#logo_text{ display:block; width:223px; height:50px; text-indent:-9999px; background:url(../img/autotest_logo.png) no-repeat 0 0; margin:0 0 10px 70px;}
/* rotator in-page placement */
#promo_back {
	position: relative;
	height:252px;
}
/* rotator css */
#promo_back .photo {
	float: left;
	position: absolute;
	list-style: none;
	top:0;
	right:0;
}
#promo_back .photo.show {
	z-index: 500;
}
#promo_back .photo .last{ left:0;}
#promo_back .fotosuzuki {
	float: left;
	position: absolute;
	list-style: none;
	top:0;
	left:0;
}
#promo_back .fotosuzuki.show {
	z-index: 500;
}
#promo_back .fotosuzuki.last{ left:0;}
#promo_rotator1{ height:241px;}

#promo_back.strona_glowna .fotosuzuki{ top:5px;}
#promo_back.strona_glowna .photo{ top:5px;}
#promo_back.strona_glowna{ height:260px;}

body{ background:url(/img/bg_logos.png) repeat-y top center;}

.oferta_specjalna_box{}
.oferta_specjalna_box a{ text-decoration:none;}
.oferta_specjalna_box a span{ color:#323232; text-decoration:none; font-style:italic; font-size:11px;}
.oferta_specjalna_box h2{ text-align:center; margin:0 0 30px; color:#323232;}
.oferta_specjalna_box p{ margin:0 0 30px;}
.akcjapromocyjna_title{ text-align:center;}
.oferta_specjalna_box .samochody_container{ margin:0 0 15px; overflow:hidden;}
.oferta_specjalna_box .samochody_container .samochody_box{ overflow:hidden; margin:0 0 30px; float:left; width:400px; padding-right:80px;}
.oferta_specjalna_box .samochody_container .samochody_box img{ float:left; margin-right:15px;}
.oferta_specjalna_box .samochody_container .samochody_box2{ overflow:hidden; margin:0 0 30px; float:left; width:400px; padding-right:0;}
.oferta_specjalna_box .samochody_container .samochody_box2 img{ float:left; margin-right:15px;}
.oferta_specjalna_box .samochody_container .samochody_title{ margin:0 0 15px;}

.oferta_specjalna_box .upominki_container{ margin:0 0 15px; overflow:hidden;}
.oferta_specjalna_box .upominki_container .upominki_box{ overflow:hidden; margin:0 0 30px; float:left; width:400px; padding-right:80px;}
.oferta_specjalna_box .upominki_container .upominki_box img{ float:left; margin-right:15px;}
.oferta_specjalna_box .upominki_container .upominki_box2{ overflow:hidden; margin:0 0 30px; float:left; width:400px; padding-right:0;}
.oferta_specjalna_box .upominki_container .upominki_box2 img{ float:left; margin-right:15px;}
.oferta_specjalna_box .upominki_container p{ margin:15px 0;}

#fancybox-content{ margin:0 0 15px; overflow:hidden;}
#fancybox-content .upominki_box{ overflow:hidden; margin:0; float:left; width:400px; padding-right:0;}
#fancybox-content .upominki_box img{ float:left; margin-right:15px;}
#fancybox-content .upominki_box2{ overflow:hidden; margin:0; float:left; width:400px; padding-right:0;}
#fancybox-content .upominki_box2 img{ float:left; margin-right:15px;}
#fancybox-content p{ margin:15px;}

.oferta_specjalna_box .zapisz_jazde_container							{ margin:0 0 15px; overflow:hidden;}
.oferta_specjalna_box .zapisz_jazde_container .zapisz_jazde_box			{ overflow:hidden; margin:0 0 30px; float:left; width:100px; padding-right:40px; padding-left:340px;}
.oferta_specjalna_box .zapisz_jazde_container .zapisz_jazde_box img		{ margin:0 0 15px;}
.oferta_specjalna_box .zapisz_jazde_container .zapisz_jazde_box2			{ overflow:hidden; margin:0 0 30px; float:left; width:350px; padding-left:50px; padding-right:0;}
.oferta_specjalna_box .zapisz_jazde_container .zapisz_jazde_box2 img		{ margin:0 0 15px;}


.promo_landing_new .promo_landing_new_top{ height:61px; background:url(/img/at_landing_top2.jpg); margin:0 0 15px;}
.promo_landing_new .promo_landing_new_bottom{ height:650px; position:relative; margin:0; padding-right: 300px; }
.promo_landing_new .promo_landing_new_bottom #jazda{ position:absolute; top:0; right:0; border:0 none; padding-left:20px; padding-right:25px; width:247px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto1{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:10px; top:90px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto2{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:170px; top:90px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto3{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:330px; top:80px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto4{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:490px; top:60px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto5{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:50px; top:250px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto6{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:210px; top:270px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto7{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:350px; top:250px;}
.promo_landing_new .promo_landing_new_bottom .promo_foto8{ display:block; width:155px; height:155px; text-indent:-9999px; position:absolute; left:490px; top:230px;}

.promo_sub_menu{ overflow:hidden; margin:0 0 30px;}
.promo_sub_menu a,
.promo_sub_menu span{ display:block; float:left; width:200px; height:61px; text-indent:-9999px;}
.promo_sub_menu a.promo_btn1{ background:url(/img/btn_onas.jpg) no-repeat 0 0; margin-right:25px;}
.promo_sub_menu .promo_btn3{ background:url(/img/btn_partnerzy.jpg) no-repeat 0 0; margin-right:25px;}
.promo_sub_menu a.promo_btn2{ background:url(/img/btn_regulamin.jpg) no-repeat 0 0; margin-right:25px;}
.promo_sub_menu a.promo_btn4{ background:url(/img/wp.jpg) no-repeat 0 0;}

.reg_point{ text-align:center;}
.reg_strong{ font-weight:bold;}
.promo_landing_new_bottom a{ outline:none;}

#fancybox-wrap{ width:420px !important;  height:270px !important;left:50% !important; margin-left:-210px !important;}
#fancybox-content{ width:400px !important;}

.akcja_at_logo{ display:block; width:162px; height:37px; background:url(/img/akcja_logo.jpg) no-repeat 0 0; margin-left:214px !important;}
#fancybox-content .upominki_box2 img{ margin-top:10px;}
.akcja_bottom{ color:#7e7e7e; font-style:italic;}

#promo_back .promo_stempel{ display:block; text-decoration:none; font-size:20px; background:url(/img/stempel_promo.png) no-repeat 0 0; position:absolute; top:70px; left:410px; behavior: url("/img/iepngfix.htc"); width:135px; height:115px; z-index:1120; text-align:right;}
#promo_back .promo_stempel_desc{ font-size:12px; font-weight:bold; color:#323232; position:absolute; bottom:-23px; left:0; height:20px; z-index:1120;}
#promo_back .promo_stempel_desc .promo_star{ color:#ff3300;}
#promo_back .promo_stempel_desc .promo_italic{ font-style:italic;}

.promo_landing_new .promo_landing_new_bottom { margin-top:110px;}

.promo_landing_new .landing_title{ display:block; width:413px; height:58px; text-indent:-9999px; background:url(/img/at_landing_title.jpg) no-repeat 0 0; position:absolute; top:-80px; left:120px; }
.promo_landing_new .landing_desc{ font-size:12px; font-weight:bold; color:#323232; position:absolute; top:-5px; left:150px;  width:500px}
.promo_landing_new .landing_desc .landing_star{ color:#ff3300;}
.promo_landing_new .landing_desc .landing_italic{ font-style:italic;}
.promo_landing_new .landing_stempel{ display:block; background:url(/img/stempel_promo.png) no-repeat 0 0; position:absolute; top:-80px; left:0; behavior: url("/img/iepngfix.htc"); width:135px; height:115px; z-index:1120; text-decoration:none; font-size:20px;  text-align:right; color:#ff3300;}
.promo_landing_new .promo_landing_new_bottom #jazda{ top:-80px;}

.konatkt_bezposredni_box{ position:absolute; top:310px; left:678px;  width:280px}
.konatkt_bezposredni_box .kb_title{ padding:0 0 15px; color:#FF3300;
font-size:17px;
font-weight:500;
letter-spacing:1px; font-size:14px;}


/* kontakt zmiany */
#contacts{ padding-top:20px;}
#contacts h2{ font-weight:bold;}
.contact {
    float: left;
    height: 145px;
    margin: 0 10px;
    padding: 0 40px;
    width: 375px;
	background-image:none;
	}
.contact dl { margin-top:15px;}
.contact dd{ width:280px;}


#selectCarsContent {
	position: relative;
}

#selectCarsList {
	position: absolute;
	top: 25px;
	left: 0;
	border: 1px solid #aaa;
	background: white;
	z-index: 12;
}	

#selectCarsList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#selectCarsList li {
	cursor: pointer;
	margin: 0;
	padding: 1px 5px;
	width: 255px;
}

#selectCarsList li.overSelected {
	background-color: red;
	color: white;
	font-weight: bold;
}

#selectCars {
	width: 255px;
	height: 19px;
	background: url('/img/select.jpg') no-repeat;
	border: none;
	padding: 3px 0 0 10px;
	width: 93%;
	cursor: pointer;
}

#dr {
	position: relative;
	display: none;
}
#dr div {
	top: -200px;
	left: -320px;
	padding: 10px;
	background-color: white;
	border: 1px solid #ddd;
	position: absolute;
}
#drh span {
	color: red;
	text-decoration: underline;
	cursor: help;
}
#selectCarsListPhoto {
	width: 200px;
	height: 150px;
	background: url('/img/select_bg.png');
	position: absolute;
	top: 15px;
	left: 270px;
	padding: 10px;
}

.newsletter-promotions {
    border: 1px solid #E0E0E0;
    float: left;
    margin-left: 2px;
    margin-top: 10px;
    width: 948px;
}

.newsletter-promotions.first {
	height: 390px;
}

.newsletter-promotions.second {
	height: 300px;
}

fieldset {
	border: 1px solid #999;
	margin: 5px 0;
	width: 100%;
}

fieldset input {
	width: auto !important;
	margin: 0 8px 0 0 !important;
	
}

input.checkbox {
	width: auto !important;
	height: auto !important;
}


.car_info {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	border-top: 10px solid red;
	border-bottom: 10px solid red;
}

.car_info td {
	background-color: red;
	text-align: left;
	color: white;
	font-weight: bold;
	padding: 5px;
	font-size: 12px;
	margin: 0;
	text-transform: uppercase;
}

.car_info th {
	background-color: red;
	text-align: right;
	color: black;
	padding: 5px;
	font-size: 12px;
	margin: 0;
	font-weight: normal;
}

/* Nowa podstrona actions z dn. 10-11-2011 */

        div#wrap2 {
            width: 960px;
            height: 600px;
            margin: 0 auto;
            position: relative;
        }
        
        div#tab {
            width: 960px;
            position: absolute;
            left: 0;
            top: 30px;
        }
        
        #tab_info1, #tab_info2, #tab_info3 {
            overflow: hidden;
            border-top: 1px solid #dedede;
            padding: 15px 10px;
            position: absolute;
            width: 900px;
            top: 0;
            left: 0;
            display: none;
        }
        
        #tab_info1 {
            display: block;
        }
        
        ul.choice {
            position: absolute;
            top: -50px;
            left: -41px;
            cursor: pointer;
            z-index: 70;
	    list-style-type: none;
        }
        
        ul.choice li {
            width: 110px;
            height: 31px;
            background: url(http://autotest.com.pl/img/img_new/tab.png) no-repeat;
            font-family: verdana, arial, sans-serif;
            font-size: 13px;
            text-align: center;
            float: left;
            margin-right: 2px;
            padding: 4px 0;
	    list-style-type: none;
        }
        
        ul.choice li:hover, ul.choice li.active {
            background: url(http://autotest.com.pl/img/img_new/tab.png) 0 -39px no-repeat;
        }
        
        ul.choice span {
            color: #ff3300;
            font-size: 12px;
        }
        
        img.image_center {
            float: right;
            margin: 30px 60px 0 35px;
        }
        
        p.info_text {
            font-size: 13px;
            width: 450px;
            margin-bottom: 15px;
            font-family: verdana, arial, sans-serif;
            text-align: justify;
        }
        
        p.info_text.title {
            font-size: 18px;
            color: #ff3300;
        }
        
        .info_text a {
            color: #ff3300;
        }

