a{
    text-decoration: none;
}

img{
	border: none;
}

.error{
    font-size: 11px;
    font-family: arial;
    color: #FF0000;
}

label.error{
    position: absolute;
    margin-left: -120px;
    margin-top: -25px;
    border: 1px solid #eee;
    background: #ccc;
    padding: 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

input.error{
    border: 1px solid #ff0000 !important;
    font-size: 11px;
    width: 260px !important;
    color: #FF0000;
}

textarea.error{
    border: 1px solid #ff0000 !important;
    font-size: 11px;
    width: 260px !important;
    padding-right: 86px;
    color: #FF0000;
}

.clear{
    clear: both;
}

body{
    padding: 0;
    margin: 0;
    font-family: "Tahoma";
    background: #fff url("../img/bg.jpg") top center no-repeat;
}
#back{
	clear: both;
	width: 900px;
	color: #eee;
	text-align: right;
	font-size: 12px;
	padding-top: 15px;
	margin-bottom: 15px;
}

#back a{
	color: #eee;
	text-decoration: underline;
}

#site{
    clear: both;
    overflow: hidden;
    width: 1000px;
    margin: 0 auto; 
}


#site #top{
    clear: both;
    overflow: hidden;
    width: 1000px;
	margin-top: 20px;
}

/*********** strona  ***************/
#site #top #logo_firma{
	float: left;
	overflow: hidden;
	width: 302px;
	height: 198px;
}

#site #top #top_m1{
	float: left;
	overflow: hidden;
	width: 711px;
	height: 198px;
	margin-left: -50px;
}

#obrazek{
	float: left;
	width: 400px;
	height: 350px;
	margin-top: 20px;
	margin-left: 10px;
	text-align: center;
}

#fader{
	width: 400px;
	height: 350px;
	text-align: center;
}

#faders{
	width: 400px;
	height: 350px;
	text-align: center;
}


#obrazek img{
	max-width: 400px;
	max-height: 350px;
}


#site #top #top_m1 #menu{
	position: absolute;
	overflow: hidden;
	width: 711px;
	height: 500px;
	background: url("../img/menu_box.png") no-repeat;
}


#site #top #top_m1 #slogan{
	overflow: hidden;
	width: 678px;
	height: 124px;
	margin-left: 33px;
	margin-top: 73px;
	position: absolute;
	background: url("../img/slogan.png") no-repeat;
}

#site #top #top_m1 #slogan #slogan_txt{
	text-align: left;
	margin-top: 5px;
	margin-left: 40px;
	font-family: arial;
	font-size: 36px;
	color: #eee;
	font-weight: bold;
	font-style: italic;
}

#site #top #top_m1 #slogan #slogan_txt2{
	text-align: center;
	margin-top: 10px;
	margin-left: 155px;
	font-family: arial;
	font-size: 30px;
	color: #eee;
	font-style: italic;
}

#site #top #top_m1 #menu ul{
	list-style: none;
}


li .txt_m_top{
	color: #eee;
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
    margin-right: 20px;
    margin-right: 0px;
    text-transform: uppercase;
    height: 35px;
}

li .txt_m_top a{
    color: #eee;
    height: 35px;
}

a:HOVER .txt_m_top {
    background: url("../img/menu_rollup.png") repeat-x;
    height: 32px;
}

#site #top #top_m1 #menu li{  
	color: #eee;
    font-size: 14px;
    font-family: arial;
    margin-left: 20px;
    margin-left: 16px;
    letter-spacing: normal;
}

#site #top #top_m1 #menu li a{
    color: #eee;
    font-size: 14px;
}


#site #content{
    clear: both;
    overflow: hidden;
    width: 1000px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
}


.foto{
	float: left;
	height: 120px;
	width:180px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	vertical-align: middle;
}

.foto img{
	float:left; 
	max-height: 180px; 
	max-width:160px; 
	text-align: center; 
	vertical-align: middle;
}

.foto2{
	float: left;
	width: 159px;
	height: 120px;
}


.foto2 img{
	float:left; 
	width: 159px;
	height: 120px;
	text-align: center; 
	vertical-align: middle;
	border-radius: 15px;
}



/*********** tresc *************/

#site #content #strona{
	clear:both;
	overflow: hidden;
    width: 960px;
    text-align: justify;
    color: #eee;
    position: absolute;
    line-height: 130%;
}



#site #content #strona .fotka{
	float: right;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 279px;
	height: 209px;
	background: url("../img/img_ramka.png") no-repeat;
}

#site #content #strona .fotka img{
	float: left;
	overflow: hidden;
	margin-left: 5px;
	margin-top: 5px;	
	width: 265px;
	height: 200px;
	background: url("../img/img_ramka.png") no-repeat;
}



#site #content #strona #t1{
	clear: both;
	overflow: hidden;
	width: 960px;
	height: 8px;
	background: url("../img/t1.png") no-repeat;
}

#site #content #strona #t2{
	clear: both;
	overflow: hidden;
	width: 960px;
	min-height: 421px;
	background: url("../img/t2.png") repeat-y;
}

#site #content #strona #t2 #naglowek{
	font-family: arial;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-left: 30px;
}


#site #content #strona #t2 #tresc{
	clear: both;
	overflow: hidden;
	width: 920px;
	min-height: 350px;
	margin-top: 10px;
	margin-left: 20px;
	font-family: verdana;
	font-size: 12px;
	text-align: justify;
	
}

#site #content #strona #t2 #tresc2{
	clear: both;
	overflow: hidden;
	width: 920px;
	margin-top: 10px;
	margin-left: 20px;
	font-family: verdana;
	font-size: 12px;
	text-align: justify;
	
}

#scroll-pane{
	margin-top: 5px;
	width: 920px;
	overflow: auto;
	height: auto;
	max-height: 350px;
	color: #eee;
	font-size: 12px;
	background: #111;
	font-family: verdana;
	font-size: 12px;
	text-align: justify;
}

#scroll-pane a{
	color: #eee;
	text-decoration: underline;
}
	

#scroll-pane #block{
	margin-right: 10px;
	margin-left: 10px;
	width: 860px;
}

#scroll-pane2{
	float: left;
	margin-top: 5px;
	width: 480px;
	overflow: auto;
	height: auto;
	max-height: 350px;
	color: #eee;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 20px;
	background: #111;
	font-family: verdana;
	font-size: 12px;
	text-align: justify;
}

#scroll-pane2 a{
	color: #eee;
	text-decoration: underline;
}

#scroll-pane2 #block2{
	margin-right: 10px;
	margin-left: 10px;
	width: 440px;
}

 #kontakt{
	float: left;
	overflow: hidden;
	width: 280px;
	margin-top: 0px;
	margin-left: 10px;
	
}

#kontakt_foto{
	float: left;
	overflow: hidden;
	width: 300px;
	margin-right: 20px;
	margin-left: 10px;
}

#kontakt_foto img{
	height: 240px;
}

#produtk{
	clear: both;
	overflow: hidden;
	width: 750px;
	margin-left: 20px;
	margin-top: 30px;
}

#left_panel{
	float: left;
	overflow: hidden;
	width: 250px;
}

#produkt #tresc_prod{
	float: left;
	overflow: hidden;
	width: 420px;
	min-height:300px;
	text-align: justify;
	color: #000;
	font-size: 12px;
}

#nazwa{
	float: left;
	overflow: hidden;
	width: 420px;
	color: #000;
	font-size: 16px;
	font-family: Tahoma;
	color: #2f3192;
}

#specyfikacja{
	clear: both;
	overflow: hidden;
	width: 750px;
	margin-left: 5px;
	margin-top: 30px;
}

#txt_spec{
	float: left;
	width: 680px;
	margin-left: 15px;
	text-align: justify;	
}


#txt_opis{
	float: left;
	width: 420px;
	margin-top: 10px;
	text-align: justify;	
}


#specyfikacja #karty{
	clear: both;
	overflow: hidden;
	width: 700px;
	height: 30px;
	margin-left: 15px;
	margin-top: 30px;
	color: #eee;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#specyfikacja #karty a{
	color: #000;
	font-family: Tahoma;
	font-size: 14px;
}

#specyfikacja #karty .wybrany{
	float: left;
	overflow: hidden;
	width: 108px;
	height: 30px;
	background: url("../img/select.png") no-repeat;
}

#specyfikacja #karty .inny{
	float: left;
	overflow: hidden;
	width: 108px;
	height: 30px;
	margin-top: 5px;
	background: url("../img/deselect.png") no-repeat;
}


#specyfikacja #prod1{
	clear: both;
	overflow: hidden;
	width: 712px;
	height: 20px;
	background: url("../img/pole_produkt1.png") no-repeat;
}

#specyfikacja #prod2{
	clear: both;
	overflow: hidden;
	width: 712px;
	background: url("../img/pole_produkt2.png") repeat-y;
}

#specyfikacja #prod3{
	clear: both;
	overflow: hidden;
	width: 712px;
	height: 20px;
	background: url("../img/pole_produkt3.png") no-repeat;
}

.foto_g{
	float: left;
	min-height: 180px;
	width:380px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	vertical-align: middle;
	background: #000;
	font-size: 11px;
	font-family: Verdana;
	text-align: justify;
	padding-bottom: 5px; 
	padding-right: 5px;
	margin-right: 30px;
}
.foto_g img{
	float: left;
}

.foto_g .opis{
	float: left;
	min-height: 180px;
	width: 170px;
	text-align: justify;
	vertical-align: middle;
	color: #eee;
	background: #000;
	font-size: 11px;
	font-family: Verdana;
}

/*********** form **************/

#form{
	float: left;
    overflow: hidden;
    width: 260px;
    margin-left: 10px;
}

#form .form-field{
    width: 260px;
    clear: both;
    overflow: hidden;
}

#form .form-field input{
    border: none;
    background: url('../img/input_kontakt.png') no-repeat;
    width: 260px;
    height: 26px;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

#form .form-field textarea{
	clear: both;
    border: none;
    background: url('../img/textarea.png') no-repeat;
    width: 260px;
    height: 143px;
    font-size: 12px;
    padding-left: 5px;
    font-family: arial;
    color: #000;
}

#form button{
	float: left;
    border: none;
    width: 57px;
    height: 150px;
    cursor: pointer;
    margin-left: 210px;
    margin-top: -150px;
    position: absolute;
    background: url('../img/wyslij.png') no-repeat;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}

#form button #txt{
    color: #eee;
    vertical-align: middle;
}

#form button .button_txt{
    color: #eee;
    vertical-align: middle;
}

#form button .button_txt a{
    color: #eee;
    vertical-align: middle;
}

/************** forma logowanie ***************/
#forma_log{
	margin-top: 55px;
	float: left;
    overflow: hidden;
    width: 160px;
    margin-left: 110px;
}


#forma_log .form-field{
    width: 160px;
    clear: both;
    overflow: hidden;
}

#forma_log .form-field input{
    border: none;
    background: url('../img/input_rejestracja.png') no-repeat;
    width: 160px;
    height: 23px;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

#forma_log button{
	float: left;
    border: none;
    width: 65px;
    height: 27px;
    cursor: pointer;
    background: url('../img/zaloguj.png') no-repeat;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 35px;
}
 
#forma_log #rej{
	float: left;
	width: 60px;
    cursor: pointer;
	text-decoration: underline;
}




/************** forma rejestracja ***************/
#forma_rej{
	margin-top: 55px;
	float: left;
    overflow: hidden;
    width: 600px;
    margin-left: 0px;
}


#forma_rej .form-field{
    width: 600px;
    clear: both;
    overflow: hidden;
}

#forma_rej .form-field input{
    border: none;
    background: url('../img/input_rejestracja.png') no-repeat;
    width: 160px;
    height: 23px;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

#forma_rej button{
	float: right;
    border: none;
    width: 88px;
    height: 27px;
    cursor: pointer;
    background: url('../img/button_zarejestruj.png') no-repeat;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 35px;
}


#forma_rej #powrot{
	float: left;
	margin-left: 100px;
	text-decoration: underline;
    cursor: pointer;
}

/************** forma zamowienia ***************/
#forma_zam{
	margin-top: 55px;
	float: left;
    overflow: hidden;
    width: 600px;
    margin-left: 0px;
}


#forma_zam .form-field{
    width: 600px;
    clear: both;
    overflow: hidden;
}

#forma_zam .form-field input{
    border: none;
    background: url('../img/input_rejestracja.png') no-repeat;
    width: 160px;
    height: 23px;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

#forma_zam .form-field select{
    border: none;  
    background: url('../img/input_rejestracja.png') no-repeat;
    width: 160px;
    margin-right:5px;
    height: 23px;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-family: arial;
    color: #000;
}


.select{
    border: none;  
    background: url('../img/input_rejestracja.png') no-repeat;
    width: 160px;
    margin-right:5px;
    height: 23px;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

#forma_zam button{
	float: right;
    border: none;
    width: 70px;
    height: 27px;
    cursor: pointer;
    background: url('../img/zamow.png') no-repeat;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 35px;
}


#forma_zam #powrot2{
	float: left;
	margin-left: 100px;
	text-decoration: underline;
    cursor: pointer;
}




/************** stopka *********************/
#foot{
    clear: both;
    overflow: hidden;
    height: 180px;
    font-family: Tahoma;
    background: #1E55B8;
    background: url("../img/stopka.png") repeat-x;
}

#foot #foot_bottom{
    clear: both;
    overflow: hidden;
    width: 980px;
    font-family: Arial;
    margin: 0 auto; 
    margin-top: 10px;
}

#foot #foot_bottom #f1{
    float: left;
    overflow: hidden;
    width: 250px;
    font-size: 11px;
    color: #eee;
    font-family: Arial;
}

#foot #foot_bottom #f1 a{
    line-height: 150%;
    font-size: 11px;
    color: #eee;
    font-family: Arial;
}

#foot #foot_bottom #f2{
    margin-left: 350px;
    margin-top: -40px;
    position: absolute;
}

#foot #foot_bottom #f2 #form1{
    float: left;
    width: 300px;
    font-size: 11px;
    color: #eee;
    text-align: right;
    font-family: Arial;
    cursor: pointer;
    margin-left: 0px;
    margin-top:  0px;
    position: absolute;
}

#foot #foot_bottom #f2 #form_log{
    float: left;
    font-size: 11px;
    color: #eee;
    text-align: right;
    font-family: Arial;
    margin-left: 0px;
    margin-top: -75px;
    position: absolute;
    background: url("../img/zamow_taxi_logowanie.png");
    width: 312px;
    height: 164px;
}

#foot #foot_bottom #f2 #form_rej{
    float: left;
    font-size: 11px;
    color: #eee;
    text-align: right;
    font-family: Arial;
    margin-left: 0px;
    margin-top: -75px;
    position: absolute;
    background: url("../img/zamow_taxi.png");
    width: 622px;
    height: 164px;
}

#foot #foot_bottom #f2 #form_zam{
    float: left;
    font-size: 11px;
    color: #eee;
    text-align: right;
    font-family: Arial;
    margin-left: 0px;
    margin-top: -75px;
    position: absolute;
    background: url("../img/zamow_taxi.png");
    width: 622px;
    height: 164px;
}

#foot #foot_bottom #f3{
    float: right;
    width: 200px;
    font-size: 11px;
    color: #eee;
    text-align: right;
    font-family: Arial;
}

#foot #foot_bottom #f3 a{
    font-size: 11px;
    color: #eee;
    font-family: Arial;
    line-height: 150%;
    font-weight: bolder;
}



/********** mapa **********/

#mapka{
	clear: both;
	overflow: hidden;
	margin-left: 25px;
	margin-top: 5px;
	float: left;
	width: 900px;
	height: 125px;
	background: #000;
	color: #000;
	border: solid 2px #ccc;

}

#mapka #map{
	border: none;
	float: left;
	width: 900px;
	height: 125px;
}




/* fallback placeholder */
.placeholder {
	color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
	color: #bbb;
}

/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}