body {

  
  background-image:  url("images/invertavern_portada_04.jpg");
  background-repeat:repeat-x;
  background-color: #f5f4ef;
  background-position: 0 0;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
}


.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 670px;
	height: 375px; /* Set height to be able to contain height of largest content shown*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:30px;
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*TEXTO DE DENTRO for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	padding: 10px;
	visibility: hidden;
	width: 630px;
	left: 31px;
	top: 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 12px;
	line-height: 19px;

}

/*encabezado del texto contenido promociones*/

.glidecontent h1{
	color:#333333;
	padding-top:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
}




/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. BARRA BOTONES*/
	width: 600px;
	margin-top: 4px;
	text-align: left;
	margin-left: 30px;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler. BOTONES INDIVIDUALES */
	display: -moz-inline-box;
	display: inline-block;
	border: 1px solid #CCCCCC;
	color: #CC0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 4px 4px;
	margin-right: 8px;
	font-weight: bold;
	text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/*Tabla con las caracteristicas de los pisos */
.tablapisos{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #CCCCCC;
}


/*efectos idiomas*/

.idiomas {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
     opacity: 1.0;
	 padding-left: 0px;
	padding-right: 0px;
	 
}

.idiomas:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}



/*efectos barra menus empresa/proyectos/promociones*/

.barra {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 1.0;
    opacity: 1.0;

	 
}

.barra:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}
	
/*Navegador en concactar.html*/	

#navcontacto {
	float: left;
	background: #fff url("images/fondo_contactar.jpg") 0px 0 no-repeat;
	width: 225px;
	height: 508px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
	}
	
/*Navegador en promociones.html*/	

#nav {
	float: left;
	background: #fff url("images/promociones_28.jpg") 0px 0 no-repeat;
	width: 225px;
	height: 508px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
	}
				
/*listas en el navegador */	

#nav ul {
	margin: 0px 5px 9px 17px;
	border-top: solid 1px #ededed;
	text-align: left;
	list-style-type: none;
	}
	
/*menu*/
		
#nav ul a.menu {
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #ededed;
	color: #424343;
	width: 200px;
	\width: 204px;
	w\idth: 170px;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 25px;
	background-color: #fff;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	}
	
#nav li a:hover.menu {
	background-color: #f5f5f5;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
 	}
	
/*submenu*/	

	
#nav ul a.submenu {
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #ededed;
	color: #333333;
	width: 200px;
	\width: 204px;
	w\idth: 170px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 33px;
	background-color: #fff;
	background-image: url(images/nav2.gif);
	background-repeat: no-repeat;
	background-position: 20px 50%;
	}

#nav li a:hover.submenu {
	background-color: #f5f5f5;
	background-image: url(images/nav2.gif);
	background-repeat: no-repeat;
	background-position: 20px 50%;
 	}



#download {
	background: transparent url("images/download_more.gif") bottom center no-repeat;
	height: 46px;
	width: 172px;
	display: block;
	text-align: left;
	margin-left: 30px;
	margin-top: 30px;
 	}
	
#download a {
 	background: transparent url("images/download_more.gif") top center no-repeat;
	height: 46px;
	width: 172px;
	display: block;
	font: normal 10px verdana, arial, geneva, helvetica, sans-serif;
	text-decoration: none;
	color: #424343;
 	}
	
#download a:hover {
 	background: none;
 	}
	
#download a span {
	padding: 10px 0 0 54px;
	display: block;
	}













/*promo1_fondo*/

#promo1 {
	float: left;
	background:url("images/invertavern_portada_31.jpg") 0px 0 no-repeat;
    height: 344px;
	width:208px;
	}
#boxTxt1{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353;
	padding-left:40px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom: 20px;
}

/*efectos imagenes promo1*/

.rollover1 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
     opacity: 1.0;
	 padding-left: 30px;
	padding-right: 3px;
	 
}

.rollover1:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

/*botón ampliar promocions de la promo1*/	

#more1 {
	background: transparent url("images/more.gif") bottom center no-repeat;
	height: 40px;
	width: 150px;
	display: block;
	text-align: left;
	margin-left: 38px;
	margin-top: 22px;
 	}
	
#more1 a {
 	background: transparent url("images/more.gif") top center no-repeat;
	height: 40px;
	width: 150px;
	display: block;
	font: normal 10px verdana, arial, geneva, helvetica, sans-serif;
	text-decoration: none;
	color: #424343;
 	}
	
#more1 a:hover {
 	background: none;
 	}
	
#more1 a span {
	padding: 7px 0 0 50px;
	display: block;
	}


/*promo 2 y 3 fondo*/

#promo2 {
	float: left;
	background:url("images/invertavern_portada_32.jpg") 0px 0 no-repeat;
    height: 344px;
	width:189px;
	}
#boxTxt2{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353;
	padding-left:21px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom: 20px;
}

/*efectos imagenes promo 2 y 3*/

.rollover2 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
     opacity: 1.0;
	 padding-left: 11px;
	padding-right: 3px;
	 
}

.rollover2:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

/*botón ampliar promocions de la promo2 y 3*/	

#more2 {
	background: transparent url("images/more.gif") bottom center no-repeat;
	height: 40px;
	width: 150px;
	display: block;
	text-align: left;
	margin-left: 20px;
	margin-top: 22px;
 	}
	
#more2 a {
 	background: transparent url("images/more.gif") top center no-repeat;
	height: 40px;
	width: 150px;
	display: block;
	font: normal 10px verdana, arial, geneva, helvetica, sans-serif;
	text-decoration: none;
	color: #424343;
 	}
	
#more2 a:hover {
 	background: none;
 	}
	
#more2 a span {
	padding: 7px 0 0 50px;
	display: block;
	}





/*promo4 fondo*/

#promo4 {
	float: left;
	background:url("images/invertavern_portada_34.jpg") 0px 0 no-repeat;
    height: 344px;
	width:180px;
	}
#boxTxt4{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353;
	padding-left:21px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom: 20px;
}

/*efectos imagenes promo 4*/

.rollover4 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
     opacity: 1.0;
	 padding-left: 10px;
	padding-right: 2px;
	 
}

.rollover4:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

/*botón ampliar promocions de la promo4*/	

#more4 {
	background: transparent url("images/more.gif") bottom center no-repeat;
	height: 40px;
	width: 150px;
	display: block;
	text-align: left;
	margin-left: 19px;
	margin-top: 22px;
 	}
	
#more4 a {
 	background: transparent url("images/more.gif") top center no-repeat;
	height: 40px;
	width: 150px;
	display: block;
	font: normal 10px verdana, arial, geneva, helvetica, sans-serif;
	text-decoration: none;
	color: #424343;
 	}
	
#more4 a:hover {
 	background: none;
 	}
	
#more4 a span {
	padding: 7px 0 0 50px;
	display: block;
	}



/*Viviendas amuebladas */


#amuebladas {
	float: left;
	background: #fff url("images/invertavern_portada_36.jpg") 0px 0 no-repeat;
	width: 224px;
	height: 301px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
	
	
	}
/*En el primer caso (.navenlace a) se indica el estilo para los enlaces en general. Simplemente hemos definido una imagen de fondo "nav-fondo2.gif" para los enlaces, un color para el texto del link, que no aparezcan subrayados y, lo más importante, que se comporten como un bloque, que se indica con el atributo display: block */	
#amuebladas ul {
	margin: 0px 5px 9px 3px;
	border-top: solid 1px #efefef;
	text-align: left;
	list-style-type: none;
	}
	
#amuebladas ul a.home, #amuebladas ul a.why, #amuebladas ul a.services, #amuebladas ul a.sme,#amuebladas ul a.partners,  #amuebladas ul a.faqs, #amuebladas ul a.contact {
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #efefef;
	color: #424343;
	width: 140px;
	\width: 210px;
	w\idth: 171px;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 30px;
	background-color: #fff;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	}


#amuebladas li a:hover, #home #amuebladas li a.home, #why #amuebladas li a.why, #accountancy #amuebladas li a.accountancy, #sme #amuebladas li a.sme, #partners #amuebladas li a.partners, #faqs #amuebladas li a.faqs, #contact #amuebladas li a.contact {
	background-color: #efefef;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
 	}







#news{
	width:208px;
	float:left;
	margin:5px 0px 0 17px;
}
#news h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat;
	padding:1px 0 0 22px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#CC0000;
	margin:15px 0 7px 10px;
	text-transform:uppercase;
}
#news h3{
	display:block;
	width:200px;
	height:27px;
	padding:0 5px 10px 9px;
	margin:0 5px 12px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
}
#news a{
	display:block;
	width:210px;
	height:33px;
	padding:0 0 0 px;
	margin:0 0 10px 0;
	font:bold 9px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	text-transform:uppercase;

}

#news a:hover{
	display:block;
	width:210px;
	height:33px;
	padding:0 0 0 px;
	margin:0 0 10px 0;
	font:bold 9px/17px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-transform:uppercase;
}






#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}



#tablacontactar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#666666;
	font-weight:bold;
	padding-left:30px;
}

.celdas
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:16px;
	color:#666666;
}

.comentarios
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:115px;
	color:#666666;
}



#enviar{
	text-align:right;
	margin-right:135px;
	
}

.enviar_fill{
	width:115px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#333333;
}

#bodytext{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353;
	padding-left:38px;
	padding-right:25px;
	padding-top:5px;
	padding-bottom: 3px;
}
	
#bodytext h1{
	display:block;
	padding:1px 0 10px 15px;
	font:bold 16px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#CC0000;
	margin:5px 0 10px 10px;
}

#footeres{
	background-color:#990000;
	position:inherit;
	bottom: auto;
}



#footer{
	background-image:  url("images/invertavern_portada_37.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;
	height:40px;

}




/*empresa*/

#empresa{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353;
	padding-left:40px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom: 20px;
	width:430px;
}

#empresa h1{
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#535353;
	padding-right:20px;
	padding-bottom: 10px;
	padding-top:5px;
}


/*listas ordenadas*/

#lista{
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url(images/circle.gif);
}