@import url(reset.css);

#body{
	background-color: #fef7ee;
}

#wrapper{
	max-width: 1200px;
	min-width: 640px;
	margin: 0 auto;
	background: url(../../../../img/bg.jpg);
	border: 1px solid #c0b096;
    box-shadow: 2px 2px 10px;
    margin: 30px auto;
}

.top_line{
	background: url(../../../../img/top_postcard.png) no-repeat;
	height: 22px;
	display: block;
	background-size:  100% 100%;
}

.city_transport{
	margin: 0 20px ;
	border: 1px solid #c0b096;
    box-shadow: 2px 2px 10px;
}

.title_name_transport a img{
	height: 60px;
    width: 60px;
   	margin: 0 15px -15px 0;
 }

.title_name_transport a img:hover{
	opacity: 0.8;
}

.title_name_transport{
	color: #e6482b;
    font: bold 32px Arial;
    padding: 30px 0;
   	margin: 0 5%;
 }

.transport{
	border-top: 4px solid #000000;
    display: block;
    overflow: hidden;
    padding-top: 30px;
    margin: 0 5%;
    margin-bottom: 70px; 
}

.transport_images {
	width: 280px;
	height: 210px;
	float: left;
	padding: 5px;
	border: 4px dotted #171614;
	margin-right: 10px;
	
}

 #transport_img_01{
	height: 210px;
	width: 280;
	background: url(../../../../img/metro_ikon.jpg) no-repeat;
	display: block;
}

#transport_img_01:hover{
	background: url(../../../../img/metro_ikon_col.jpg) no-repeat;
}

#transport_img_02{
	height: 210px;
	background: url(../../../../img/bus_ikon.jpg) no-repeat;
	display: block;
}

#transport_img_02:hover{
	background: url(../../../../img/bus_ikon_col.jpg) no-repeat;
}


#transport_img_03{
	height: 210px;
	background: url(../../../../img/tram_ikon.jpg) no-repeat;
	display: block;
}

#transport_img_03:hover{
	background: url(../../../../img/tram_ikon_col.jpg) no-repeat;
}

#transport_img_04{
	height: 210px;
	background: url(../../../../img/train_ikon.jpg) no-repeat;
	display: block;
}

#transport_img_04:hover{
	background: url(../../../../img/map_bg.jpg) no-repeat;
}

.bottom_line{
	background: url(../../../../img/bottom_postcard.png) no-repeat;
	height: 22px;
	display: block;
	background-size:  100% 100%;
}


h6{
	font: 22px Arial;
	color: #171614;
	text-indent: 5%;
	text-align: justify;
}


.transport p{
    font: 22px Arial;
	color: #171614;
	text-indent: 5%;
	text-align: justify;
} 

.interval_01{
	height: 125px;
	margin: 0 20px; 
	display: block;
	background: url(../../../../img/interval_03.png) no-repeat;
}


.interval_02{
	height: 125px;
	margin: 0 20px; 
	display: block;
	background: url(../../../../img/interval_04.png) no-repeat;
}

#title_page{
	text-align: center;	
	border-bottom: 4px solid #000000;
	margin: 0 20px 30px;
}

#transport_logo{
	background: url(../../../../img/pablic_transport_logo.png) no-repeat;		
    display: inline-block;
    height: 134px;
    width: 600px;
}

.title_transport a img{
	height: 90px;
    width: 90px;
   	margin: 0 15px -25px 0;
 }

.title_transport a img:hover{
	opacity: 0.8;
}

.title_transport{
	color: #e6482b;
    display: inline-block;
    font: bold 40px Arial;
    height: 90px;
    padding: 20px;
	overflow: hidden;
}