@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%;
}


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


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

.title_attractions a img{
	height: 90px;
    width: 90px;
   	margin: 0 15px -30px 0;
 }

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

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


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

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

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

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

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

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

 #attractions_img_01{
	height: 210px;
	width: 280;
	background: url(../../../../img/madrid/01_royal_palace.jpg) no-repeat;
	display: block;
}

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

#attractions_img_02{
	height: 210px;
	background: url(../../../../img/madrid/02_plaza_mayor.jpg) no-repeat;
	display: block;
}

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


#attractions_img_03{
	height: 210px;
	background: url(../../../../img/madrid/03_Prado.jpg) no-repeat;
	display: block;
}

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

#attractions_img_04{
	height: 210px;
	background: url(../../../../img/madrid/04_Buen_Retiro.jpg) no-repeat;
	display: block;
}

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

#attractions_img_05{
	height: 210px;
	background: url(../../../../img/madrid/05_gran_via.jpg) no-repeat;
	display: block;
}

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

#attractions_img_06{
	height: 210px;
	background: url(../../../../img/madrid/06_puerta_del_sol.jpg) no-repeat;
	display: block;
}

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

#attractions_img_07{
	height: 210px;
	background: url(../../../../img/madrid/07_plaza_de-_cibeles.jpg) no-repeat;
	display: block;
}

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

#attractions_img_08{
	height: 210px;
	background: url(../../../../img/madrid/08_debod.jpg) no-repeat;
	display: block;
}

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


#attractions_img_09{
	height: 210px;
	background: url(../../../../img/madrid/09_san_miguel.jpg) no-repeat;
	display: block;
}

#attractions_img_09: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%;
}


.font_h6{
	font: 22px Arial;
	color: #222222;
	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;
}