﻿* {margin: 0;padding: 0;}

body, th {
background: #FFFFFF url(../images/img01.gif) repeat-x;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #666666;}

h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: normal;}
h1 {font-size: 197%;}
h2 {font-size: 167%;}
h3 {margin-bottom: 1em;font-size: 120%;color: #000000;font-weight: bold;}
p, ul, ol {margin-bottom: 1.5em;line-height: 1.6em;}
p {}
ol {}
ul {list-style: none;}
ul li {padding-left: 10px;background: url(../images/img16.gif) no-repeat 0px 10px;}
fieldset {border:0px;}
a img,a:visited img,a:hover img {border:0px;}
a:link {color: #3490F8;}
a:hover, a:active {text-decoration: none;color: #F89934;}
a:visited {color: #3490F8;}
img {border: none;}
img.left {float: left;margin: 0 20px 10px 0;}
img.right {float: right;margin: 0 0 10px 20px;}
img.menu {}
.byline {color: #CCCCCC;margin-bottom:5px;}
.col-one {float: left;}
.col-two {float: right;}
.two-cols {display:block;}
.two-cols .col-one, .two-cols .col-two {width: 250px;}

/* sub menu */
h2.sub-menu {display:inline;}
h2.sub-menu span{display:none;}

/* Boxes */
.section a {color:#FFFFFF;text-decoration:none;}
.section a:hover {text-decoration:underline;}

.box-common .content {padding: 0 20px;}
.box-orange {background: url(../images/img09.gif) repeat-x;}
.box-orange .section {background: url(../images/img11.gif) no-repeat right top;font-size: 100%;color: #FFFFFF;}
.box-orange .section b {display: block;height: 23px;padding: 7px 0 0 10px;background: url(../images/img10.gif) no-repeat;}
.box-orange .content {padding: 20px 20px 30px 20px;}
.box-blue {background: url(../images/img13.gif) repeat-x;}
.box-blue .section {background: url(../images/img15.gif) no-repeat right top;font-size: 100%;color: #FFFFFF;}
.box-blue .section b {display: block;height: 23px;padding: 7px 0 0 10px;background: url(../images/img14.gif) no-repeat;}
.box-blue .content {padding: 20px 20px 30px 20px;}
.box-blue .section  span {float:right;}
.box-pink {background: url(../images/img17.gif) repeat-x;}
.box-pink .section {background: url(../images/img19.gif) no-repeat right top;font-size: 100%;color: #FFFFFF;}
.box-pink .section b {display: block;height: 23px;padding: 7px 0 0 10px;background: url(../images/img18.gif) no-repeat;}
.box-pink .content {padding: 20px 20px 30px 20px;}
.box-bloque {background: url(../images/img20.gif) repeat-x;margin-top:20px;}
.box-bloque .section {background: url(../images/img22.gif) no-repeat right top;font-size: 100%;color: #000000;}
.box-bloque .section a,.box-bloque .section strong {display: block;height: 23px;padding: 7px 0 0 10px;background: url(../images/img21.gif) no-repeat;color:#665748;font-weight:bold;}
.box-bloque .content {padding: 10px;}
.box-bloque .content p {margin-bottom: 10px;}
.box-bloque .content  img {margin:0 8px 5px 0;}
.box-bloque .content  a {color:#f8952b;}
#sidebar div div.box-bloque {margin:0;}
#sidebar div div.box-bloque .content {padding: 20px 20px 30px 20px;}

.box-amarillo {background: url(../images/bloque-amarillo.gif) repeat-x;margin-top:20px;}
#content div.box-amarillo{margin-top:0px;}
.box-amarillo .section {background: url(../images/bloque-amarillo-2.gif) no-repeat right top;font-size: 100%;color: #000000;}
.box-amarillo .section a,.box-amarillo .section strong {display: block;height: 23px;padding: 7px 0 0 10px;background: url(../images/bloque-amarillo-1.gif) no-repeat;color:#665748;font-weight:bold;}
.box-amarillo .content {padding: 10px;}
.box-amarillo .content p {margin-bottom: 10px;}
.box-amarillo .content  img {margin:0 8px 5px 0;}
.box-amarillo .content  a {color:#f8952b;}
#sidebar div div.box-amarillo {margin:0;}
#sidebar div div.box-amarillo .content {padding: 20px 20px 30px 20px;}

div div.content ul {margin-bottom:0;}
span.bloque-destacado {margin:0;position: relative;display:block;top: -15px;right: -15px;height: 32px;text-indent: -9999em;background: url(../images/golden_offer.gif) no-repeat;width:32px;float:right;overflow:visible;}

/* Header */
#header {width: 960px;height: 92px;margin: 0 auto;}

/* Logo */
#logo {float: left;}
#logo h1, #logo h2 {float: left;}
#logo h1 {background: url(../images/logo.gif) no-repeat;width:300px;height:92px;}
#logo h1,#logo h2 {text-indent:-9000px;}
#logo a { text-decoration: none; color: #000000;}

#estado-usuario {float: right;width: 350px;padding-top: 5px; margin-right:10px;clear:right;text-align:right;}
#estado-usuario  div.box-login {float: right;display:inline;}
#estado-usuario  a {clear:left;}
#estado-usuario form fieldset {float: left;display:inline;clear:bloth;}
#estado-usuario form label {float: left;display:block;padding:0 5px 0 5px;}
#estado-usuario form input {padding: 1px 5px;background: #FFFFFF;border: 1px solid #e3e3e3;}
#estado-usuario input.image {width:auto;height:auto;background: none;border:none;}

/* Search */
#search {float: left;width: 346px;text-align:right;padding-top: 9px;}
#search form {}
#search fieldset {border: none;}
#searchinput, .searchsubmit {font: bold 90% Verdana, Arial, Helvetica, sans-serif;color: #000000;}
#searchinput {padding: 2px 5px;width: 120px;background: #FFFFFF url(../images/img02.gif) repeat-x;border: 1px solid #000;}
.searchsubmit {padding: 2px;background: #F4A652 url(../images/img03.gif) repeat-x;border: 1px solid #000000;text-transform: lowercase;}

/* Menu */
#menu {width: 960px;height: 30px;margin: 0 auto;}
#menu ul {margin: 0;list-style: none;line-height: normal;}
#menu li {display: block;float: left;margin-right: 1px;padding: 0;background: #FFFFFF;}
#menu a {display: block;float: left;background: url(../images/img07.gif) no-repeat;text-decoration: none;color: #666666;}
#menu a:hover {color: #1777B1;}
#menu b {display: block;float: left;height: 23px;padding: 7px 10px 0 10px;background: url(../images/img08.gif) no-repeat right top;cursor: hand;}
#menu li.active {background: #CFCECE url(../images/img04.gif) repeat-x;}
#menu li.active a {background: url(../images/img06.gif) no-repeat right top;color: #C90404;}
#menu li.active b {background: url(../images/img05.gif) no-repeat;}
#menu li.cuenta a b  {color:#F79123}

/* Page */
#page {width: 960px;margin: 0 auto;padding: 30px 0 0 0;}

/* Content */
#content {float: left;width: 530px;}
#content.pagina h1 {margin-bottom:20px;border-bottom:2px dotted #666666;}
#content.tags h1 {margin-bottom:20px;}
#content.tags ul li{border-bottom:1px dashed #000000;padding:2px 0 10px 10px;}
#content.tags ul li dt a{color:#F8952B}

/* Feature */
#feature {margin: 0 0 15px 0;display:block;}

/* Sidebar */

/* version sidebar con ads a la derecha
#sidebar {float: right;width: 420px;}
#sidebar .col-one {width: 200px;}
#sidebar .col-two {width: 200px;}*/

/* ads a la izquierda */
#sidebar {float: left;width: 200px;}
#sidebar .col-one {width: 200px; margin-left: 15px;}
#page .col-two {width: 170px; float: left;}
#page .col-two div.content {padding:0;margin:0 10px 0 0;}

#sidebar div.tags,#referer div.tags {padding:10px 3px 30px 7px;}
#sidebar div.tags ul,#referer div.tags  ul {margin:0;}
#sidebar div.tags ul li,#referer div.tags ul li {display:inline;background:none;padding:0;margin:0 1px 0 0;}
#sidebar div.tags ul li a.n1,#referer div.tags ul li a.n1 {font-size:9px}
#sidebar div.tags ul li a.n2,#referer div.tags ul li a.n2 {font-size:11px}
#sidebar div.tags ul li a.n3,#referer div.tags ul li a.n3 {font-size:13px;font-weight:bold;}
#sidebar div.tags ul li a.n4,#referer div.tags ul li a.n4 {font-size:16px;font-weight:bold;}

/* Footer */
#footer {height: 120px;padding: 20px 0 0 0;background: #DDDDDD;border-top: 1px solid #999999;}
#footer p {margin: 0;text-align: center;font-size: 85%;}

/* add matt */
label.label-w {width:230px;display:block;float:left;}
fieldset {margin:5px 0 5px 0;}
.select-w {width:150px}

/* mensajes */
.res-err {border:1px solid #C90404;background-color: #FFBFC2;color:#AF0000;font-weight:bold;padding: 5px 5px 5px 20px;}
.res-ok {border:1px solid #00BF08;background: url(../images/ok.gif) no-repeat #9FFFA3 2px 1px;color:#004F03;font-weight:bold;padding: 5px 5px 5px 30px;}
.err-msg {border:1px solid; padding:5px 20px 5px 20px;background:#FFF4BF;margin: 0 0 10px 0;}

/* calendarios */
#loading_calendar {width:165px;display:block;float:left;height:150px;}
div.calendarios {width:200px;display:block;float:left}
div.calendarios table {width:180px;border-collapse:collapse;}
div.calendarios table td {background:#fff;padding:2px;text-align:center;}
.cont-calendario {height:155px;}
ul.referencia {background:none;}
ul.referencia li {padding:0; margin:0 5px 0 0;float:left;background:none;}
div.box-referencia {display:block; float:left; margin:5px 7px 0 0; border:1px solid #000;width:10px; height:10px;}
div.calendarios table td.hoy {background:#FBC387;color:#000000;}
div.calendarios table td.seleccionado {background:#1A528F;color:#fff;}
.seleccionado {background:#1A528F;color:#fff;}
.flecha-izq {margin:0 0 3px;}
.mes-title {}
.flecha-der {margin:0 0 3px;}

/* estrellas */
.estrellas-5 {background:url(../images/estrellas.gif) no-repeat 0px 0px;height:15px;width:81px;display:block; margin: 5px 0; }
.estrellas-4 {background:url(../images/estrellas.gif) no-repeat -16px 0px;height:15px;width:81px;display:block; margin: 5px 0;}
.estrellas-3 {background:url(../images/estrellas.gif) no-repeat -32px 0px;height:15px;width:81px;display:block; margin: 5px 0;}
.estrellas-2 {background:url(../images/estrellas.gif) no-repeat -48px 0px;height:15px;width:81px;display:block; margin: 5px 0;}
.estrellas-1 {background:url(../images/estrellas.gif) no-repeat -64px 0px;height:15px;width:81px;display:block; margin: 5px 0;}

span.right {float:right;}
div.right {float:right;padding:0 0 8px 0;margin:0 0 8px 0;}
blockquote  {margin:5px 0 5px 30px;}
blockquote h3 {padding-left: 10px;background: url(../images/img16.gif) no-repeat 0px 8px;}
.content p img {float:left;padding-right:10px}
input.fecha {width:80px;}
.loading {display:inline; color:red; padding: 0 10px 0 25px;background:url(../images/loading.gif) no-repeat 2px 2px;}
.hoteles ul li {}
.hoteles ul.no-lista li {margin-top:0px;border-style:none;padding-bottom:0px;}
.hoteles ul.no-lista li h4{font-size:15pt}
.hoteles ul.no-lista li.cuadro {border:1px solid; padding-top:3px;padding-bottom:3px;background:#FFF4BF;margin-bottom:5px;}
span.buttons {padding:0px;margin:0px;}

.albums{float:left;padding:4px 0px 10px 0px;margin-bottom:2px;width:480px;border-bottom:1px dashed;}/* le sacamos 4 de la derecha ojo al piojo */
.albums .pic{float:left;padding:4px; width:100px;min-height:90px;border:1px solid; margin: 0 5px 0 0;display:block;}
.albums .pic img {width:100px;}
.albums dl{width:360px; float:right;}
.albums dl dd{padding:0;}
.albums dl dt{padding:2px 0;font-weight:bold;}

div.no-promo dl {width: 100%;}

.admin {padding: 10px 20px 10px 20px;border:1px solid;}
.admin label {width:170px;display:block;float:left;}
.admin input.txt {border:1px solid;width:250px;}
.admin textarea {border:1px solid;width:250px;}
.admin select {border:1px solid;width:80px;}

/*no border*/
.no-b {border:0px;}

.admin fieldset {margin:5px 0 5px 0;}
.admin table tr.header td {background:#B2CB0A;text-align:center;font-weight:bold;color:#ffffff;padding:2px 4px 2px 4px;}

label.small {padding: 3px 0 3px 20px;width:130px; }
.tab {padding: 8px 0 3px 20px;}
.box-orange textarea {width:100%;height:100px;}
#cont_login {padding-top:5px;}
.costo {font-weight:bold;margin: 7px 0 7px 0;}
.calendario {background: url(http://common.reservaclick.com/i/calendar.png) no-repeat;padding-left:20px;}
.telefono {background: url(http://common.reservaclick.com/i/phone.png) no-repeat;padding-left:20px;}
.nuevo_usuario {background: url(../images/nuevo_us.gif) no-repeat;padding-left:20px;}
.ayuda {background: url(../images/ayuda.gif) no-repeat;padding-left:20px;}
.mail {display:block;background: url(http://common.reservaclick.com/i/at.png) no-repeat;padding-left:20px;font-weight:bold;margin: 5px 0 0 0;}

/* comunes */
.oculto {display:none;}
.clear {clear:both;}
div.capsula {display:block;width:100%;margin:5px 0 15px 0;}
.small {font-size:10px;}
.bold {font-weight:bold;}

/** papel **/

div.papel  { background: url(../images/papel.jpg) no-repeat top; width:400px; min-height: 50px; }
div.papel h2 { margin: 0px 0 0 15px;padding-top:10px; font-weight:bold;color:#42538c; }
div.papel div.contenido { min-height: 50px; display:block; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;margin:0px;padding:5px 5px 10px 18px;}
div.papel div.contenido h3 {color:#cd7312;padding:0;margin:0;}
div.papel div.contenido ul {padding:0;margin:0;}
div.papel div.contenido form {margin-bottom:18px;}
div.papel div.contenido form fieldset {width:100%;clear:both;margin:4px 0 8px 0;}
div.papel div.contenido form fieldset label.fijo{width:74px;display:block;float:left;}
div.papel div.contenido form fieldset.col1 {width:48%;float:left;clear:none;}
div.papel div.contenido form fieldset.col2 {width:48%;float:right;clear:none;}
div.papel div.contenido form input {width:70px}
div.papel-footer  { background: url(../images/papelbot2.jpg) no-repeat top; width:400px; min-height: 50px; }
div.papel-footer  a { float:right; color:#ffffff; font-weight:bold; text-decoration:none; margin: 5px 10px 0; }



/** float register **/
#register {width:500px;height:530px}
.register {text-align:center;}
.register img {margin:10px 0 0 10px;}
.register p.small{font-size:11px;margin:10px;float:left;}
.register h2{margin:10px;color:#ff9036}
.register form {margin:10px auto;width:375px}
.register form label{display:block;float:left;width:150px;text-align:left;}
.register form label.auto{width:auto;text-align:left;}
.register form input.auto{float:left;width:auto;margin-left:10px;}

/** float consulta **/
#frmConsulta {width:480px;height:400px;}
.consultar {padding:20px 20px 0 20px;margin:0;}
.consultar h2{margin:0 0 20px 0;color:#ff9036}
.consultar form label{display:block;float:left;width:150px;text-align:left;}
.consultar div.error{clear:both;font-weight:bold;color:red;float:left;width:300px;padding-left:160px;font-size:11px;}
.consultar form textarea{width:300px;float:left;margin-left:10px;}
.consultar form label.auto{width:auto;text-align:left;}
.consultar form input{float:left;width:300px;margin-left:10px;}
.consultar form input.auto{float:left;width:auto;margin-left:10px;}

/** alertas **/
p.alerta {padding: 5px  5px 10px 55px;background: url(../images/mantenimiento.gif) no-repeat top left;}

p.footer {width:520px;margin-top:50px;text-align:center;}
p.footer a {color:#F8952B;}

/** detalles nav **/
ul.nav.acostado {margin:0 0 20px 0;padding:0;clear:both;width:100%;display:block;}
ul.nav.acostado li {float:left;background:none;margin:0 10px 0 0;padding:0px;}
ul.nav.acostado li a {text-decoration:none;color:#F8952B;font-weight:bold;padding:5px;border:1px solid #ccc;}
ul.nav.acostado li a:hover {background-color:#F89A51;color:#fff;}
ul.paginador {float:right;}
ul.paginador li {float:left;background:none;padding:0 10px 0 0;}

img.left {float:left;margin: 0 7px 2px 0;}
img.right {float:right;margin: 0 0 2px 7px;}

#cartelera ul li {float:left;width:190px;height:180px;background: url(../images/postit.gif) no-repeat;}
#cartelera ul li p{margin:5px 0 0 0;padding:0;width:180px;font-family:Trebuchet Ms; font-weight:bold}
#cartelera ul li span {margin:35px 0 0 0;font-size:10px;font-style:italic;display:block;text-align:right;padding-right:20px;}

#inicio_top {width:520px; height:100px; margin:0 0 10px 0;border:1px solid;padding:10px 5px 10px 5px;}
#inicio_top img {float:left}

#comentarios .content {padding-bottom:5px;}
#comentarios #listaComentarios ul {margin:0;padding:0;line-height:20px;}
#comentarios #listaComentarios ul li {margin-bottom:0;padding-bottom:0;}
#comentarios #listaComentarios {font-size:10pt;padding-bottom:10px;}
#comentarios #listaComentarios strong {text-decoration:underline}
#comentarios #listaComentarios span {padding-left:10px; font-size:10px;}

#comentarios form fieldset label {display:block;width:110px;float:left;text-align:right;font-size:9pt;font-weight:bold;padding:0 5px 0;}
#comentarios form fieldset input {width:310px;float:left;margin:0;padding:0;}
#comentarios form textarea {height:auto;width:310px;}

.links_home {text-align:center;margin:0 0 15px 0;padding:0}

.box_home {position: relative; border: dashed 1px #dadada; margin-top: 15px; background: inherit; color: #AAB165; }
.box_home h2 { background: inherit; color: #666666; text-transform: lowercase; font-weight: normal; font-size: 18px; margin-bottom: 5px; }
.box_home p { font-size: 13px; font-weight:strong; line-height: 16px; margin: 0px; }
.box_inner  { border: solid 1px #fff; padding: 15px; background: #FFFFE9 url('images/a4.gif') repeat-x; color: inherit; }
.captioned_image { position: relative; padding-bottom: 15px; float: left; margin-right: 17px; }
.captioned_image div { position: absolute; font-size: 9px; bottom: 0px; left: 0px; }

/** agregados **/
h1 a, h1 a:hover, h1 a:visited {text-decoration:none;color:#666666;}
