@charset "utf-8";
/* CSS Document */


body{margin-top:5px; background-color:#fff;color:#999;font-size:12px;font-family:Verdana,arial,sans-serif;
}

#cont{width:850px;height:auto; background-color:#fff; margin-left:auto; margin-right:auto; }

#banner{width:850px;height:90px;float:left;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#999; padding:0 0 0 0;}

#logo {width:285px;height:auto;float:left;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight: normal;color: #999;}
#logo img {margin:0 0 0 0}

#logo2 {width:350px;height:auto;float:left;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight: normal;color: #999;}
#logo img {margin:0 0 0 0}

.banner_links {width:560px;height:30px;float:left; text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color: #999;}
.banner_links a:link, .banner_links a:visited {color: #999;text-decoration:none;}
.banner_links a:hover {color:#c03;text-decoration:none;}

.banner_links2 {width:850px;height:auto; float:left;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color: #999; padding-top:5px}
.banner_links2 a:link, .banner_links2 a:visited {color: #666;text-decoration:none;}
.banner_links2 a:hover {color:#c03;text-decoration:none;}

.banner_links3 {width:280px;height:100px;float: left; text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color: #999; padding-top:120px}
.banner_links3 a:link, .banner_links3 a:visited {color: #666;text-decoration:none;}
.banner_links3 a:hover {color:#c03;text-decoration:none;}

.banner_links4 {width:560px;height:90px;float:left; text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color: #999;}
.banner_links4 a:link, .banner_links4 a:visited {color: #666;text-decoration:none;}
.banner_links4 a:hover {color:#c03;text-decoration:none;}

.banner_sli {width:850px;height:auto;float:left; text-align:left;}
.banner_sli a:link, .banner_sli a:visited {color: #666;text-decoration:none;}
.banner_sli a:hover {color:#c03;text-decoration:none;}

.banner_dw {width:100%;height:auto; background-color:#f1f2f2; font-size:14px;float:left; text-align:center; margin: 80px 0px 0px 0px; padding:20px 0px}
.banner_dw a:link, .banner_dw a:visited {font-size:14px;color: #666;text-decoration:none;}
.banner_dw a:hover {font-size:14px;color:#c03;text-decoration:none;}


.banner_slider {width:100%;height:auto; background-color:#f1f2f2; font-size:14px;float:left; text-align:center; margin: 80px 0px 0px 0px; padding:20px 0px}
.banner_slider a:link, .banner_slider a:visited {font-size:14px;color: #666;text-decoration:none;}
.banner_slider a:hover {font-size:14px;color:#c03;text-decoration:none;}


.phone { font-size:11px; color:#666;text-decoration:none;}
.phonedw { font-size:14px; color:#666;text-decoration:none;}

.roomlinks { font-size:12px; color:#999;text-decoration:none;}

/* menu */
#menu { width:850px; height:auto; padding-bottom:30px;}
#menu ul{ height:25px; text-align:center;padding: 0 0 15px 0;}
#menu li { display:inline; height:25px; text-align:center;}
#menu li a{ width: 104px; height:25px; float:left; text-align:center;padding-top:12px; border-right: solid 3px #fff;}
#menu li a:link, #menu li a:visited{ background-color:#f1f2f2; text-decoration:none; font-size:13px; color:#77787b;}
#menu li a:hover{ background-color: #666; text-decoration:none; font-size:13px; color:#fff}
#menu img{ border:0; }
/* fine menu */

#booknow { width:200px; height:25px; float:left; background-color: #dcddde; font-size:13px; color:#77787b;text-align:center; padding-top:12px;}
#booknow a:link, #booknow a:visited { text-decoration:none; font-size:13px; color:#77787b;}
#booknow a:hover { font-size:13px; color:#000;}

.welcome {width:850px;height:40px;text-align:left; font-size:18px; color:#999; margin:40px 0 0 0;}
.welcome a:link, .welcome a:visited {color: #666;text-decoration:none;}
.welcome a:hover {color: #c03;text-decoration:none; }


.description {width:850px;height:auto;text-align:left; font-size:12px; color: #666;line-height:17px;padding:10px 0 20px 0;}
.description a:link, .description a:visited {color: #666;text-decoration:none;}
.description a:hover {color: #c03;text-decoration:none;}

.description3 {width:850px;height:auto;text-align:left; font-size:12px; color: #666;line-height:17px;padding:40px 0 20px 0;}
.description3 a:link, .description3 a:visited {color: #666;text-decoration:none;}
.description3 a:hover {color: #c03;text-decoration:none;}


.descbottom {width:850px;height:auto;text-align:left; font-size:12px; color:#666; line-height:18px;}
.descbottom a:link, .descbottom a:visited {color: #c03;text-decoration:none;}
.descbottom a:hover {color: #c03;text-decoration:none;}


.newsbottom {width:850px;height:auto;text-align:left; font-size:12px; color:#666; line-height:18px;}
.newsbottom a:link, .newsbottom a:visited {color: #c03;text-decoration:none;}
.newsbottom a:hover {color: #c03;text-decoration:none;}



.homepic {width:529px;height:296px;margin:8px 0 0 0; float:left}

.homepic {width:529px;height:296px;margin:8px 0 0 0; float:left}
.homepicnew {width:400px;height:200px;float:left; background-color:#fff; padding-left:0px; padding: 0 0 0 0;border-top: 0px solid  #fff;}
.homepictop {width:529px;height:296px;float:left; background-color:#fff; padding-left:0px; padding: 0 0 0 0;border-top: 0px solid  #fff;}


.press {width:400px;height:120px;float:left; background-color:#fff; padding: 90px 0 0 20px;border-top: 0px solid  #fff;}


.trastevere {width:296px;height:auto;font-size:12px; color: #666; line-height:18px;margin:0px 0px 40px 20px;float:left}
.trastevere a:link, .trastevere a:visited {font-size:12px;color:#666;text-decoration:none;}
.trastevere a:hover {font-size:12px;color:#333;text-decoration:none;}

.trastevere img{ padding: 0 0 0 0}
.trastevere2 {width:100px;height:auto;font-size:15px; color:#999; line-height:18px;margin:0 0 140px 80px;float:left}

.whatbox {width:410px;height:330px;margin:0 10px 0 0;float:left}


#locationtop {width:850px;height:15px;margin:8px 0 0 0; background-image: url(../images/loctop.gif); background-repeat:no-repeat; background-position:center;}

#locationmid {width:850px;height:460px;margin:0 0 0 0; background-image: url(../images/locmid.gif); background-repeat: repeat-y;}

#media {width:850px;height:920px;margin:0 0 0 0; padding-bottom:40px;background-image: url(../images/locmid.gif); background-repeat: repeat-y;}
.media a:link, .media a:visited {color: #666;text-decoration:none; font-size:14px;}
.media a:hover {color: #c03;text-decoration:none;font-size:14px;}


#loc_mid_cont {width:880px;height:480px;margin:0 0 0 0; background-image: url(../images/locmid.gif); background-repeat: repeat-y;}

.div_video {width:350px;height:460px; float:left;margin:0 0 0 0; padding-left:40px; line-height:22px;}
.div_video a:link, .div_video a:visited {color: #999;text-decoration:none;}
.div_video a:hover {color: #c03;text-decoration:none;}


#locationbot {width:850px;height:8px;margin:0 0 0 0; background-image: url(../images/locbot.gif); background-repeat: repeat-y;}

.contact_txt {width:780px;height:auto;float:left;font-size:12px; color:#666; text-align:left; padding: 5px 0 0 20px;}
.contact_txt img {padding: 5px 35px 0 0;}

.contact_right {width:360px;height:auto;float:left;font-size:12px; color:#666; text-align:left; line-height:18px;padding: 0 0 0 10px; border-left: solid 1px #efefef;}

.textinput {width:150px;height:auto;float:left;font-size:11px; color:#666; text-align:left; padding: 0 0 0 0; border: solid 1px #ccc;}

.thanks_txt {width:780px;height:auto;float:left;font-size:12px; color:#666; text-align:left; padding: 40px 0 0 20px;}

.thanks {font-size:16px; color:#666; text-align:left; padding: 0 0 0 0;}

.tabcontent{float:left;padding: 5px 0 0 20px;width:485px;height:auto;display:block;}


#sc1,#sc2,#sc3,#sc4{color:#666;font-size:12px;line-height:20px;}
#photomid {width:850px;height:360px;margin:0 0 0 0; background-image: url(../images/locmid.gif); background-repeat: repeat-y;}

#photo3 {width:770px;height:600px;margin:0px 0px 0px 0px; padding-left:80px; background-image: url(../images/locmid.gif); background-repeat:repeat-y;}

#tours {width:850px;height:2500px;margin:0px 0px 0px 0px; padding-left:30px; background-image: url(../images/locmid.gif); background-repeat:repeat-y;}


.tabcontent{width:825px;height: auto;padding-top:6px; padding-left:36px;}
.tabcontent img{padding-right:15px; padding-bottom:13px;}


/* new photos viewer */
#thumbBox{position:absolute;left:0;top:0;width:auto;background: #333;visibility:hidden;z-index:10;cursor:pointer;padding:10px 10px 0;}
#thumbBox .footerbar{font:bold 16px verdana;letter-spacing:5px;line-height:1.1em;color:#fff;text-align:right;padding:5px 0;}
#thumbBox #thumbImage{background-color:#fff;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid #000;background-color:#fff;z-index:5;padding:5px;}

#facilitiesmid {width:840px;height:250px;margin:0 0 0 0; padding-left: 10px;background-image: url(../images/locmid.gif); background-repeat: repeat-y;}

#facilitiescont{width:240px;height:auto;font-size:13px;color:#666;font-weight:normal;float:left;padding-left:20px; padding-top:20px;}

.titlevideo {font-size:14px; color:#666; text-align:left; padding: 0 0 0 0;}

.video { margin-top:0px; margin-right:2px; margin-bottom:20px;}

.contactform {width:320px;height:auto;font-size:13px;color:#666;font-weight:normal;float:left;padding-left:20px; padding-top:3px;}
.cont_txt {width:450px;height:auto;font-size:13px;color:#666;font-weight:normal;float:left;padding-left:20px;padding-right:20px; padding-top:20px;}


.specialoffer {width:463px;height:380px; background-image:url(../images/discount.png); background-position:center; background-repeat:no-repeat; text-align:left; font-size:15px; color: #CC0033; }
.specialoffer a:link, .specialoffer a:visited {color: #666;text-decoration:none;}
.specialoffer a:hover {color: #c03;text-decoration:none; }

.offertaspeciale {width:463px;height:380px; background-image:url(../images/sconto.png); background-position:center; background-repeat:no-repeat; text-align:left; font-size:15px; color: #CC0033; }
.offertaspeciale a:link, .offertaspeciale a:visited {color: #666;text-decoration:none;}
.offertaspeciale a:hover {color: #c03;text-decoration:none; }


.specialofftxt {font-size:12px; color: #666;}
.specialofftxt a:link, .specialofftxt a:visited {color: #666;text-decoration:none;}
.specialofftxt a:hover {color: #c03;text-decoration:none; }

.specialofftxt2 {font-size:14px; color: #666;}
.specialofftxt2 a:link, .specialofftxt2 a:visited {color: #666;text-decoration:none;}
.specialofftxt2 a:hover {color: #c03;text-decoration:none; }


.wrhtrastevere {font-size:13px; color: #ccc; font-weight:bold}


.faqs {width:410px;height:340px; background-image:url(../images/specialoffer.gif); background-position:center; background-repeat:no-repeat; text-align:left; font-size:15px; color: #f36; padding-left:0px; padding-top:0px;}
.faqs a:link, .faqs a:visited {color: #666;text-decoration:none;}
.faqs a:hover {color: #c03;text-decoration:none; }

.bigRed { font-size:16px; color: #c03; }
.bigRed a:link, .bigRed a:visited {color: #c03;text-decoration:none;}
.bigRed a:hover {color: #666;text-decoration:none; }

#reviewmid {width:850px;height:auto;margin:0 0 0 0; background-image: url(../images/locmid.gif); background-repeat: repeat-y;}

.rome_hotels { font-size:14px; color:#c03; }
.rome_hotels a:link, .rome_hotels a:visited {color: #c03;text-decoration:none;}
.rome_hotels a:hover {color: #666;text-decoration:none; }


.mingrey {
    font-size: 3.2em;
    line-height: 1.0em;
    color: #333 ;
    letter-spacing: -0.08em;
    padding-top: 12px;
    font-family: "Helvetica Neue", Helvetica, sans-serif; }
	
.greymedium {
    font-size: 2.2em;
    line-height: 1.2em;
    color: #666666;
    letter-spacing: -0.01em;
    padding-top: 12px;
    font-family: Helvetica Neue, Helvetica, sans-serif; }
	
	
.mingr_sm {
    font-size: 1.4em;
    line-height: 1.2em;
    color: #333 ;
    letter-spacing: -0.04em;
    padding-top: 12px;
    font-family: "Helvetica Neue", Helvetica, sans-serif; }
	
.mingr_dark {
    font-size: 1.4em;
    line-height: 1.4em;
    color: #333 ;
    letter-spacing: -0.04em;
    padding-top: 12px;
    font-family: "Helvetica Neue", Helvetica, sans-serif; }


.mingr_red {
    font-size: 2.4em;
    line-height: 1.2em;
    color: #d22a1f ;
    letter-spacing: -0.04em;
    padding-top: 12px;
    font-family: "Helvetica Neue", Helvetica, sans-serif; }

.mingr_r {
    font-size: 2.2em;
    line-height: 1.2em;
    color: #d22a1f ;
    letter-spacing: -0.04em;
    padding-top: 12px;
    font-family: "Helvetica Neue", Helvetica, sans-serif; }

	
.sl_red {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #d22a1f ;
    letter-spacing: -0.04em;
    padding-top: 12px;
    font-family: "Helvetica Neue", Helvetica, sans-serif; }

	
	/* slider*/
	a							{ text-decoration: none; outline: none; }
a img							{ border: none; margin-top:14px }

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ background: white; width: 850px; margin: 0 auto; 
								  padding: 10px 0; }

#slider							{ height: 227px; overflow: hidden;
								  position: relative; margin: 0px 0px 60px 0px; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 30px 0px  0px 0px; width: 850px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 340px; }
.slide img						{ position: absolute; top: 14px; left: 401px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;}


	/* spacega*/

#myGallery {
	width: 800px;
	height: 600px;
}

#myGallery img {
	border: 1px solid #ccc;
}
a.loading {
	background: #fff;
}

.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 300px;
	top: 133px;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}