/* CSS Dokument */
p { font-size : 12px; text-align:justify; margin:5px 5px 10px 5px;}
img { margin : 0px; padding : 0px; border : none; }
div { margin : 0px; border : none; padding : 0px; }
body { font-family :"Verdana", "Trebuchet MS"; margin : 0px; padding : 0px; color:white; font-size : 12px; background-color: #000000; background-image: url('images/rotransbus_01.jpg'); background-repeat: repeat-x;}

a {text-decoration: none; color: white;}
a:link {text-decoration: none; color: white;}
a:visited {text-decoration: none; color: white;}
a:active {text-decoration: none; color: white;}
a:hover {text-decoration: underline; color: white;}

object, a {outline:0px;} 

input, textarea {
    border: 1px solid #212121;
    background-color: #0B0B0B;
    width:90%;
    margin: 5px;
    color:white;
}
textarea {height:80px;}

input.submit, button.submit, a.back {
    width: 100px;
    height: 25px;
    float:right;
    border: none;
    padding: 0px 0 0;
    margin: 0 0 15px;
    background:  url(images/send.jpg) no-repeat right center;
    color: #fff;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    display: block;
    font-size: 13px;
}
button.submit:hover { cursor: pointer; }
a.back { background: url(images/back.jpg) no-repeat left center; text-align: right; padding-top: 10px; }

h1 {
    width         : 100%;
    font-size     : 16px;
    color         : white;
    font-family   : "Arial";
    padding       : 0 0 10px 0;
    background-image : url('images/bar.jpg');
    background-repeat: repeat-x;
    background-position: 0 6px;
}

h1 span {
    background-color:black;
    padding-right:10px;
}

h2 {
    font-size     : 12px;
    color         : #B61C14;
    font-family:  "Arial";
    padding       : 0 0 10px 10px;
}


#strona {
    width       : 990px;
    margin      : 0 auto;
}


#naglowek {
    width       : 990px;
    height      : 60px;
    background-image : url('images/rotransbus_02.jpg');
    background-repeat: no-repeat;
    margin      : 0 auto;
}


#naglowek-menu {float: right; width: 780px; display: inline;}
#naglowek-menu ul {float: left; margin: 0; padding: 0; list-style: none;}
#naglowek-menu ul li {margin: 0px; padding: 0; display: inline;}
#naglowek-menu ul li a {}
#naglowek-menu ul li a:hover {} 

#naglowek-menu a.o_firmie  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 119px; height: 60px; text-align: left; background: url('images/rotransbus_o_firmie.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.o_firmie:hover {background-position: 0 -60px;}
#naglowek-menu a.o_firmie  .selected {background-position: 0 -60px;}

#naglowek-menu a.regulamin  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 119px; height: 60px; text-align: left; background: url('images/rotransbus_regulamin.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.regulamin:hover {background-position: 0 -60px;}
#naglowek-menu a.regulamin  .selected {background-position: 0 -60px;}

#naglowek-menu a.porady  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 119px; height: 60px; text-align: left; background: url('images/rotransbus_porady.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.porady:hover {background-position: 0 -60px;}
#naglowek-menu a.porady  .selected {background-position: 0 -60px;}

#naglowek-menu a.cennik  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 119px; height: 60px; text-align: left; background: url('images/rotransbus_cennik.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.cennik:hover {background-position: 0 -60px;}
#naglowek-menu a.cennik  .selected {background-position: 0 -60px;}

#naglowek-menu a.kontakt  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 119px; height: 60px; text-align: left; background: url('images/rotransbus_kontakt.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.kontakt:hover {background-position: 0 -60px;}
#naglowek-menu a.kontakt  .selected {background-position: 0 -60px;}

#naglowek-menu a.terminarz  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 162px; height: 60px; text-align: left; background: url('images/rotransbus_terminarz.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.terminarz:hover {background-position: 0 -60px;}
#naglowek-menu a.terminarz .selected {background-position: 0 -60px;}

#naglowek-menu a.zamow  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 142px; height: 60px; text-align: left; background: url('images/rotransbus_zamow.jpg') top left no-repeat; background-position: 0 0;}
#naglowek-menu a.zamow:hover {background-position: 0 -60px;}
#naglowek-menu a.zamow .selected {background-position: 0 -60px;}

#baner {
    width       : 990px;
    height      : 340px;
    background-image : url('images/rotransbus_03.jpg');
    background-repeat: no-repeat;
    margin      : 0 auto;
}

#tresc {
}

#lewa_kol {
    width:700px;
    float: left;
}

#prawa_kol {
    width:250px;
    float: right;
}

#stopka {
    clear       : both;
    width       : 100%;
    height      : 112px;
    background-image : url('images/rotransbus_05.jpg');
    background-repeat: repeat-x;
    margin      : 0 auto;
}

#stopka-menu {width: 900px; margin : 0 auto;}
#stopka-menu ul {float: left; margin: 12px auto 0 auto; padding: 0 0 0 10px; list-style: none; width:800px;}
#stopka-menu ul li {margin: 0px; padding: 0px; display: inline;}
#stopka-menu ul li a {}
#stopka-menu ul li a:hover {} 

#stopka-menu a.menu  {float: left; margin: 0px; padding: 0px; display: inline; cursor: pointer; width: 122px; height: 22px; text-align: left; background: url('images/point.jpg') top center no-repeat; background-position: 0 0;}
#stopka-menu a.menu:hover {background-position: 0 -22px;}
#stopka-menu a.menu  .selected {background-position: 0 -22px;}
#stopka-menu a.menu p {margin-top:30px; margin-left:-10px;}

#left_kontakt {float: left; width: 250px; margin: 15px 0 15px 60px;}
#left_kontakt .left_td {}
#left_kontakt a {color: #8F8F8F;}

#right_kontakt {float: right; width: 250px; margin: 15px 30px 15px 0;}
#right_kontakt .left_td {}
#right_kontakt a {color: #8F8F8F;}

.plane_holder {
    float: left;
    margin: 0 20px 0 20px;

}	

.scroll-pane {
    outline-style: none;
    overflow: scroll;
    background: transparent;
    float: left;
    width: 700px !important;
    width: 660px;
    height: 370px;
    margin: 0;
}

.regulamin_p {margin: 0 20px 0 30px;}
.porady_p {margin: 0 20px 0 20px;}

#logo_main { width: 990px; margin: 0 auto;}

#copyright {
    /*background:url('images/labsql-logo.png') no-repeat left top;*/
    float: right;
    font-size:9px;
    font-family:Verdana,Arial,sans-serif;
    margin: -75px 0 0 0 !important; margin: 0;
    padding:3px 0 5px 39px;
    text-align:left;
    width: 220px;
    color: #fff;
}

/* Formularze */
p.submit { text-align: right; }
dl.col2 {}
dl.col2 dt { margin-top: 5px; }
dl.col2 dd { margin-top: 3px; }
select { width: 88%; }
input.radio { width: 100px; }
.required { font-weight: 600; }
.error { color: #cc0000; font-size: 120%; }
a.back { float: left; }

#step { padding-bottom: 10px; }
#step img { float: left; }
#step #step1 {}
#step #step2 { margin: 0 10px; }
#step #step3 {}
#step #step4 { margin: 0 0 0 10px; }

div.form h2 { font-size: 15px; color: #fff; }