﻿/* CSS Document */


/*   GENERALI ------------------------------------------------------------------------- */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#C4D2DB;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	background-image: url(http://www.mercurehotelastoria.com/ita/images/bgHeader.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#Hotel_Mercure_Astoria_Reggio_Emilia{
  font-size:10px; 
  color:#FFFFFF; 
  text-align:center; 
  background-color:#83003D;
  height:30px;
  width: 100%;
}


.TopLink{
  font-size:10px; 
  color:#FFFFFF; 
  text-align:center; 
  background-color:#83003D;
  height:30px;
  width: 100%;
}


a, a:link, a:visited {
  font-weight: bold;
  color: #CB1753;
  text-decoration: underline;
  }

a:hover{
  font-weight: bold;
  color: #CB1753;
  text-decoration: none;
}


a.textLink, a.textLink:link, a.textLink:visited{
  font-weight: bold;
  color: #CB1753;
  text-decoration: underline;
}


a.textLink:hover{
  font-weight: bold;
  color: #CB1753;
  text-decoration: none;
}

/* ------------------------------------------------------------------------- */

#MainHeader{
	background-color:#83003D; 
	height:95px; 
	text-align:left;
	padding-left:20px;

}

#divLogo{
   width: 490px;
   float:left;

}




#SpecialTopMenu{
   width: 220px;
   margin-left: 165px;
   position:absolute;
   left: 50%;
   

   }
   
   
#SpecialTopMenu ul#linkTopRoll{
   margin:0px;
   padding:0px;
   list-style:none;
   margin-left:40px;
   position:absolute;
   z-index:10;
   
   }
   
#SpecialTopMenu ul#linkTopRoll li{
   display:inline-block;
   float:left;
   padding: 0px 5px 0px 15px;
   background-image:url(http://www.mercurehotelastoria.com/ita/images/ico_freccia_d.gif);
   background-repeat:no-repeat;
   background-position: 0px 3px;
   }  

#FormReservedArea {
    margin: 0px;
	padding: 2px;
	position:absolute;
	top: 22px;
	margin-left: 16px;
	padding-right: 9px;
	border-top: 1px dotted #CB1753;

	}

.OpenReservedArea{
   padding-left: 15px;
   background-image:url(http://www.mercurehotelastoria.com/ita/images/ico_freccia_d.gif);
   background-repeat:no-repeat;
}

.ClosedReservedArea{
   padding-left: 15px;
   background-image:url(http://www.mercurehotelastoria.com/ita/images/ico_freccia_s.gif);
   background-repeat:no-repeat;
}

#MainMenu{
background-color:#CB1753; height:35px;

}

#MainContent {
	/*background-color:#FFFFCC;*/
	background-color:#FFFFFF;
	padding-bottom:1px;
	font-size:12px;

}

#FrameLeft{
	font-family: "Trebuchet MS", Georgia, Times, serif;
	width:250px; 
	float:left;
	/*background-image: url(http://www.mercurehotelastoria.com/images/bgFrameLeft1000.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
	height: 100%;


}


#FrameLeft a, #FrameLeft a:link, #FrameLeft a:visited {
  font-weight: bold;
  color: #CB1753;
  text-decoration: none;
}

#FrameLeft p{
color: #336699;
font-size:12px;
line-height:1.5;
padding:10px;
}

#FrameContent{
width:540px; 
background-color:#FFFFFF;
float:left;
}


#FrameContent p{
color: #336699;
font-size:12px;
line-height:1.5;
padding:10px;
}

#MainFooter{
background-color:#83003D; 
height:35px;
font-size:10px;
color:#FFFFFF;
}

#MainFooter p{
 padding:10px;
}

#MainFooter p a:link, p a:visited{
color:#FFFFFF;
text-decoration:underline;
}

#MainFooter p a:hover{
color:#FFFFFF;
text-decoration:none;
}

#BodyContent{

   width:790px;
   left:50%;
   margin-left: -395px;
   position:absolute;


}

.clear{
clear:both; 
height:0px;
font-size:0px;
}


/* ------------------------------------------------------------------------------- */



#boxSpecialContainer {
padding-top:10px; 


}

#boxSpecialContainer_ottimizzato {
padding-top:10px; 
height:345px;

}

#boxSpecialContainer h2{
   margin: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #83003D;
   font-size:14px;
   letter-spacing: 14px;
   text-transform:uppercase;
   }
   
#boxSpecialContainer h3{
     
	 margin:10px; 
	 margin-bottom: 0px;
     font-size:13px;
	 color:#83003D;
	 font-weight: bold;
	 display:block;
	 border-bottom: 1px solid #DEDEDE;
	 padding:3px;
}




.TitleSpecial{
	margin-left:10px;
	margin-right:10px;
	border-bottom: 1px dotted #83003D;
}


.DescriptionSpecial{
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	background-color:#F1F4F9;
	border-bottom:1px solid #C4D2DB;

}


div.boxSpecialPhoto{
    background-color:#F1F4F9;
	border-bottom:1px solid #C4D2DB;
	padding:10px;
	text-align:center;
}

div.boxSpecialstehome{
    background-color:#F1F4F9;
	border-bottom:1px solid #C4D2DB;
	padding:10px;
	text-align:center;
}

div.boxSpecialPhoto img {

    border:1px solid #FFFFFF;
}

.boxThumb{
    background-color:#FFF;
	border:1px solid #C4D2DB;
	padding:6px;
	float:left;
	margin:6px;

}


#boxSpecialHomeContainer {
  text-align:left;
  font-size:0px;
  clear: both;
  }

#boxSpecialHomeContainer p {
	padding:10px; 
	font-size:10px;
	line-height:1.5;

}



div.boxSpecialHome{
	width:179px;
	float:left;
	background-color: #ffffff;
	background-image: url(http://www.mercurehotelastoria.com/ita/images/bg_special.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 1px dotted #83003D;
	min-height: 170px;
}

div.boxSpecialHome p {
    font-size:10px;

}

#numberImageShow {
	background-image: url(http://www.mercurehotelastoria.com/ita/images/bgGradient.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px;


}

#numberImageShow p{
   margin: 0px;
   padding: 0px;
   font-size: 10px;
   color:#FFFFFF;
   }
   
#numberImageShow p a:link, a:hover, a:visited {
   font-weight: bold;
   color:#FFFFFF;
   text-decoration:none;
   }

   
#FrameNewsSpecial h3{
   margin: 0px;
   padding-top: 3px;
   padding-bottom: 3px;
   color: #83003D;
   font-size:12px;
   text-transform:uppercase;
   }

#FrameNewsSpecial div.TitleSpecial{
   margin-top: 20px;
   margin-bottom: 0px;
   }
   
#FrameNewsSpecial p{
   padding-top: 5px;
   margin-top: 0px;
   font-size:10px;
line-height:1.5;
   }
   
   
#SpecialFrameMenu ul {
   margin: 0px;
   padding: 0px;
   margin-top: 20px;
   margin-bottom: 20px;

}

#SpecialFrameMenu ul li{
    font-size: 12px;
   list-style:none;
   display:block;
   margin: 0px;
   padding: 3px;
   padding-left: 10px;
   border-top:1px solid #D3D370;
   border-bottom:1px solid #FFFFEB;
}

/* ---------------------------------------------------------------------------- */



.titoloTabella{
  border-bottom:1px dotted #DEDEDE;
  border-top:1px dotted #DEDEDE;
  color:#336699;
  font-size: 12px;
  padding: 10px;
  }
  
  
.cellaTabella{
  background-color:#FFF;
  border:1px solid #EEEEEE;
  color:#959595;
  font-size: 11px;
  padding: 2px;
  text-align:center;
  }
  
  
.etichettaTabella{
  background-color:#FFF;
  border-bottom:1px solid #DEDEDE;
  color:#959595;
  font-size: 11px;
  padding: 6px;
  text-align:left;
  }
  
.testoAzzurro {
  font-family: "Trebuchet MS", Georgia, Times, serif;
  color:#336699;
  font-size: 12px;
}
