body { background-image: url(images/metro-lidotel-big.png); background-repeat: no-repeat; background-position: left top; background-color: Black; color: #dadada; font-size: 12pt; font-family: 'SegoeWPRegular', Sans-Serif, Arial; font-weight: lighter; margin: 0px; padding: 0px; }
.pop-up { display: none; }
.oculta { display: none; }
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #fd7515; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.LLP { background-color: #9019a6 !important; }
    .LLP:hover { background-color: #000000 !important; color: Black !important; } 
#main-wrapper { margin: 10px 10px 0px 10px; min-width: 960px; min-height: 690px; background-image: url(images/logos/main_logo_fixed.png); background-position: bottom right; background-repeat: no-repeat; position: relative; }
#user-info-wrapper { position: absolute; top: 0px; right: 0px; text-align: right; }
    #user-info-wrapper .info { float: right; }
    #user-info-wrapper .picture { width: 60px; height: 60px; border: 1px solid white; float: right; margin-left: 5px; }
    #user-info-wrapper a { color: #d9be60; }
#login-wrapper { width: 500px; height: auto; margin: auto; }
    #login-wrapper form { text-align: right; }
#menu-wrapper { width: 350px; float: left; padding: 0px; margin: 0px; }
    #menu-wrapper a { text-decoration: none; }
    #menu-wrapper .item { width: 150px; height: 135px; background-image: url(images/textura.png); background-color: #319df8; /*#d9be60;*/ float: left; margin-right: 10px; margin-bottom: 10px; color: White; cursor: pointer; }
        #menu-wrapper .item:hover { background-color: #fba500 !important; color: Black !important; }
        #menu-wrapper .item .tla { text-align: center; font-size: 85pt; line-height: 73pt; margin-top: 10px; }
    #menu-wrapper span { margin-left: 5px; }
    #menu-wrapper .excel { background-image: url(images/excel.jpg) !important; background-repeat: no-repeat; background-position: center center; color: black !important; }

/* contenido 
-------------------------------------------*/
#content-wrapper { width: 100%; margin-top: 65px; margin-bottom: 65px; }
    #content-wrapper .sub-menu { background-image: url(images/textura.png); background-color: #319df8; /*#d9be60;*/ padding: 5px 10px; color: White; cursor: pointer; margin-bottom: 10px; }
    #content-wrapper .sub-menu-2 { background-image: url(images/textura.png); background-color: #319df8; /*#d9be60;*/ padding: 5px 10px; color: Black; cursor: pointer; }
        #content-wrapper .sub-menu:hover, #content-wrapper .sub-menu-2:hover { background-color: #fba500 !important; color: Black !important; }
#footer { border-top: 1px solid #333; margin: 10px; text-align: right; font-size: 12pt; }
#DeleteRoom > a { color: black; cursor: pointer; border: 1px solid black; padding: 3px; margin-top: 5px; display: inline-block; }
    #DeleteRoom > a:hover { color: #d9be60; background-color: black; }

/* helpers
-----------------------------------------------------------*/
.toUpper { text-transform: uppercase; }
.toBold { font-weight: bold; }
.align-right { text-align: right; }
a.new-action { display: block; padding: 2px 5px; background-color: #d9be60; color: black; }

/* gradients
-----------------------------------------------------------*/
.metro-lidotel-small { position: absolute; bottom: 0px; left: 0px; background-image: url(images/metro-lidotel-small.png); background-position: left bottom; background-repeat: no-repeat; width: 63px; height: 96px; }
.nota-importante { position: absolute; bottom: 10px; right: 10px; text-align: right; color: #dadada; width: 80%; font-size: 8pt; }
.gradient-crema { position: relative; padding: 10px 10px 100px 10px; background-image: url(images/textura.png); background-color: Black; /*background: #d9be60;     background: -webkit-gradient(linear, left top, left 90%, from(#d9be60), to(#5e5138));     background: -moz-linear-gradient(top,  #d9be60,  #5e5138);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9be60', endColorstr='#5e5138');*/ color: White; }
.gradient-crema2 { position: relative; padding: 10px 10px 100px 10px; background-image: url(images/textura.png); background-color: Black; /*background: #d9be60;     background: -webkit-gradient(linear, left top, left 90%, from(#d9be60), to(#5e5138));     background: -moz-linear-gradient(top,  #d9be60,  #5e5138);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9be60', endColorstr='#5e5138');*/ color: White; }
.gradient-crema a { color: black; }
.gradient-crema2 a { color: white; }
.gradient-green a { color: white; }
.gradient-green { color: #dadada; position: relative; padding: 10px 0px 100px 0px; background: #0a9f2a; /*#016938;*/ /*background: -webkit-gradient(linear, left top, left 90%, from(#84c140), to(#016938));     background: -moz-linear-gradient(top,  #84c140,  #016938);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84c140', endColorstr='#016938');*/ }
    .gradient-green tr:hover { color: White; /*text-shadow: 1px 1px 2px #fff;*/ }
    .gradient-green th { color: #dadada; font-size: 14pt; }
    .gradient-green .separador { border-top: 1px solid #79b676; width: 100%; }
.gradient-crema .separador { border-top: 1px solid White; width: 100%; }
.gradient-green tr:hover { text-shadow: 1px 1px 2px #444; }
.paginado { width: 100%; text-align: center; font-size: 12pt; }
.accion { width: 100%; text-align: right; font-size: 16pt; font-weight: normal; }
    .accion a { margin-right: 10px; color: White; }

/* Styles for basic forms
-----------------------------------------------------------*/
table .item { margin-bottom: 5px; }
input[type=text], input[type=number], input[type=password], input[type=date], select {
    width: 300px;
    padding: 5px;
    border: 1px solid #dadada;
}
.calendar, .calendar-past, .calendar-full { width: 100px !important; padding: 5px; border: 1px solid #dadada; background-image: url(images/calendar.png); background-position: right center; background-repeat: no-repeat; background-color: White; }
input[type=button], input[type=submit] { background-color: Black; font-size: 16pt; color: White; padding: 5px 15px; border: 0px; cursor: pointer; }
p { margin: 0px; padding: 0px; }
ul { margin: 0px; }
h1 { font-size: 36pt; margin: 0px; padding: 0px; font-weight: normal; }
h2 { font-size: 20pt; margin: 0px; padding: 0px; font-weight: normal; }
h3 { font-size: 16pt; margin: 0px; padding: 0px; font-weight: normal; }
th { text-align: left; text-shadow: 1px 1px 2px #444; font-weight: normal; }
legend { text-align: right; font-size: 16pt !mportant; color: orange; }

/* Colors
-----------------------------------------------------------*/
.crema-light { color: #d9be60; }
.crema { color: #d9be60; }
.black { color: Black !important; }
.white { color: #dadada !important; }
.red { color: #a12e14 !important; }
.orange { color: Orange !important; }
.green { color: Green !important; }

/* Font Sizes
-----------------------------------------------------------*/
.font-8 { font-size: 8pt; }
.font-10 { font-size: 10pt; }
.font-11 { font-size: 11pt; }
.font-12 { font-size: 12pt; }
.font-14 { font-size: 14pt; }
.font-16 { font-size: 16pt; }
.font-18 { font-size: 18pt; }
.font-20 { font-size: 20pt; }


/* Styles for validation helpers
-----------------------------------------------------------*/
.language-content { background-position: right bottom; background-repeat: no-repeat; }
.spanish-content { background-image: url(images/metro-esp.png); background-position: right bottom; background-repeat: no-repeat; border-bottom: 1px solid red; }
.english-content { background-image: url(images/metro-eng.png); background-position: right bottom; background-repeat: no-repeat; border-bottom: 1px solid blue; }
.decoration-none { text-decoration: none; }
.float-left { float: left; }
.alert-span { color: Black; padding: 5px 5px 5px 20px; background-image: url(images/alert-small.png); background-position: 2px center; background-repeat: no-repeat; background-color: #d9be60; border: 1px solid black; }
.success-span { color: White; padding: 5px 5px 5px 20px; background-image: url(images/check-small.png); background-position: 2px center; background-repeat: no-repeat; background-color: #016938; border: 1px solid black; }
.error-span { color: Black; padding: 5px 5px 5px 20px; background-image: url(images/cross-small.png); background-position: 2px center; background-repeat: no-repeat; background-color: Orange; border: 1px solid black; }
.error { color: #ff0000; }
.clear { clear: both; }
.thumb-image { max-width: 150px; /*height: 200px;*/ overflow: hidden; float: left; margin: 10px; border: 2px solid white; text-align: center; }
.thumb-image-default { max-width: 150px; /*height: 200px;*/ overflow: hidden; float: left; margin: 10px; border: 2px solid Orange; text-align: center; }
    .thumb-image img, .thumb-image-default img { max-width: 150px; max-height: 150px; }

/* The bouncing box */
#box { height: auto; padding: 20px; margin-top: -10px; padding-top: 20px; width: 400px; border: 1px solid #fcfcfc; /*text-shadow:1px 1px 0 white;*/ font-family: Arial,Helvetica,sans-serif; display: block; color: White; font-weight: bold; background-color: #006791; }
    #box p { font-size: 16px; background: url('images/bouncebox/warning.png') no-repeat 10px center; padding-left: 90px; }
        #box p b { font-size: 30px; display: block; }
#box { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* metro emergent element 
----------------------------------------*/
#metro-form { background-image: url(images/textura.png); background-color: #d9be60; border-left: 2px solid Black; border-right: 2px solid Black; border-bottom: 2px solid Black; width: auto; max-height: 98%; position: absolute; top: 0px; left: 50px; display: none; color: Black; z-index: 19; padding-bottom: 40px; }
#cerrar-metro-form { position: absolute; bottom: 10px; right: 10px; }
.form-message { font-size: 16pt; margin: 10px auto; }
#metro-form .loader { text-align: center; font-size: 18pt; display: none; }
#metro-form a { color: Black; text-decoration: underline; }
#metro-form p { max-width: 300px; margin-bottom: 20px; }
#metro-form .editor-field { margin-bottom: 10px; }

/* file uploader
----------------------------------------*/
#hotel-file-uploader, .metro-file-uploader { background-color: orange; color: black; text-align: center; margin-bottom: 20px; font-size: 24pt; padding: 10px; }
#images-container > div.image, .images-container > div.image { width: 220px; height: 100px; overflow: hidden; float: left; margin: 10px; border: 1px solid white; background-image: url(images/loaders/loader.gif); background-repeat: no-repeat; background-position: center center; position: relative; }
#videos-container > div.video { width: 560px; height: 315px; overflow: hidden; float: left; margin: 10px; border: 1px solid white; background-image: url(images/loaders/loader.gif); background-repeat: no-repeat; background-position: center center; position: relative; }
.deleter { display: block; position: absolute; z-index: 1000; top: 0px; right: 0px; background-color: Orange; color: Black !important; text-align: center; padding: 3px; font-size: 10pt; border-bottom: 1px solid white; border-left: 1px solid white; }
tr.cebra:nth-child(even) { background-color: gray; }
.editor-field { margin-bottom: 15px !important; }

/* status
    -------------------------------*/
.Cancelado { color: #a12e14 !important; }
.Reservado { color: #0a9f2a !important; }
.Solicitud { color: white !important; }

/*fecha de usos codigos
    ------------------------------*/

./*fechaDeUso
{
    display: block;
}*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    left: 33%;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    font-size: 13pt;
}
.bloq{
    display:none;
}