/* 
    Document   : style
    Created on : 2009-11-26, 19:30:00
    Author     : straszny
    
*/
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
done - wstawic adres w top
done - usunac podstrone about us
done - edytowac kolor adresu i telefonu
done - dodac drugi akapit
done - powiekszyc czcionke 
done - poprawic dolne menu
done - zwiekszyc odstep tekstu od krawedzi przycisku w menu glownym
done - link more na stronie index.php w nowej linii, wyrownany do prawej strony
done - naglowki na stronie rates 100% szerokosci


*/
html {
    background:#E0E0E0 url(img/bg.jpg) repeat-x;
    font-size: 100%;
    font-family:Tahoma, Arial, helvetica, sans-serif;
    margin:0;
    padding:0;
}


/*********************main menu *****************************/


div#nav {
    float:left;
    width:980px;
    background:#333333;
   
}
div#nav ul{
    background:#333333;
    list-style-type:none;
    display:block;
    margin:0 0 0 1.0%;
    padding:10px 0 0 0px;
    float:left;
}
div#nav ul li, div#nav ul li.active{
    float:left;
    margin:0;
    padding:5px 3px 12px 3px;
 /*   background: #333333 url(img/bt_left.jpg) no-repeat;  */
}

span {padding:5px 7px 12px 0;}
span.m_left_a { background: #333333 url(img/bt_act_left2.jpg) no-repeat 0 0;}
span.m_right_a { background:url(img/bt_act_right2.jpg) no-repeat 100% 0%; }
span.m_left{ background: #333333 url(img/bt_left.jpg) no-repeat 0 0;}
span.m_right { background:url(img/bt_right2.jpg) no-repeat 100% 0%; }

div#nav ul li a, div#nav ul li a.active{
	color:#e0e0e0;
	text-decoration:none;
	background:url(img/bt_cent.jpg) repeat-x;
    padding:8px 28px 12px 28px;
    font-size:80%;
    font-weight:bold;
}

div#nav ul li a.active{
	background: url(img/bt_act_cent2.jpg) repeat-x; 
	color:#fff;}

div#nav ul li a:hover{
    color:#fff;
    text-decoration:none;
    font-size:80%;
    font-weight:bold;
}







/****************************** menu bootom ***********************/
div#last_menu ul{
    list-style-type:none;
    float:left;
    margin:10px 0 30px 0;
	padding:0;
}
div#last_menu ul li{
    float:left;
    margin:0 0 40px 0;
}
div#last_menu ul li a.last{
    border-right:none;
}
div#last_menu ul li a, div#last_menu a{
    text-decoration:none;
    font-size:80%;
    padding:0 10px 0 10px;
    color:#767676;
    font-family:Arial, Tahoma, helvetica, sans-serif;
    border-right:1px solid #767676;
}
div#last_menu ul li a:hover{
    color:#3c3c3c;
}
div#last_menu a{
    float:right;
    border-right:none;
    font-size:92%;
    padding:7px 15px 7px 0px;
}
div#last_menu a:hover{
    color:#3c3c3c;
}
#wrapper{
    width:980px;
    margin:0 auto;
    border:1px solid #000;
}
#top{
    width:980px;
    height:80px;
    float:right;
    background:#fff url(img/logo_ds8.jpg) no-repeat 10px 8px;
    padding:15px 0 0 0;
}
#top p{
    color:#3c3c3c;
    font-size:80%;
    text-align:right;
    margin:0 10px 0 0;
}
#top p span{
    color:red;
}
#banner{
    width:980px;
    height:309px;
    clear:left;
    background:url(img/banner.jpg) no-repeat;
    position:relative;
}
#banner p{
    position:absolute;
    bottom:8%;
    right:13%;
    margin:0;
    padding:0 0 5px 0;
    font-family:Arial, Tahoma, helvetica,sans-serif;
    font-size:90%

}
#banner a.flag {
    text-decoration:none;
}
#banner a.flag img{
    border:none;
    margin:0 0 -6px 0;
}
#content{
    width:980px;
    background:#fff;
    float:left;
}
#content #index_about{
    float:left;
}
#content h2{
    font-family:Arial, Helvetica, sans-serif;
    margin:25px 0 15px 40px;
    font-weight:normal;
    border-bottom:1px solid #000;
    width:630px;
    padding:0 0 0 6px;
    
}
#content p{
    font-size:85%;
    margin:0 0 2px 0;
    padding:8px 270px 0 50px;
    text-indent:30px;
    color:#767676;
    letter-spacing:0.5px;
}
#content .box{
    float:right;
    width:230px;
    margin:32px 11px -14px 0px;
    height:235px;
    position:relative;
}
#content .box p{
    font-size:75%;
    margin:0;
    padding:0 10px 2px 10px;
    text-align:center;
    text-indent:0px;
    letter-spacing:0px;
}
#content .box h5{
    text-align:center;
    margin:7px 0 7px 0;
    color:#000;
    
}
#content .box h5 a{
    color:#000;
    text-decoration:none;
}
#content .box h5 a:hover{
    color:#000;
    text-decoration:none;
}
#content .box img{
    padding:3px;
    border:1px solid #000;
    margin:0px 0 8px 0;
    height:145px;
    width:221px;
}
#content .box a{
    font-size:100%;
    text-decoration:none;
    color:red;
}
#content .box a:hover{
    font-size:100%;
    text-decoration:underline;
}
#content .box a.pic:hover{
    text-decoration:none;
    background:#000000;
    display:block;
    height:152px;
    width:228px;
}
#content .box a.pic{
    text-decoration:none;
    display:block;
    height:152px;
    width:228px;
}
#content .box a.more{
    float:right;
    font-size:80%;
    padding:0 15px 0 0;
    position:absolute;
    bottom:0;
    right:2%;
}
#fotter{
    width:980px;
    height:45px;
    clear:both;
    background:#fff;
}
div#last_menu{
    width:980px;
    background:#bdbdbd;
    margin:0 auto;
}
/************************* G1, G2 Road Test *****************************/
#content p.roadtest_p{
    padding:8px 40px 0 40px;
    width:800px;
    
}
#content img{
    float:right;
    padding:3px;
    border:1px solid #000;
    margin:15px;
    height:160px;
    width:260px;
    
}
#content h3{
    font-weight:normal;
    margin:0 0 20px 60px;
}
#content ul{
    margin:10px 80px 20px 70px;
    font-size:90%;
    color:#767676;
}
#content ul li{
    padding:0 0 4px 0;
}
#content ul.ul_steps{
    list-style-type:none;
    color:#000;
}
#content .border{
    border:1px solid #000;
    float:left;
    margin:40px 0 0px 40px;
}
#content #car{
    background:url(img/car_bg.png) no-repeat 40px 370px;
}
#content .h3_italic, #content .h3_italic_small{
    font-weight:bold;
    color:#fff;
    background:#000;
    padding:5px 0 5px 50px;
    width:850px;
    font-size:100%;
    margin:0px 0 20px 0px;
    clear:both;
    text-align:center;
}
#content .h3_italic_small{
    padding:5px 0 5px 0px;
    width:430px;
    
}
#content div.roadtest_left{
    width:460px;
    float:left;
}
#content div.roadtest_left ul{
    margin:0 50px 30px 80px;
}
#content div.roadtest_left ul.in_list{
    margin:0 50px 30px 100px;
    list-style-type:circle;
}
#content div.roadtest_right{
    width:440px;
    float:left;
}
#content div.roadtest_right ul{
    margin:0 110px 30px 0;
}
#content div.roadtest_right ul.in_list{
    margin:0 130px 30px 20px;
    list-style-type:circle;
}
#content h4{
    padding:0 0 0 60px;
}
#content div.roadtest_right h4{
    padding:0;
}
/************************* program and rates ************************/
#content .content_box{
    float:left;
    margin:0 0 0 40px;
    background-color:#bdbdbd;
}
#content .rates_box{
    float:left;
    width:290px;
    border:1px solid gray;
    margin:10px 5px 10px 0px;
}
#content .rates_box h3{
    font-size:98%;
    margin:0 10px;
}
#content .rates_box ul{
    margin:10px 0 10px 0;
}
#content .rates_p{
    color:#000;
    padding: 8px 70px 0 50px;
}
#content ul li a{
    text-decoration:none;
    color:red;
}
#content ul li a:hover{
    text-decoration:underline;
}
/**************************** contact *********************/
#content #contact{
    background:#fff ;
    margin:0 0 50px 0px;
    text-align:center;
}
#content #contact p{
    color:#000000;
    padding:0 0 4px 80px;
}
#content #contact p:first-child{
    font-size:100%;
}
#content iframe{
    border:1px solid #000;
    margin:0 0 10px 125px;
}
#content small{
    margin:0;
}
#content small a{
    margin:0 0 0 390px;
    padding:10px;
}
/*************************** gallery ***********************/
#content #gallery{
    background:#fff;
    float:left;
    margin:0 0 0 85px;
}
#content .gal_box{
    float:left;
    margin:30px 60px 0 0;
}
#content .gal_box img{
    height:145px;
    width:221px;
    float:none;
    margin:0;
}
#content .gal_box p{
    padding:0;
    margin:4px 0 0 0;
    font-size:80%;
    text-indent:0;
    text-align:center;
}
#content h2.long_h2{
    font-family:Arial, Helvetica, sans-serif;
    margin:25px 0 15px 40px;
    font-weight:normal;
    border-bottom:1px solid #000;
    width:895px;
    padding:0 0 0 6px;
    
}
/*************************** registration ***************************/
#content ul.register_list{
    list-style-type:none;
}
a#open_form {
    margin:0 0 0 150px;
    color:red;
}
a#open_form:hover{
    text-decoration:none;
}

#newss a {
text-decoration:none;
color:black;
}