/* CSS Document */
body, html {height: 100%;}

html{
	color: #666;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	}
body{
	background-color:#FFF;
	margin:0;
	padding:0;
	}
	
	
a {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	outline: none; 
	text-decoration:none;
	}
a:visited {
	color: #666;
	}
a:hover {
	color: #CCC;
	text-decoration:none;
	}
a.index_btn {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	outline: none; 
	text-decoration:none;
	}
a.index_btn:visited {
	color: #333;
	}
a.index_btn:hover {
	color: #999;
	text-decoration:none;
	}


br.clear {
	clear:both;
	margin:0;
	padding:0;
	}
h2{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	}
p,ul{
	margin:0;
	padding:0;
	}
textarea {
	resize: none;
	}

.left{
	float:left;
	}
.right{
	float:right;
	}


.aviso404{
	font-size:28px;
	padding-top:220px;
	text-align:center;
	}
.img_replace {
	overflow:hidden;
	position:relative;
	}
.img_replace span {
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	}
.uppercase{
	text-transform:uppercase;
	}
	

/* Generico */

#header{
	margin:0 auto;
	padding:0;
	}
#logo{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	}
#address{
	float:left;
	height:72px;
	line-height:17px;
	position:relative;
	top:8px;
	}
#container{
	margin:0 auto;
	padding:10px;
	width:730px;
	}
#nav_tmp{
	background-color:#c8ad77;
	clear:left;
	color:#FFF;
	height:25px;
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
#content{
	height:530px;
	margin:0 auto;
	/*padding:0 0 20px 0;*/
	}
#content_txt{
	font-family:Arial, Helvetica, sans-serif;
	height:40px;
	letter-spacing:0.05em;
	line-height: 17px;
	margin:0 auto;
	padding:10px;
	}
#content_blank{
	height:20px;
	}


/* Gallery */

#gallery_content{
	height:470px;
	letter-spacing:1px;
	line-height: 17px;
	margin:0 auto;
	padding:10px 0px 0px 10px;
	}
#gallery_txt{
	float:left;
	height:500px;
	letter-spacing:0.1em;
	line-height: 17px;
	margin:0;
	padding:10px;
	width:250px;
	}
#gallery_txt_sm{
	float:left;
	height:500px;
	letter-spacing:0.1em;
	line-height: 17px;
	margin:0;
	padding:10px;
	width:200px;
	}
.gallery_current{
	float:left;
	margin:0;
	padding:0;
	}
.gallery_img{
	padding-top:10px;
	}
.gallery_signature{
	color: #000;
	font-size: 9px;
	font-style: italic;
	}
#gallery_list_container{
	padding:20px 0;
	}
#gallery_list_content{
	height:490px;
	overflow:hidden;
	letter-spacing:1px;
	line-height: 17px;
	}
#gallery_list_content h4{
	background:#f5f5f5;
	border-top:#efefef 1px solid;
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 20px 0 0;
	padding:5px 0 5px 15px;
	}
#gallery_list_content h5{
	border-top:#efefef 1px solid;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 20px 0 0;
	padding:10px 0 0 15px;
	}
#gallery_list_content p{
	/*border-bottom:#efefef 1px solid;*/
	margin:0 20px 10px 0;
	padding:0 0 0 15px;
	}
#gallery_list_content a{
	font:13px Arial, Helvetica, sans-serif;
	padding:2px 0 2px 0;
	}


#gallery_mosaic_container{
	padding:20px 0;
	}
#gallery_mosaic_content{
	height:490px;
	overflow:hidden;
	letter-spacing:1px;
	line-height: 17px;
	}
#gallery_mosaic_content h3{
	background:#f5f5f5;
	border-top:#efefef 1px solid;
	clear:both;
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 20px 19px 0;
	padding:5px 0 5px 15px;
	}
#gallery_mosaic_content h4{
	color:#fff;
	}
.mosaic_details{ margin:15px 20px; }
.mosaic-padding{
	margin:0 19px 0 0;
	}	


/* Index */

#outer {height: 100%; margin:0 auto; overflow: visible; width:280px;} /* or without overflow */
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {
	position: relative;
	text-align:center;	
	top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */


/*  home  */

h1#rialto_logo_index {
	height:147px;
	margin:0;
	padding:0;
	width:267px;
	}
h1#rialto_logo_index span {
	background:url(../img/rialto_living_logo_index.gif) no-repeat;
	}
h2#welcome {
	height:60px;
	margin:0;
	padding:0;
	width:267px;
	}
h2#welcome span {
	background:url(../img/welcome.gif) no-repeat;
	}
#index_nav li{
	display:inline;
	}
#index_nav a{
	color: #333;
	padding:10px;
	}
#index_nav a:hover {
	color: #999;
	}


/* News */

#news_body{
	height:490px;
	letter-spacing:1px;
	line-height: 17px;
	list-style:none;
	margin:0 auto;
	padding:10px;
	}
#news_body ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#news_body li{
	border-bottom-color:#e7e7e7;
	border-bottom-style:solid;
	border-bottom-width:1px;
	clear:both;
	margin-bottom:3px;
	padding-bottom:1px;
	}
#news_body a{
	display:block;
	height:20px;
	margin:0;
	padding:0;
	cursor:pointer;
	width:708px;
	}

#news_container{
	padding:20px 0;
	}
#news_content{
	height:490px;
	overflow:hidden;
	letter-spacing:1px;
	line-height: 17px;
	}
#news_content ul{
	list-style:none;
	margin:0;
	padding:0;
	width:695px;
	}
#news_content li{
	border-bottom-color:#e7e7e7;
	border-bottom-style:solid;
	border-bottom-width:1px;
	clear:both;
	margin-bottom:3px;
	padding-bottom:1px;
	}
#news_content a{
	display:block;
	height:20px;
	margin:0;
	padding:0;
	cursor:pointer;
	width:677px;
	}

.news_left{
	float:left;
	}
.news_right{
	float:right;
	}
.news_small{
	color:#999999;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding:0;
	position:relative;
	top:2px;
	}
	
	
.imgnews_spacing{
	border:0;
	margin:0;
	padding:0 18px 20px 0;
	}
.imgnews_spacing_end{
	border:0;
	margin:0;
	padding:0 0 20px 0;
	}
.imgnews_spacing_bottom{
	border:0;
	margin:0;
	padding:0 18px 0 0;
	}
.news_jamaux_spacing{
	border:0;
	margin:0;
	padding:0 18px 18px 0;
	}
.news_jamaux_spacing_end{
	border:0;
	margin:0;
	padding:0 0 18px 0;
	}

	

/* About */

#about_txt{
	height:250px;
	letter-spacing:1px;
	line-height: 16px;
	margin:0 auto;
	padding:10px;
	}
	

/* Contact */

#contact_txt{
	height:490px;
	letter-spacing:1px;
	line-height: 17px;
	margin:0 auto;
	padding:10px;
	}
#contact_form{
	width:500px;
	}
#contact_form fieldset{
	border: 0px solid #000;
	padding:0;
	margin:0;
	width:500px;
	}
#contact_form input{
	border-style:solid;
	border-color: #e7e7e7;
    border-width:1px;
	padding:5px;
	margin:0;
	width:400px;
	}
#contact_form textarea{
	border-style:solid;
	border-color: #e7e7e7;
    border-width:1px;
	padding:5px;
	margin:0 0 20px 0;
	width:690px;
	}
input#enviar{
	margin: 10px 0 0 0px;
	border-style:solid;
	border-color: #e7e7e7;
    border-width:0px;
	background: #c8ad77;
	color:#FFF;
	width:auto;
	height: 30px;
	}

/* Pressroom */

#pressroom_txt{
	height:490px;
	letter-spacing:1px;
	line-height: 17px;
	margin:0 auto;
	padding:10px;
	}

.imgpress_spacing{
	border:0;
	margin:0;
	padding:0 20px 20px 0;
	}
.imgpress_spacing_end{
	border:0;
	margin:0;
	padding:0 0 20px 0;
	}
.imgpress_spacing_bottom{
	border:0;
	margin:0;
	padding:0 20px 0 0;
	}
.imgpress_spacing_bottom_end{
	border:0;
	margin:0;
	padding:0;
	}


/*  slideshow  */

#slideshow {
    position:relative;
    height:450px;
	}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	}
#slideshow IMG.last-active {
    z-index:9;
	}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {background-color:#c8ad77; height:34px; position:relative; z-index:15;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:34px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1_es {width:63px; background:url(/img/nav/moda_1.gif) no-repeat;}
.menu li.p2_es {width:128px; background:url(/img/nav/complementos_1.gif) no-repeat;}
.menu li.p3_es {width:122px; background:url(/img/nav/sala_estar_1.gif) no-repeat;}
.menu li.p4_es {width:84px; background:url(/img/nav/comedor_1.gif) no-repeat;}
.menu li.p5_es {width:102px; background:url(/img/nav/dormitorio_1.gif) no-repeat;}
.menu li.p6_es {width:58px; background:url(/img/nav/bano_1.gif) no-repeat;}
.menu li.p7_es {width:86px; background:url(/img/nav/detalles_1.gif) no-repeat;}
.menu li.p8_es {width:87px; background:url(/img/nav/galeria_1.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#fashion_es {width:63px; background:url(/img/nav/moda_0.gif) no-repeat;}
.menu li a#accessories_es {width:128px; background:url(/img/nav/complementos_0.gif) no-repeat;}
.menu li a#livingroom_es {width:122px; background:url(/img/nav/sala_estar_0.gif) no-repeat;}
.menu li a#diningroom_es {width:84px; background:url(/img/nav/comedor_0.gif) no-repeat;}
.menu li a#bedroom_es {width:102px; background:url(/img/nav/dormitorio_0.gif) no-repeat;}
.menu li a#bathroom_es {width:58px; background:url(/img/nav/bano_0.gif) no-repeat;}
.menu li a#details_es {width:86px; background:url(/img/nav/detalles_0.gif) no-repeat;}
.menu li a#gallery_es {width:87px; background:url(/img/nav/galeria_0.gif) no-repeat;}

/* pre-load the hover images into the lists */
.menu li.p1_en {width:81px; background:url(/img/nav/fashion_1.gif) no-repeat;}
.menu li.p2_en {width:106px; background:url(/img/nav/accessories_1.gif) no-repeat;}
.menu li.p3_en {width:104px; background:url(/img/nav/livingroom_1.gif) no-repeat;}
.menu li.p4_en {width:106px; background:url(/img/nav/diningroom_1.gif) no-repeat;}
.menu li.p5_en {width:82px; background:url(/img/nav/bedroom_1.gif) no-repeat;}
.menu li.p6_en {width:88px; background:url(/img/nav/bathroom_1.gif) no-repeat;}
.menu li.p7_en {width:74px; background:url(/img/nav/details_1.gif) no-repeat;}
.menu li.p8_en {width:89px; background:url(/img/nav/gallery_1.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#fashion_en {width:81px; background:url(/img/nav/fashion_0.gif) no-repeat;}
.menu li a#accessories_en {width:106px; background:url(/img/nav/accessories_0.gif) no-repeat;}
.menu li a#livingroom_en {width:104px; background:url(/img/nav/livingroom_0.gif) no-repeat;}
.menu li a#diningroom_en {width:106px; background:url(/img/nav/diningroom_0.gif) no-repeat;}
.menu li a#bedroom_en {width:82px; background:url(/img/nav/bedroom_0.gif) no-repeat;}
.menu li a#bathroom_en {width:88px; background:url(/img/nav/bathroom_0.gif) no-repeat;}
.menu li a#details_en {width:74px; background:url(/img/nav/details_0.gif) no-repeat;}
.menu li a#gallery_en {width:89px; background:url(/img/nav/gallery_0.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#fashion_es:hover, .menu li:hover a#fashion_es,
.menu li a#accessories_es:hover, .menu li:hover a#accessories_es,
.menu li a#livingroom_es:hover, .menu li:hover a#livingroom_es,
.menu li a#diningroom_es:hover, .menu li:hover a#diningroom_es,
.menu li a#bedroom_es:hover, .menu li:hover a#bedroom_es,
.menu li a#bathroom_es:hover, .menu li:hover a#bathroom_es,
.menu li a#details_es:hover, .menu li:hover a#details_es,
.menu li a#gallery_es:hover, .menu li:hover a#gallery_es {background:transparent;}

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#fashion_en:hover, .menu li:hover a#fashion_en,
.menu li a#accessories_en:hover, .menu li:hover a#accessories_en,
.menu li a#livingroom_en:hover, .menu li:hover a#livingroom_en,
.menu li a#diningroom_en:hover, .menu li:hover a#diningroom_en,
.menu li a#bedroom_en:hover, .menu li:hover a#bedroom_en,
.menu li a#bathroom_en:hover, .menu li:hover a#bathroom_en,
.menu li a#details_en:hover, .menu li:hover a#details_en,
.menu li a#gallery_en:hover, .menu li:hover a#gallery_en {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:34px; background: #c6ac75; padding:4px; white-space:nowrap; width:160px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px;}
.menu :hover ul.sub li a {display:block; font-size:10px; height:20px; width:160px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; text-transform:uppercase;}
.menu :hover ul.sub li a.fly {background:#c6ac75;}
.menu :hover ul.sub li a:hover {background:#ac8a4f; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#ac8a4f; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#ac8a4f; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:-170px; top:-4px; background: #c6ac75; padding:5px; border:0px solid #888; white-space:nowrap; width:160px; height:auto; z-index:999999;}


/* Footer */

#footer {background-color:#c8ad77; clear:both; height:34px; position:relative; z-index:0;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.footer_menu, .footer_menumenu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.footer_menu li.top {display:block; float:left; position:relative;}

/* Default top link link styling */
.footer_menu li.top a.top_link {display:block; float:left; height:34px;}
.footer_menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.footer_menu li.p1_es {width:60px; background:url(/img/nav/cafe_1_es.gif) no-repeat;}
.footer_menu li.p2_es {width:90px; background:url(/img/nav/services_1_es.gif) no-repeat;}
.footer_menu li.p3_es {width:53px; background:url(/img/nav/tour_1_es.gif) no-repeat;}
.footer_menu li.p4_es {width:97px; background:url(/img/nav/projects_1_es.gif) no-repeat;}
.footer_menu li.p5_es {width:84px; background:url(/img/nav/news_1_es.gif) no-repeat;}
.footer_menu li.p6_es {width:165px; background:url(/img/nav/about_1_es.gif) no-repeat;}
.footer_menu li.p7_es {width:95px; background:url(/img/nav/contact_1_es.gif) no-repeat;}
.footer_menu li.p8_es {width:86px; background:url(/img/nav/pressroom_1_es.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.footer_menu li a#cafe_es {width:60px; background:url(/img/nav/cafe_0_es.gif) no-repeat;}
.footer_menu li a#services_es {width:90px; background:url(/img/nav/services_0_es.gif) no-repeat;}
.footer_menu li a#tour_es {width:53px; background:url(/img/nav/tour_0_es.gif) no-repeat;}
.footer_menu li a#projects_es {width:97px; background:url(/img/nav/projects_0_es.gif) no-repeat;}
.footer_menu li a#news_es {width:84px; background:url(/img/nav/news_0_es.gif) no-repeat;}
.footer_menu li a#about_es {width:165px; background:url(/img/nav/about_0_es.gif) no-repeat;}
.footer_menu li a#contact_es {width:95px; background:url(/img/nav/contact_0_es.gif) no-repeat;}
.footer_menu li a#pressroom_es {width:86px; background:url(/img/nav/pressroom_0_es.gif) no-repeat;}

/* pre-load the hover images into the lists */
.footer_menu li.p1_en {width:60px; background:url(/img/nav/cafe_1.gif) no-repeat;}
.footer_menu li.p2_en {width:90px; background:url(/img/nav/services_1.gif) no-repeat;}
.footer_menu li.p3_en {width:63px; background:url(/img/nav/tour_1.gif) no-repeat;}
.footer_menu li.p4_en {width:90px; background:url(/img/nav/projects_1.gif) no-repeat;}
.footer_menu li.p5_en {width:65px; background:url(/img/nav/news_1.gif) no-repeat;}
.footer_menu li.p6_en {width:164px; background:url(/img/nav/about_1.gif) no-repeat;}
.footer_menu li.p7_en {width:83px; background:url(/img/nav/contact_1.gif) no-repeat;}
.footer_menu li.p8_en {width:115px; background:url(/img/nav/pressroom_1.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.footer_menu li a#cafe_en {width:60px; background:url(/img/nav/cafe_0.gif) no-repeat;}
.footer_menu li a#services_en {width:90px; background:url(/img/nav/services_0.gif) no-repeat;}
.footer_menu li a#tour_en {width:63px; background:url(/img/nav/tour_0.gif) no-repeat;}
.footer_menu li a#projects_en {width:90px; background:url(/img/nav/projects_0.gif) no-repeat;}
.footer_menu li a#news_en {width:65px; background:url(/img/nav/news_0.gif) no-repeat;}
.footer_menu li a#about_en {width:164px; background:url(/img/nav/about_0.gif) no-repeat;}
.footer_menu li a#contact_en {width:83px; background:url(/img/nav/contact_0.gif) no-repeat;}
.footer_menu li a#pressroom_en {width:115px; background:url(/img/nav/pressroom_0.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.footer_menu a:hover {visibility:visible;} /* for IE6 */
.footer_menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.footer_menu li a#cafe_es:hover, .menu li:hover a#cafe_es,
.footer_menu li a#services_es:hover, .menu li:hover a#services_es,
.footer_menu li a#tour_es:hover, .menu li:hover a#tour_es,
.footer_menu li a#projects_es:hover, .menu li:hover a#projects_es,
.footer_menu li a#news_es:hover, .menu li:hover a#news_es,
.footer_menu li a#about_es:hover, .menu li:hover a#about_es,
.footer_menu li a#contact_es:hover, .menu li:hover a#contact_es,
.footer_menu li a#pressroom_es:hover, .menu li:hover a#pressroom_es {background:transparent;}

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.footer_menu li a#cafe_en:hover, .menu li:hover a#cafe_en,
.footer_menu li a#services_en:hover, .menu li:hover a#services_en,
.footer_menu li a#tour_en:hover, .menu li:hover a#tour_en,
.footer_menu li a#projects_en:hover, .menu li:hover a#projects_en,
.footer_menu li a#news_en:hover, .menu li:hover a#news_en,
.footer_menu li a#about_en:hover, .menu li:hover a#about_en,
.footer_menu li a#contact_en:hover, .menu li:hover a#contact_en,
.footer_menu li a#pressroom_en:hover, .menu li:hover a#pressroom_en {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.footer_menu ul, 
.footer_menu :hover ul ul, 
.footer_menu :hover ul :hover ul ul,
.footer_menu :hover ul :hover ul :hover ul ul,
.footer_menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}