/*Default Template*/
body {padding:0; margin:10px; background:#f8f8f8; font-family:arial, verdana, sans-serif; font-size:1em; color:#fff; text-align:center;}
a, a:visited {color:#ab2827; text-decoration:none;}
a:hover {color: #ffa200; text-decoration:underline;}
pre {font-size:11px;}
code {font-size:12px;}

.comment_text { cursor:pointer; }
.noborder { border: 0px; }

#header_left {clear: left; float: left; color: #000; margin-right: 10px; }
#header_left img {border: 0px; }
#title { width: 60%; float: left; padding: 0px; font-size: 16px; font-weight: Bold; text-align: Left; color:#000;}
#header_right { float: right; color: #000; padding: 5px; text-align: right; }
#header_right img { border: 0px; }
#subtitle {  float: left;  padding: 0px; font-size: 12px; text-align: Left; color:#000; }

#header { width:1000px; margin: auto; background: #fff; }
#outer1 { float:left; width:260px; padding:5px 0px;}
#outer2 { margin-left: 260px; margin-right: 5px; padding:5px 0px; min-height: 650px; color: #444; }
/* Esto lo elimine para que rulara en internet explorer #outer1, #outer2, {padding-bottom:32767px; margin-bottom:-32767px;} */
#wrapper {overflow:hidden; width:1000px; margin: auto; }
#footer {clear:both; width:1000px; background: #f1f1f1; margin-top: 5px; border-top: 1px solid #444; padding-top: 5px; font-size: 0.8em; color: #444; margin: auto;}

#midlink {clear:both; width:1000px; height:30px; background: #f1f1f1; margin-bottom: 0px; border-top: 1px solid #fff;  border-bottom: 1px solid #888;}
#midlink ul {padding:0; margin:0; list-style:none;}
#midlink ul li {float:left; font-size:14px; line-height:40px; color:#335;  font-weight:bold; padding:0 10px; }
#midlink ul li a {font-size:13px; line-height:40px; color:#ab2827; text-decoration:none; font-weight:bold;}
#midlink ul li a:hover {color:#ffa200;}
#midlink ul li a.chosen {color:#000;}

#track_div { width:1000px; color: #000; margin-top: 0px; font-size:0.7em; padding-top: 5px; text-align: right; padding-right: 20px; } 

#botlink {width:360px; height:25px; position:absolute; top:50px; left:0;}
#botlink ul {padding:0; margin:0; list-style:none;}
#botlink ul li {float:left; margin-left:10px; font-size:9px; line-height:25px; color:#888;}
#botlink ul li a {font-size:9px; line-height:25px; color:#444; text-decoration:none;}
#botlink ul li a:hover {text-decoration:underline; color:#08c;}

.box250 {width:250px; padding:0 0 5px 0; background:url(box250_base.gif) no-repeat left bottom; margin-bottom:10px;}
.box250 h3 {background:url(box250.gif); height:30px; line-height:30px; color:#333; padding:0 15px; margin:0; font-size:12px;}
.box250 h2 {background:url(box250.gif); height:30px; line-height:30px; color:#ab2827; padding:0 15px; margin:0; font-size:13px; text-align: left;}
.box250 ul {list-style:none; padding:0; margin:0; width:100%; background:#fff; border:1px solid #d8d9da; height:auto;}
.box250 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px;}
.box250 ul li.header {text-decoration:none; background: #f0f0f0; color:#048; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px; font-weight:bold; }
.box250 ul li.selected {text-decoration:none; background: #048; color:#fff; padding:2px 0; font-size:11px; border-bottom:1px solid #f0f0f0; word-spacing:-1px; }
.box250 ul li a {text-decoration:none; color:#048; font-size:11px; }
.box250 ul li a:hover {text-decoration:none; font-weight:bold;}

.box250 p {padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px; line-height:1.3em; font-size:11px; color:#444;}
.box250 p.red {color:#c00;}
.box250 dl {list-style:none; padding:0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0 1px;}
.box250 dt {clear:left; padding:10px 0; margin:0; font-size:12px; font-weight:bold; color:#151;}
.box250 dd {padding:3px 0; margin:0; font-size:11px; line-height:1.2em; color:#444; border-bottom:1px solid #f0f0f0;}
.box250 dd a {display:block; color:#048; text-decoration:none; width:220px; font-size:12px;}
.box250 dd a em {color:#666; float:right; font-style:normal; font-size:11px;}
.box250 dd a:hover {color:#08c; text-decoration:none;}
.box250 table {width:250px; border:1px solid #d8d9da; border-width:0 1px; background:#fff; font-size:11px;}
.box250 table th {padding-bottom:3px;padding-top:3px; text-indent:5px; color:#151; background: #f1f1f1;}
.box250 table td {padding-left: 5px; padding-bottom:3px; padding-top:3px; color:#444;}
.box250 table td p {padding: 0px; margin: 0px; border: none; }
.box250 table tfoot td {text-align:center; color:#666; font-size:10px; padding-top:10px;}
.box250 form {border: 0px; margin:0;}
.box250 a.bannerad img {display:block; padding-bottom:4px;}

.box700 {width:700px; padding:0 0 5px 0; background:url(box700_base.gif) no-repeat left bottom; margin-bottom:10px;}
.box700 a, a:visited {color: #ab2827; text-decoration: underline;}
.box700 a:hover {color: #ffa200; cursor:pointer;}
.box700 h5 {height:15px; border:1px solid #d8d9da; border-width:0 1px; background: #c1eab9; color: #000; padding: 5px 0px 5px 0px; font-size:10px; font-weight: normal; margin: 0px;}
.box700 h4 {height:15px; border:1px solid #d8d9da; border-width:0 1px; background: #f4da74; color: #000; padding: 5px 0px 5px 0px; font-size:10px; font-weight: normal; margin: 0px;}
.box700 h3 {background:url(box700.gif); height:30px; line-height:30px; color:#333; padding:0; margin:0; font-size:12px;}
.box700 h2 {background:url(box700.gif); height:30px; line-height:30px; color:#ab2827; padding:0 15px; margin:0; font-size:13px; text-align: left;}
.box700 ul {list-style:none; padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0px; height:auto;}
.box700 ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border:0px; word-spacing:-1px;}
.box700 ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.box700 ul li a:hover {text-decoration:underline;}

.box700 p {padding:5px; margin:0; border-right:1px solid #d8d9da;; border-left:1px solid #d8d9da; line-height:1.3em; font-size:11px; color:#444;}
.box700 p.red {color:#c00;}
.box700 p.error {background: #ff0000; color: #fff; }
.box700 p.warning {background: #ffe49c; color: #000; text-align: left; }
.box700 dl {list-style:none; padding:0 14px; margin:0; width:100%; background:#fff; border:1px solid #d8d9da; border-width:0 1px;}
.box700 dt {clear:left; padding:10px 0; margin:0; font-size:12px; font-weight:bold; color:#151;}
.box700 dd {padding:3px 0; margin:0; font-size:11px; line-height:1.2em; color:#444; border-bottom:1px solid #f0f0f0;}
.box700 dd a {display:block; color:#048; text-decoration:none; width:220px; font-size:12px;}
.box700 dd a em {color:#666; float:right; font-style:normal; font-size:11px;}
.box700 dd a:hover {color:#08c; text-decoration:none;}
.box700 table {width:100%; border:1px solid #d8d9da; border-width:0 1px; font-size:11px; line-height:1.3em;}
.box700 table.resumen {width:100%; border:0px}
.box700 table.resumen th {text-align: left;} 
.box700 table th {padding-bottom:3px; padding-top:3px; text-indent:5px; color:#151; background: #f1f1f1;}
.box700 table th a {text-decoration: none; text-transform: uppercase;}
.box700 table td {padding-left: 5px; padding-bottom:3px; padding-top:3px; color:#444; line-height:1.2em; vertical-align: top; }
.box700 table td.warning {color: #ff0000;}
.box700 table td.resumen {text-align: right;}
.box700 table td.price {text-align: right; font-weight: bold; }
.box700 table td.facturacion{text-align: right; font-weight: bold; color: #fff; background: #c9c9c9; }
.box700 table td p {border: none;}
.box700 table tfoot td {text-align:center; color:#666; font-size:10px; padding-top:10px;}
.box700 form {border: 0px; margin:0;}
.box700 a.bannerad img {display:block; padding-bottom:4px;}

/*----- Caja de errores de 700px de ancho -----------------*/

.box700_error {width:700px; padding:0 0 5px 0; background:url(box700_base.gif) no-repeat left bottom; margin-bottom:10px;}
.box700_error a, a:visited {color: #ab2827; text-decoration: underline;}
.box700_error a:hover {color: #ffa200; cursor:pointer;}
.box700_error h5 {height:15px; border:1px solid #d8d9da; border-width:0 1px; background: #c1eab9; color: #000; padding: 5px 0px 5px 0px; font-weight: normal; margin: 0px;}
.box700_error h4 {height:15px; border:1px solid #d8d9da; border-width:0 1px; background: #f4da74; color: #000; padding: 5px 0px 5px 0px; font-weight: normal; margin: 0px;}
.box700_error h3 {height:15px; border:1px solid #d8d9da; border-width:0 1px; background: #f4da74; color: #000; padding: 5px 0px 5px 0px; font-size:12px; font-weight: normal; margin: 0px;}
.box700_error h2 {background:url(box700.gif); height:30px; line-height:30px; color:#ab2827; padding:0 15px; margin:0; font-size:16px; text-align: left;}
.box700_error ul {list-style:none; padding:15px 14px 0 14px; margin:0; width:220px; background:#fff; border:1px solid #d8d9da; border-width:0px; height:auto;}
.box700_error ul li {text-decoration:none; color:#444; padding:2px 0; font-size:11px; border:0px; word-spacing:-1px;}
.box700_error ul li a {text-decoration:none; color:#048; font-size:12px; font-weight:bold;}
.box700_error ul li a:hover {text-decoration:underline;}

.box700_error p {padding:5px; margin:0; border-right:1px solid #d8d9da;; border-left:1px solid #d8d9da; line-height:1.3em; font-size:11px; color:#444;}
.box700_error p.red {color:#c00;}
.box700_error p.error {background: #ff0000; color: #fff; }
.box700_error dl {list-style:none; padding:0 14px; margin:0; width:100%; background:#fff; border:1px solid #d8d9da; border-width:0 1px;}
.box700_error dt {clear:left; padding:10px 0; margin:0; font-size:12px; font-weight:bold; color:#151;}
.box700_error dd {padding:3px 0; margin:0; font-size:11px; line-height:1.2em; color:#444; border-bottom:1px solid #f0f0f0;}
.box700_error dd a {display:block; color:#048; text-decoration:none; width:220px; font-size:12px;}
.box700_error dd a em {color:#666; float:right; font-style:normal; font-size:11px;}
.box700_error dd a:hover {color:#08c; text-decoration:none;}
.box700_error table {width:100%; border:1px solid #d8d9da; border-width:0 1px; background:#fff; font-size:11px; line-height:1.3em;}
.box700_error table th {padding-bottom:3px; padding-top:3px; text-indent:5px; color:#151; background: #f1f1f1;}
.box700_error table th a {text-decoration: none; text-transform: uppercase;}
.box700_error table td {padding-left: 5px; padding-bottom:3px; padding-top:3px; color:#444; line-height:1.2em;}
.box700_error table td.warning {padding-left: 5px; padding-bottom:3px; padding-top:3px; color: #ff0000; line-height:1.2em;}
.box700_error table td.resumen {padding-left: 5px; padding-bottom:3px; padding-top:3px; color: #ff0000; line-height:1.2em; text-align: right;}
.box700_error table tfoot td {text-align:center; color:#666; font-size:10px; padding-top:10px;}
.box700_error form {border: 0px; margin:0;}
.box700_error a.bannerad img {display:block; padding-bottom:4px;}

/* ----------------- FORMULARIO GENERALES ------------------*/
.form_required {padding:1px; margin-top: 2px; border:1px solid #cbcbcb; background-color: #FFF2BC; font-size: 10px;} 
.form_box {padding:1px; margin-top: 2px; border:1px solid #cbcbcb; background-color: #fff; font-size: 10px;} 
.form_button {margin-top: 1px; padding: 0 0 0 0px; height: 22px; border:1px solid #cbcbcb; color: #ffffff; font-size:10px; letter-spacing:1px; font-family:arial; background: #ab2827;}
.form_button_disabled {margin-top: 1px; padding: 0 0 0 0px; height: 22px; border:1px solid #cbcbcb; color: #fff; font-size:10px; letter-spacing:1px; font-family:arial; background: #e1e1e1;}
.form_button:hover{background: #ffa200; cursor:pointer; }
.form_nobox {padding:1px; margin-top: 2px; border:0px solid #cbcbcb; background: none; font-size: 10px; text-align: right; font-weight: bold;}	
.form_deposit {padding:1px; margin-top: 2px; border:0px; background: none; font-size: 10px; text-align: right; font-weight: bold; color: #ff0000;}	

/* ----------------- Publicidad sobre fondo sin caja ----------------------- */

.publi700 {width:700px; padding:0; margin-bottom:10px; }
.publi700 h3 { height:30px; line-height:30px; color:#333; padding:0; margin:0; font-size:12px; color:#ab2827;}
.publi700 .block { width: 225px; float: left; margin-right: 5px; text-align: left; font-size: 0.75em; }

/* ----------------- Gallery -------------------- */

#gallery {width:100%; height: 50px; border: 1px; }
#gallery ul {list-style:none; padding:0; margin:0; width:100%; position:relative; float:left;border:0px; }
#gallery ul li {display:inline; width:70px; height:50px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:70px; height:50px; text-decoration:none; border:0px;}
#gallery ul li a img {display:block; width:70px; height:50px; border:0px; text-decoration:none;}
#gallery ul li a:hover {white-space:normal; background: #cecece; }
#gallery ul li a:hover img {position:absolute; left: 0px; top:55px ; width: auto; height: auto; border: 5px solid #ffffff; margin-bottom: 10px; z-index: 500;}

/* ----------------- Contenido izquierdo en informaciones -------------------- */

.item_header {width: 100%; clear: both; text-align: Left; margin-bottom: 5px;}
.item {width: 220px; clear:left; float: left; font-size: 12px; font-weight: bold; padding: 5px 0px 5px 0px; text-align: right; color: #151;}
.item_desc {margin-left: 220px; font-size: 11px; padding: 5px 5px 5px 5px; text-align: left; }
.item_desc p {padding:2px 0px 2px 0px; margin:0; width:100%; border-width:0; font-size:11px;}
.item_desc ul {list-style: disc; background: none; }
.item_imgcontainer {width: 225px; clear:left; float: left; font-size: 10px; padding: 5px 0px 5px 0px; text-align: Left;}

/* ---------------- Resultados en forma de lista en search -------------------------*/
#item_search_header {width: 100%; clear: both; text-align: Left; margin-bottom: 5px;}
#item_search {clear:left; float: left; font-size: 12px; font-weight: bold; padding: 5px 5px 5px 0px; text-align: right; color: #151;}
#item_search_desc {margin-left: 10px; font-size: 11px; padding: 5px 5px 5px 5px;}
#item_search_desc p {padding:2px 0px 2px 0px; margin:0; width:100%; border-width:0; font-size:11px;}
#item_search_desc ul {list-style: disc; background: none; }
#item_search_imgcontainer {width: 125px; clear:left; float: left; font-size: 10px; padding: 5px 0px 5px 0px; text-align: center;}


/* --------------- Estilo de imagenes ------------------- */
img.topten {margin-top: 3px; margin-bottom: 3px; padding:5px 5px 20px 5px; background: #dfdfdf; border: 0px; }

/* --------------- Estilos de textos ---------------------- */
.address {padding:0 5px; font-size: 12px; font-style: oblique; color: #ab2827; text-align: left; }

/* --------------- estilo de calendario ----------------------- */

.calendar {width: 210px; margin-right:15px; float: left;}
.calendar table {width:100%; border:1px solid #cecece; font-size:11px; }
.calendar table th {margin: 0px; color:#151; background: #f1f1f1;}
.calendar table td {margin: 0px; padding: 0px; color:#444; text-align:center; height:1.5em;}
.calendar table td.reserved {font-weight: bold; color: #fff; border-top: 2px solid #ffcc00; border-bottom: 2px solid #ffcc00;}
.calendar table td.resini {color: #fff; font-weight: bold; color: #fff; border-left: 2px solid #ffcc00; border-top: 2px solid #ffcc00; border-bottom: 2px solid #ffcc00;} 
.calendar table td.resout {color: #fff; font-weight: bold; color: #fff; border-top: 2px solid #ffcc00; border-bottom: 2px solid #ffcc00; border-right: 2px solid #ffcc00;}
.calendar table td.reserved:hover, td.resini:hover, td.resout:hover {cursor: pointer;}

.room_list {width: 100%;margin-right:15px; float: left;}
.room_list table {width:100%; border:1px solid #cecece; font-size:11px; line-height:1.3em;}
.room_list table th {padding-bottom:3px; padding-top:3px; text-indent:5px; color:#151; background: #f1f1f1;}
.room_list table td {padding-left: 5px; padding-bottom:3px; padding-top:3px; color:#444; line-height:1.2em; text-align:center; }
.room_list table td table {border: 0px; width: 10%;}
.room_list table td table td{text-indent:5px;}

/*---------------- Tablas de comunicacion con usuarios del sietam ---------------------------*/
.user_feedback {width: 100%;margin-right:15px; float: left;}
.user_feedback table {width:100%; border:1px solid #cecece; font-size:11px; line-height:1.3em;}
.user_feedback table th {padding-bottom:3px; padding-top:3px; text-indent:5px; color:#000; background: #ff9900;}
.user_feedback table td {padding-left: 5px; padding-bottom:3px; padding-top:3px; color:#444; line-height:1.2em; text-align:center; }

.calendar_footer {width: 100%; clear: both;}
.calendar_footer table {border: 0px;}
.calendar_footer table td {margin: 2px; padding: 2px; text-align:Left;}
.calendar_footer table td.busy {width: 25px; background: #ff0000; text-align: center; font-weight: bold;}
.calendar_footer table td.desc {width: 20%; padding-left: 5px; padding-bottom:3px; padding-top:3px; line-height:1.2em; text-align:Left;}
.calendar_footer table td.reserved {width: 25px; font-weight: bold; border: 2px solid #ffcc00; text-align: center; }
.calendar_footer table td.error {width: 25px; background: url(selectednotav.gif);  background-color: #000; background-position: top right; background-repeat:no-repeat; color: #fff; font-weight: bold;}

/* ------------------ Single Image Magnify -----------------*/
#sim {width:125px; height: 50px; border: 0px;}
#sim ul {list-style:none; padding:0; margin:0; width:100%; position:relative; float:left;border:0px; }
#gallery ul li {display:inline; width:70px; height:50px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:70px; height:50px; text-decoration:none; border:0px;}
#gallery ul li a img {display:block; width:70px; height:50px; border:0px; text-decoration:none;}
#gallery ul li a:hover {white-space:normal; background: #cecece; }
#gallery ul li a:hover img {position:absolute; left: 0px; top:55px ; width: auto; height: auto; border: 5px solid #ffffff; margin-bottom: 10px; z-index: 500;}

/* ------------------- cursor convert when icon -------------------*/
.icon {cursor: pointer;}

/* ------------------- caja de acceso de usuarios -----------------*/
.login_errormsg {
		color: #ff0000;
		font-weight: bold;
		}

.login_nomcliente {
    color: #A90C0C;
    font-weight: bold;
    }