@import url(admin/main/buttons.css);
@import url(tabs.css);

html {padding:0px; margin:0px;}
body {font-family:Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-align:center; margin:30px 0 0 0; padding:0px; background-color: #ffffff;}/*color:#564b47*/
/*"Trebuchet MS"*/
td, th, input, select, textarea, optgroup {font-family: Verdana, "Trebuchet MS", tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#53514a}

/*a	{text-decoration: none; color:#564b47;}*/
a:hover {text-decoration:underline; }
a:link {color: #333333;}
a:visited {color: #333333;}
a:active {color: #333333;}

mb {margin-bottom:6px}
.clear {clear: both;}
/*---Divisiones ---*/
#logo {width:827px; margin:0px auto; padding:0; text-align:right; height:100px; background-image:url('../images/logo01.jpg'); background-repeat:no-repeat; background-attachment:scroll; background-position:left top;}
#pie {width:822px; margin:5px auto; padding:5px 5px 0 0; text-align:right; height:18px; background-image:url('../images/bg_pie.gif'); background-repeat:repeat; border:solid 1px #CCCCCC; color:#666666; font-size:10px;}
	#pie a:hover {text-decoration:none; color: #990000; font-weight:bold;}
	#pie a:link {text-decoration:none; font-weight:bold; color: #666666;}
	#pie a:visited {text-decoration:none; font-weight:bold; color: #990000;}
	#pie a:active {text-decoration:none; font-weight:bold; color: #990000;}

#box {width:827px; margin:0px auto; padding:0; text-align:left; border:solid 1px #CCCCCC;}
#conte_01 {width:827px; float:left; margin:0px 0 0 0; padding:0; text-align:left; border-top:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; background-color:#F9F8F5}

/*--MODELO MARCO 01 HOME--*/
#left1 {width:553px; padding:0px; float:left; margin:0 0px 0 0;}
	#contenido {width:523px; padding:10px 15px 10px 15px; float:left; margin:0; font-size:12px; line-height:1.5em}
#derecha1 {width:272px; float:left; margin:0 0 0 2px; padding: 0px;} /*202*/
	#bg_reserva1 {width:272px; height:18px; margin:0px auto; padding:2px 0 0 15px; font-size:10px; color:#ffffff; background-image:url('../images/bg_reserva.gif'); background-repeat:no-repeat; }
	#frm_reserva1 {width:257px; height:244px; margin:0px auto; padding:0px 0 0 15px; font-size:10px; color:#53514a; background-color:#f6efe0; background-repeat:no-repeat;}
/*-- --*/

.name {font-weight:bold; color:#333333}

/*--MODELO MARCO GALERIAS--*/
#conte_img {width:80%; padding:10px; margin:0 auto;}
#conte_img .marco_img {text-align:center; padding:10px; margin:10px 0 10px 0; border:solid 1px #CCCCCC; background-color:#FFFFFF}
.img01 {border:4px solid #333333; padding:5px}
/*-- --*/

/*--MODELO MARCO 02--*/
#left_habi {width:208px; padding:0px; float:left; margin:0 auto; line-height:1.4em}
	#conte_left_habi1 {width:200px; padding:0px; margin:0 3px 0 3px; border:solid 1px #CCCCCC; background-color:#F9F8F5}
	#conte_left_habi2 {width:200px; padding:0px; margin:3px 3px 0 3px; border:solid 1px #CCCCCC; background-color:#F9F8F5}
#right_habi {width:619px; padding:0px; float:right; line-height:1.4em}
	#conte_right_habi1 {width:614px; padding:0px; margin:0 3px 0 0px; border:solid 1px #CCCCCC; background-color:#EEEBDF}
	#conte_right_habi2 {width:594px; padding:10px; margin:3px 3px 0 0px; border:solid 1px #CCCCCC; background-color:#F9F8F5}
	#conte_right_habi2 .texto_habi {width:95%; padding:10px; margin:10px 0 10px 0; border:solid 1px #CCCCCC; background-color:#FFFFFF}
/*-- --*/

/*--MODELO MARCO 03 FORMS--*/
#left3 {width:827px; padding:0px; float:left; margin:0 0px 0 0;}
	#conte_l3 {width:800px; padding:10px 10px 10px 10px; float:left; margin:0 3px 0 3px; font-size:12px; line-height:1.4em; background-color:#F9F8F5; border:solid 1px #CCCCCC;}
/*-- --*/

#head {background-color:transparent;}
#footer {clear: both; margin:0; padding:3px; text-align: center; color:#666666; font-size:10px;}
#footer a:hover {text-decoration:underline; }
#footer a:link {color: #666666;}
#footer a:visited {color: #666666;}
#footer a:active {color: #666666;}

#menu_top {clear: both; margin:0; padding:3px; text-align: left;}
.img01 {border:4px solid #FFF8E8;}

.p_clear{clear:both; font-size:0; line-height:0; margin:8px;}
h2{margin:0 0 3px 0; padding:3px 6px; font-size:13px; text-decoration:none;}

.ul01 {padding:0; margin:0 3px 3px 5px;}
.ul01 li {padding:4px 0 0 9px; list-style:none; background:url(../images/arrow.gif) no-repeat;  background-position:0 5px; margin-bottom:1px;}
/*.ul01 li {padding:4px 0 0 5px;}*/
.ul01 li {color: 3F3F3F;}

.ul02 {padding:0; margin:0 3px 3px 5px;}
.ul02 li {padding:1px 0 0 5px; list-style:none; background:url(../images/bullet.gif) no-repeat;  background-position:0 8px; margin-bottom:1px;}

/*.name,
.nameError {
  font-weight: bold;
  color: #0D1DE0;
}*/

/*-Context-*/
.dBox {margin: 10px 0 0 10px;}
.hide .dBoxContent,
.hide .dBoxFooterLayout {display: none;}
.dBox.close {display: none;}
.dBoxHeaderLayout {height: 21px; padding-left: 3px; background: transparent url('../images/dBox-header-left.gif') no-repeat top left; cursor: pointer;}
.dBoxHeaderArea {height: 21px; overflow: hidden; background: transparent url('../images/dBox-header-right.gif') no-repeat top right;}
.dBoxFooterArea td,
.dBoxHeaderArea td {padding: 0 5px; white-space: nowrap;}
.dBoxHeaderArea .main {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; font-weight: bold;}
.dBoxHeaderArea .misc {}
.dBoxFooterLayout {height: 27px; overflow: hidden; border-left: solid 1px #6f8add; border-right: solid 1px #6f8add; border-bottom: solid 1px #6f8add;}
.dBoxContentArea {float: left; width: 100%;}
/*.dBoxContent {border-left: solid 1px #6f8add; border-right: solid 1px #6f8add; padding: 10px; background-color: #ffffff;}*/
.dBoxContent {padding: 10px;}
.dBoxFooterArea {background: transparent url('../images/dBox-footer-bg.gif') repeat-x; height: 27px; overflow: hidden;}
.wrapper {clear: both; height: 0; overflow: hidden;}

#dBox-info .dBoxContent td,
#dBox-statistics .dBoxContent td {vertical-align: top;}

.dBoxContent .list td {overflow: hidden; text-overflow: ellipsis;}
.dBoxContent .list {table-layout: fixed; width: 100%;}

.dBoxContent .icon {width: 21px;}

/* tasks */
.taskBoxArea .taskBox span {display: block; margin: 0 5px 0 42px; -moz-box-flex: 3;}
.taskBoxArea span.taskBox {margin: 0px; padding: 0 0 5px 0; width: 100%; display:-moz-inline-box; display: inline-block; vertical-align: top;}
.taskBox {background-repeat: no-repeat; background-image: url('../images/btn_default-button_bg.gif');}
.taskTitle {font-weight: bold;}
.taskDesc {}
.taskLink a {display: block; padding-left: 10px; background-image: url('../images/icons/taskLink-bg.gif'); background-repeat: no-repeat;  background-position: 0 3px;}
.taskLink a,
.taskLink a:visited {color: #376096;text-decoration: underline;}
/*--*/

/* ---------- common buttons --------- */

.commonButton button,
.commonButton {font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: transparent;}
.commonButton button {background-image: url(../images/btn_bg.gif); border: 0 solid white; background-repeat: no-repeat;}
.commonButton button[disabled] {background-image: url(../images/btn_bg-disabled.gif); color: #999999;}  

/* buttons as buttons */
.formArea .commonButton span,
.formButtons .commonButton span,
.paging .commonButton span {display: none;}

.formButtons button,
.formArea button,
.paging .commonButton button {width:91px; height:22px; text-align:center;}

/* ---------- list  --------- */

.listArea td input,
.listArea td select {vertical-align: middle;}
.list th {background-color:#937b4f; color:#FFFFFF; font-weight:bold; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.list td,
.list th {padding:3px; padding-left:5px; padding-right: 5px;}
.list td.icon {text-align: center; padding: 3px;}
.number {text-align: right;}

.search input,
.search .commonButton,
.uplevel .commonButton {margin-right: 7px; vertical-align: middle;}
.list {border-collapse: collapse;}
.buttons {margin: 7px 0;}

.buttons div {white-space: nowrap;}

.buttons input,
.buttons .commonButton {vertical-align: middle;}
.misc {text-align: right;}
.main input {margin-right: 7px;}
.main .commonButton {margin-right: 14px;}
.misc input {margin-left: 7px;}
.misc .commonButton {margin-left: 14px;}

th a {vertical-align: middle;}
th img {vertical-align: middle; padding-left: 3px;}
.paging {margin: 7px 0; vertical-align: middle;}
.paging input,
.paging .commonButton,
.paging select {vertical-align: middle; margin-right: 7px;}
.paging select {margin-right: 3px;}
.select {text-align: center;}

.show #bid-search-show{display: none;}
.hide #bid-search-hide{display: none;}
.hide .searchArea {display: none;}

/* ---------- form  --------- */
.formArea {font-size: 11px; margin:6px/*  width: 695px; */}

.formFields {border-collapse: collapse; margin-top: 2px;}
.formFields td {padding: 3px; vertical-align: top;}
.formFields .commonButton,
.formFields select {vertical-align: middle;}
.formFields input { border-color:#888888; /* #a4b97f */ border-style:solid; border-width:1px; background-color:#ffffff; padding:2px 1px; vertical-align: middle; }
.formFields Password { border-color:#888888; /* #a4b97f */ border-style:solid; border-width:1px; background-color:#fff; padding:2px 1px; }
.formFields File     { border-color:#88888; /* #a4b97f */ border-style:solid; border-width:1px; background-color:#fff; padding:2px 1px; }
.formFields Select   { border-color:#888888; /* #a4b97f */ border-style:solid; border-width:1px; background-color:#fff; padding:1px 1px; margin:0px; }
.formFields Textarea { border-color:#888888; /* #a4b97f */ border-style:solid; border-width:1px; background-color:#fff; padding:2px 1px; }
.formHidden { }
.formLabel { }
.formFields Checkbox { margin:0px; margin-right:2px; vertical-align:middle; background-color:transparent; }
.formRadio { }
.formOption { }
.formReadonly { font-weight: bold; }

.formFields td.name,
.formFields td.nameError {vertical-align: top; padding-left: 0; padding-right: 10px; padding-bottom: 10px; width: 150px;}

td.unlimited {vertical-align: top; padding-top: 6px;}
fieldset {margin: 10px 0 0 0; padding: 0;}
* html fieldset {margin-top: 0; padding-top: 10px;}
.screenButtons {padding: 8px 0 0 0;}
legend {margin-bottom: 10px; margin-left: -9px; padding-right: 0px; vertical-align: middle; padding-left: 2px;}
option.dummyLine {color: #ffffff;}
#searchInput {margin-left: -1px;}
fieldset > legend {margin-left: -2px; padding-left: 2px; padding-right: 9px; padding-top: 2px; margin-top: -2px;}
legend img {vertical-align: middle;}
fieldset p {margin: 5px 0;}
.option {margin-bottom: 5px;}
.formButtons {text-align: right; margin-top: 5px;}
.formButtons input,
.formButtons button {margin-left: 7px;}
.formFields td.limit {padding-right: 25px; white-space: nowrap; width: 140px;}
.formFields td td.limit {padding-left: 0px;}
.fieldButtons input,
.fieldButtons button {margin: 5px 5px 0 0;}

textarea {width: 98%;}
.checkbox,
.radiobox {width: 13px; height: 13px; padding: 0; margin: 0;}

#chkProceed {margin-left: 3px;}
legend a {font-weight: normal;}
legend .checkbox,
.formFields .checkbox,
.formFields .radiobox {margin-right: 3px;}
.suboption {margin-left: 18px;}

/* ---------- */

.buttons {margin: 7px 0;}
.buttons div {white-space: nowrap;}
.buttons input,
.buttons .commonButton {vertical-align: middle;}
.misc {text-align: right;}
.main input {margin-right: 7px;}
.main .commonButton {margin-right: 14px;}
.misc input {margin-left: 7px;}
.misc .commonButton {margin-left: 14px;}

/* ---------- form  --------- */

.footnote {padding-top: 2px; text-align: left;}
legend {color: #666666; font-weight: bold; background-color:#FFF8E8;}
fieldset {border: none; border-top: 1px solid #FFF8E8;}
.formFields td {text-align: left;}
.name,
.nameError {/*  font-weight: bold; */ color: #444444;}
.error {background: #ffd9d9;}
.error .name {color: #cc0000;background: transparent;}
.error .hint {color: #333333;}
.required {color: #cc0000;}
.formFields td.unlimited {border-left: none;}
.formFields td.limit {border-right: none;}
.hint {color: #555555;}
.formButtons {padding-top: 5px;}
.formArea .buttons {border-top: 1px solid #FFF8E8; padding-top: 10px;}
fieldset .formArea .buttons,
fieldset .buttons {border-top: 0px; padding-top: 0px;}
.errortext {color:#C00000; font-weight: bold;}
.numera {background-color: #666666;color: #FFFFFF;border: 1px solid #CCCCCC;margin: 3px;padding: 3px;}

/* ---------- messages  --------- */
.msgInfo {margin: 10px 0 0 0; border: 2px solid; background: #ffffff; color: #009933; padding: 10px 32px; background-repeat:no-repeat; background-position:10px 11px;  border-color: #009933; background-image: url(../images/icons/ok.gif);}
.msgInfo .title {font-weight: bold;}
.msgWarning {margin: 10px 0 0 0; border: 2px solid; background: #ffffff; padding: 10px 32px; background-repeat:  no-repeat; background-position: 10px 11px; border-color: #CC9901; background-image:url(../images/icons/att.gif);}
.msgWarning .title {color:#CC9901; font-weight:bold;}
.msgError {margin:10px 0 0 0; border:2px solid; background:#ffffff; color:#cc0000; padding:10px 32px; background-repeat:no-repeat; background-position:10px 11px; border-color:#cc0000; background-image: url(../images/icons/off.gif);}
.msgError .title {font-weight: bold;}
.codeComment {border: 1px solid #999999; background-color: #ffffff; padding: 8px; font-family: monospace; font-size: 12px;}

/*--------*/
.popupdiv {
	position:absolute; visibility:hidden; 
	left:0; top:0;
	width:400px; z-index:200;
	background-color:#dee7f7;
}

/* file_button begin*/
.file_button{position:relative;width:155px;height:26px;overflow:hidden;}
.file_button .hiddenMask{position:absolute;top:-5px;right:-5px;z-index:2;filter:alpha(opacity=0);opacity:0;font-size:100px!important;}
.file_button .fadeButton{position:absolute;top:2px;left:0;z-index:1;}

.column{float:left;}
.column.one2{width:50%;}
.column.one3{width:33.3%;}
.column.one4{width:25%;}
.column.one5{width:20%;}
.column.one6{width:16.6%;}