body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333;
	background: #f4f2f0;
	margin:0;
	padding:0;
}

img { border:0 }

hr { clear:both; height:1px; border:none; visibility:hidden; }

h1 { font-size: 140%; color: #333; border-bottom:1px solid #9c0; }
h2 { font-size: 120%; }
h2, h2 a { color: #849B40; }
h3 { font-size: 110%; color: #666; }

a { color: #58830C; }

th { text-align:left; }

.clear { float:none; clear:both; }

#wrapper {
	margin: 0 auto;
	display:block;
	border: 1px solid #e6e6e6;
	background: #fff;
	width: 960px;
}


#header {
	height:93px;
	/*background: #86C81C url(../img/fondo_header.jpg) repeat-x;*/
}

#header #topMenu {
	color:#005000;
	padding:5px 0 0 0;
	float:right; margin:5px 25px 0 0;
	list-style:none;
}

#topMenu li { float:left; }
#topMenu a { font-weight:bold; display:block; padding: 0 5px 3px 7px; text-decoration:none; }
#topMenu a:hover { border-bottom:1px dotted #fff; }
img#logo { margin: 15px 0 10px 13px; }

#menu { clear:both; background:#fff url(../img/fondobarra.jpg) repeat-x; height:27px; padding:0 10px 0 15px; }
#menu a { color:#fff; font-size:110%; text-decoration:none; display:block; float:left; height:17px; padding:5px 7px 5px 7px; }
#menu a:hover, #menu li.sel a { background:url(../img/fondomenusel.jpg) repeat-x; }
#menu ul { list-style:none; padding:0; margin:0; display:block; }
#menu ul.accountLinks { float:right; margin:0 10px 0 0; }
#menu ul.accountLinks li { float:left; color:#fff; padding-right:10px; }
#menu ul.accountLinks li a { float:none; }
#menu ul.accountLinks li.sep { background:url(../img/separador.jpg) no-repeat; width:1px; height:27px; }

#body { padding: 5px 15px 10px 15px; clear:both; }

#content { float:left; width:495px; margin-right:5px; } 
#nav { float:left; width:265px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:0 5px 5px 5px; }
#nav #searchForm { background:#f4f4f4; padding:10px; border:1px solid #ccc; }
#nav form label { display:block; }
#nav form select { display:block; margin-bottom:1em; }

#featured { float:right; width:150px; text-align:center; }
#featured .item { width:135px; padding:5px; }
#featured .item .simg { padding:0; margin:0;  } 
#featured .item .simg img { border:1px dotted #eee; padding:2px; }
#featured .item h2 { font-size:105%; margin: 0 0 5px 0; text-align:left; }
#featured .item h3 { font-size:90%; margin: 5px 0 5px 0; text-align:left; }
#featured .item p { color:#555; font-size:90%; }


#footer { padding:10px; text-align:right; font-size:90%; clear:both; }
#footer, #footer a { color:#999; }

/** Alertas **/
.hidden { display:none; }
#Flash, #error { text-align: left; border: 1px solid #ccc; padding: 7px 5px 7px 40px; font-size: 14px; margin: 1em 20px 1em 10px; }
#Flash.good { border-color: #9c9; color: #060;
	background: url(../img/icono_good.png) #E2F9E3 left no-repeat;
}

#Flash.bad, #error { border-color: #c99; color: #fff; font-weight: bold;
	background: url(../img/icono_bad.png) #c00 left no-repeat;
}

.tips { background:#ffc; border:1px solid #fc3; padding:5px; }

/* TABS */
ul.tabs { display:block; list-style:none; margin:0 0 -1px 0; padding:10px 0 4px 0; }
ul.tabs li { padding:0; margin:0; display:inline;  }
ul.tabs a { padding:5px 10px 4px 10px; background:#e3e3e3; border:1px solid #ccc;  margin: 0 3px 0 0; text-decoration:none; font-size:11px; border-bottom:none; }
ul.tabs a:hover { background:#fcfcfc; }
ul.tabs li { position:relative; top:0px; }
ul.tabs li.sel a { background:#fff; border-bottom:1px solid #fff; color:#555; padding-top:6px; }
.tabBody { clear:both; border:1px solid #ccc; padding:10px; margin:0; }

.subtabs { margin:0.4em 0 1.8em 0; }
#formHelp { padding:10px 15px 10px 15px; line-height:130%; background: #f0f0f0; width:140px; margin:0 5px 0 0; float:left; border:1px solid #ccc; }
.form { border:1px dotted #ccc; float:left; margin-left:10px; padding:5px; width:700px; }


#about { clear:both; padding-top:3em; }
#about p { text-align:justify; line-height:140%; }

.vcard { margin:1em 0 1em 0; }
.vcard .street-address { line-height:150%; }
.vcard .tel { margin:0.5em 0 0.5em; font-size:140%; color:#000; font-weight:bold; }
.vcard .tags { margin:1em 0 1em 0; }
.vcard .tags a { font-size:90%; }

/** CODIGO CAJAS CON ESQUINAS REDONDEADAS **/

/* imagenes de las esquinas */
.rbroundbox { background-color: #f1f1f1; }
.rbtop div  { background: url(../img/esqsupizq.gif) no-repeat top left; }
.rbtop      { background: url(../img/esqsupder.gif) no-repeat top right; }
.rbbot div  { background: url(../img/esqinfizq.gif) no-repeat bottom left; }
.rbbot      { background: url(../img/esqinfder.gif) no-repeat bottom right; }

 /* alto y ancho */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; padding:10px 10px 30px 10px; }
.rbroundbox {  margin: auto; }

#page-alojamientos-buscar #content { width:640px; }
#page-alojamientos-ficha h1 { border:none; color: #000; font-size:150%; }
#page-alojamientos-ficha #main { float:left; width:470px; padding-right:10px; border-right:1px solid #ccc; }
#page-alojamientos-ficha #related { float:left; width:435px; margin-left:10px; }

#page-alojamientos-ficha .tabBody h1 { font-size:100%; color:#333; }
.tabBody h2 { border:1px solid #ccc; background:#f3f3f3; color:#333; padding:5px; font-size:95%; margin:1em 0 1em 0; }
.tabBody p { line-height:140%; padding:5px; }
.tabBody label { display:block; margin:1.2em 0 0.1em 0;}
.tabBody .input { border: 1px solid #aaa; font-weight:bold; font-size:110%; padding:3px; }


#page-account-create h2, #page-account-login h2 { color:#333; font-size:140%; }
#page-account-create .subtabs, #page-account-login .subtabs { display:none; }
#page-account-create #existing { float:left; width:400px; margin: 0 10px 0 40px;  }
#page-account-create #existing label, #page-account-login #existing label, #page-index-contacto label, #page-account-forgotp label { display:block; margin:1em 0 0.5em 0; color:#690; }
#page-account-create #create { float:left; width:420px; padding:20px; }
#page-account-create #create p { color:#555; margin:1em 0 1em 0; }
#page-account-create #create h2 { color:#000; }
#page-account-create label, #page-account-login label, #page-index-contacto label, #page-account-forgotp label { font-weight:bold; font-size:110%; }
#page-account-create table, #page-account-create td { padding:5px; }
#page-account-login #existing { float:left; width:300px; margin: 0 10px 60px 40px; }
#page-account-login #about { clear:none; float:left; width:400px; }
#page-account-login #about a { font-weight:bold; }
#page-index-contacto #content { margin:0.5em 0 2em 40px; }
#page-index-contacto p { width:400px; }

p.buttons { margin:1.5em 0 1em 0; }
p.buttons input { margin-right:30px; }

#page-account h1 { border:none; }
#page-account #content { width:710px; }
#page-account #content fieldset { border: 1px solid #ccc; padding:15px; }
#page-account #nav { margin-top:5px; width:200px; background:#E2F1C6; border:1px solid #67A002; padding:0 10px 50px 0; }
#page-account #nav ul { list-style:none; margin:1em 0 1em 10px; padding:0; }
#page-account #nav li a { padding:5px; text-decoration:none; border-bottom:1px solid #fff; display:block; }
#page-account #nav li a:hover { background:#67A002; color:#fff;}
#page-account #nav li.sel a { background:#67A002; color:#fff; }

#page-account #body, #page-account #footer { background:#f9f9f9; }
#page-account .tabBody { background:#fff; }

.listing th { border-bottom:1px solid #ccc; }
.listing td, th { padding: 5px; line-height:140%; }
.listing td.par { background:#f1f1f1; border-bottom:1px solid #ccc; }
.listing td.sep, th.sep { border-left:1px solid #ddd; }

.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #999;  /* label and content borders */
}

.yui-content .tabContent { padding:15px; }

.submit { margin-right:20px; }
.nota { color:#555; background:#ffc; border:1px solid #fc6; padding:10px; font-size:95%; }

p.fotos img { padding:1px; border:1px solid #ccc; margin: 0 3px 10px 0;  }

/*** BLOG ***/
.blog .article { margin:0 0 2.5em 0; border-bottom:1px solid #f5f5f5; }
.blog .article h1 a { text-decoration:none; }
.blog .article div { font-size: 110%; }
