* {margin: 0; padding: 0}

html {font: 62.5%/1.8em Arial, Verdana, sans-serif; color: #787878}

body {font-size: 1.2em}

#contenido_cuerpo {float: left; width: 985px; border-right: 1px solid #ddd; background: url(http://www.hotelsgayfriendly.com/imagenes/sombra_ancha.png) repeat-x; overflow: hidden}

a {color: #434343; text-decoration: none; font-weight: bold; outline: none}

a:hover {text-decoration: none}

p a {text-decoration: underline; font-weight: normal}

a img {border: none}

p {padding: 5px 0px}

dl {float: left; display: block; margin-bottom: 30px}

dt, dd {float: left}

dt {height: 20px; clear: left; font-weight: bold; font-size: 1em; margin-right: 5px; line-height: 19px; color: #434343}

dd {margin-right: 5px; line-height: 20px}

ul {padding: 5px 0px; list-style: inside disc}

ol {list-style-position: inside}

h1, h2, .heading {font-family: "Times New Roman", Times, serif; color: #333}

h1 {font-size: 2.4em; margin-bottom: 15px; text-indent: 10px}

h1 a:link, h1 a:visited {text-decoration: none; color: #333}

h1 a:hover {color: #F00; text-decoration: underline}

h2, .heading {width: 490px; font-size: 1.7em; padding-bottom: 12px; margin: 0 0 10px; padding-top: 30px; border-bottom: 2px solid #f7f7f7}

h3 {float: left; width: 490px; font-size: 1.2em; color: #333; font-weight: bold}

h4 {font-size: 1.1em; color: #333; margin: 3px 0}

#cuerpo {position: relative; width: 985px; height: 154px; overflow: hidden; border-right: 1px solid #ddd; color: #f00}

#cuerpo dt, #welcome dt {font-size: 1.1em; font-weight: bold; color: #333; margin-bottom: 4px; float: none}

#cuerpo dd, #welcome dd {float: none}

#cuerpo.active_group {border-top: 15px solid #fff}

#cuerpo dd a:hover {color: #333}

#contenido {position: relative; overflow: hidden; width: 767px; margin-left: 95px; border: 1px solid #ddd; border-top: none; border-bottom: none; padding-top: 10px; z-index: 1}

.contenido img {clear: left}

#contenido_texto {float: left; width: 747px; padding: 10px 10px; background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-x top}

.separacion {height: 20px; width: 640px; margin-bottom: 10px}

.separacion a:visited {color: #ffffff; text-decoration: none;  font-weight: bold; outline: none}

.separacion a:hover {color: #787878; text-decoration: none}

#modulo_banner {float: left; width: 747px; padding: 20px 19px; background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-x top}

#logo {text-indent: -9999px; width: 350px; height: 138px; background: url(http://www.hotelsgayfriendly.com/imagenes/logo_grande.png); border-top: 15px solid #333; border-bottom: 1px solid #ddd}

#logo a {display: block; width: 330px; height: 140px; text-decoration: none; overflow: hidden; -moz-outline-style: none}

#modulo1 dd a, #modulo dd a, #modulo2 dd a, #modul dd a {font-weight: normal; color: #666; display: block}

#modulo3 dd a {color: #f00}

#modul dt {color: #fff}

#modul dd {color: #fff}

#modul dd a {font-weight: normal; color: #fff}

#modul dd a:hover {color: #fff}

#modulo1, #modulo, #modulo2, #modulo3 {position: absolute; top: 0; width: 127px; height: 131px; padding: 7px 9px 0; border-top: 15px solid #333; border-bottom: 1px solid #ddd}

#modulo1, #modulo, #modulo2 {background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-y left}

#modulo {left: 350px}

#modulo1 {left: 481px}

#modulo2 {left: 608px}

#modulo3 {left: 861px; width: 111px}

#modulo3 dt, #status dd {height: auto}

#modul {position: absolute; left: 736px; top: 0; width: 108px; overflow: hidden; padding: 22px 10px 0; color: #fff !important; height: 155px; background: url(http://www.hotelsgayfriendly.com/imagenes/franja_roja.png) repeat-x; z-index: 40}

.modul_public dd {color: #fff !important; font-size: .9em !important; line-height: 1.3em}

#modul #sign_out a {font-weight: bold; border-top: 1px solid #999; margin-top: 5px; padding-top: 5px}

#modul dl dd a {color: #fff}

#modul .sign_up {display: block; width: 80px; height: 31px; text-indent: -9999px; margin: 14px auto 0}

#modul #forgot {display: inline}

#creditos {position: relative; clear: both; width: 881px; height: 24px; margin: 0; padding:0 0 0 105px; font-size: 10px; color: #A9A9A9; border-right: 1px solid #DDD; background: #333 url(http://www.hotelsgayfriendly.com/imagenes/logo_pequeno.png) no-repeat left top; overflow: hidden; line-height: 24px}

#creditos a {color:#A9A9A9; text-decoration:none}

#creditos a:hover {color:#666}
