#content {
clear:both;
}

#page{
}

#nivelPri {
float: right;
width: 650px;
padding-top: 20px;
}

#nivelPri .cabecera{
    display:block;
}


#nivelPri .titulo{
background:#073477;
color:#fff;
font-size:20px;
line-height:30px;
display:block;
font-weight:normal;
padding:8px 0 8px 20px;
text-transform:uppercase;
}

/*#texto, #formLegal{
color:#081A48;
font-size:13px;
padding:20px;
}

#texto p, #formLegal p{
padding:0 0 10px 0;
}*/

ul.sitemap{
padding:10px;
list-style:circle;
font-size:13px;
}

.sitemap li.seccion{
padding-top:10px;
}

.sitemap a{
color:#666;
}

.sitemap a:hover{
color:#073477;
}

.sitemap blockquote{
padding-left:20px;
}

a.thumbnailBox{
position:relative;
display:inline;
}

.thumbnailBox img{
display:inline;
background:url(../img/bullets/loading.gif) center center no-repeat;
}

a.thumbnailBox span.lupa{
position:absolute;
bottom:2px;
_bottom:-4px;
right:2px;
width:16px;
height:16px;
display:block;
background: url(../img/bullets/thumbnailbox.gif) no-repeat;
opacity:0.7;
}

a.thumbnailBox:hover span.lupa{
background: url(../img/bullets/thumbnailboxhover.gif) no-repeat;
}

.alta{
    width:50%;
    float:left;
}

.login{
    width:50%;
    float:right;
}


.alert-success {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.alert-danger {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

.alert-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}

.alert {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 0px;
}


.alert ul {
    margin: 0px !important;
    padding: 0px 0px 0 15px !important;
    list-style: square;
}

.estado-cancelado {
    background-color: #D9534F;
}

.estado-pagado {
    background-color: #5CB85C;
}

.estado-pendiente {
    background-color: #F0AD4E;
}

.estado-enviado {
    background-color: #5BC0DE;
}

.estado-entregado {
    background-color: #337AB7;
}

.estado-errorpago {
    background-color: #333;
}

.estado-sinconfirmar {
    background-color: #666;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 80%;
/*     font-weight: 700; */
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-6 {
    width: 50%;
    box-sizing: border-box;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.text-right{
    text-align:right!important;
}

.lineas{
    margin-top: 15px;
    background: #eee;
    padding: 15px;
    border: 1px dotted #ccc;
}

.lineas .totales{
    border-top:1px solid #ccc;
    padding-top:15px;
}

.lineas {
    box-sizing: border-box;
}

#dialog-error{
    display:none;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0px;
    border-collapse: collapse;  
}

.table > thead:first-child > tr:first-child > th {
    border-top: 0px none;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #DDD;
}

.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F9F9F9;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #DDD;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #2C6D6F;
    background-color: #EEE;
    border-color: #DDD;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #073477;
    background-color: #FFF;
    border: 1px solid #DDD;
    margin-left: -1px;
}

.pagination .active a{
    background:#073477;
    color:#fff;
}

.pagination > li {
    display: inline;
}

.pagination {
    display: inline-block;
    padding-left: 0px;
    margin: 20px 0px;
    border-radius: 4px;
}

.boton-pago, .textoHtml a.boton-pago{
    display:block;
    text-shadow: 0px 1px 0px #FFF;
    background-image: linear-gradient(to bottom, #FFF 0px, #E0E0E0 100%);
    background-repeat: repeat-x;
    border:1px solid #CCC;    
    padding:20px;
    text-transform:uppercase;
    margin:20px auto;
    cursor:pointer;
    text-decoration:none;
    color:#333;
    
}

.pago-ticket .boton-pago{
    float:right;
    margin-top:0;
}

.boton-pago img{
    display:block;
    margin:10px auto 0;
}

.boton-pago:hover{
    cursor:pointer;
    background-color: #E0E0E0;
    background-position: 0px -15px;    
}



/*BEGIN MENUSEC*/
#lateral{
width:280px;
/* padding:0 20px 0 0; */
float: left;
/* overflow:hidden; */
}

#lateral .tituloSeccion{
font-size:14px;
font-weight:bold;
line-height:20px;
padding:20px 0 0 0px;
text-transform:uppercase;
border-bottom:1px solid #e1e1e1
}

#lateral ul.menuSec{
padding: 10px 0px 0px 35px;
list-style-type: none;
}

#lateral .menuSec li{
display: block;
font-size:14px;
padding:0 0 2px 0;
line-height:18px;
}

#lateral .menuSec a{
display:block;
padding:6px 5px 6px 10px;
color:#555;
}

#lateral .menuSec a:hover{
    background:#e1e1e1
}

#lateral .menuSec .selectedmenu {
display:block;
padding:6px 5px 6px 10px;
background:#e1e1e1
}

.lateralBloqueNivel{
margin:20px 0 0 0;
background:none;
height:153px;
width:280px;
background:#073477
}

.lateralBloqueNivel p{
text-align:center;
line-height:30px;
padding:12px 0 3px 0;
color:#fff;
font-size:15px;
}

#lateral .cambios h4{
    padding-top:10px!important;
    
}

#lateral .cambios{
    margin-top:20px;
}

.lateralBloque.productos{
margin:20px 0 0 0;
background:none;
height:80px;
width:280px;
background:#073477;
padding:0;
}

.lateralBloque.productos h4{
color:#fff;
display:block;
text-align:center;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
height:40px;
line-height:40px;
margin: 0 0 0 1px;
width:280px;
}

.lateralBloque.productos a.todosProductos{
background:#ccc;
-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
color:#073477;
font-size:11px;
text-transform:uppercase;
width:240px;
line-height:20px;
display:block;
text-align:center;
margin:5px 0 0 21px;
text-decoration:none;
}

.lateralBloque.productos a.todosProductos:hover{
background:#FCB51F;
}

.textoHtml.listado{
padding-right:0;
width:630px;
}

.listado table#productosExtendida{
width:485px;
float:left;
}

.botonReserva{
float:right;
width:120px;
padding:0 0px 5px 0px;
border:2px solid #e6e6e6;
-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
margin:29px 0 0 0;
}

.botonReserva a.boton{
background:#ccc;
-moz-border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
color:#073477;
font-size:14px;
text-transform:uppercase;
line-height:20px;
display:block;
text-align:center;
padding:10px 0 10px 0;
margin:0px 0 0 0;
}

.botonReserva a.boton:hover{
background:#FCB51F;
}

.botonReserva p{
margin:10px 10px 0px 10px;
}

#lateral .banner{
}



.jcarousel {
    position: relative;
    overflow: hidden;
    height:45px;
}


.jcarousel ul {
    width: 20000em;
    position: relative;

    list-style: none;
    margin: 0;
    padding: 0;
}


.jcarousel li {
/*     float: left; */
    text-align:center;
    width:280px;
    display:block;
    
}



/*END MENUSEC*/


/*BEGIN PAGINAS*/
#paginas{
text-align: center;
/* float: right; */
/* padding-top: 40px; */
/* color: #666; */
/* font-size: 10px; */
}

#paginas a{
/* color: #666; */
/* text-decoration:none; */
/* padding:0px; */
/* margin:0px; */
}

#paginas a:hover {
color:#333;
}

.paginaselected{
color:#333;
padding:0px;
margin:0px;
}

/*END PAGINAS*/


/*BEGIN FORMULARIO*/
#formularios{
margin:15px auto ;
padding:0px 0px 30px 0px;
width: 400px;
font-size:14px;
text-align:left;
}

#formularios p{
margin-bottom:0;
}

#formularios.miniForm{
width: 200px;
}


#formularios input.corto,#formularios select.corto,#formularios textarea.corto,#formularios div.multi.corto{
width:190px;
}

#formularios input.corto,#formularios select.corto,#formularios textarea.corto{
border:1px solid #ccc;
}

#formularios div.multi{
padding:10px 0 0 0;
border:1px solid #ccc
}

#formularios div.multi.corto{
width:188px;
}

#formularios input.largo,#formularios select.largo,#formularios textarea.largo,#formularios .fieldlargo .file input{
width:390px;
border:1px solid #ccc;
}

#formularios div.multi.largo{
width:388px;
}


#formularios .fieldcorto{
float:left;
padding:2px 10px 10px 0;
width: 190px;
overflow:hidden;
}

#formularios .fieldlargo{
width:390px;
display:block;
padding:2px 10px 10px 0;
overflow:hidden;
clear:both;
}

#formulario label.corto{
display:block;
/* background:#f00; */
padding:0 0 2px 0;

}

#formulario label.largo{
display:block;
/* background:#f00; */
padding:0 0 2px 0;
}

#formularios input{
background-color:#F2F2F2;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:14px;
height:28px;
color:#555555;
/* height:20px; */
}


#formularios textarea{
background-color:#F2F2F2;
padding:6px 0px 6px 0px;
font-size:14px;
color:#555555
}

#formularios label{
display:block;
color:#666;
font-weight:bold;
}

#formularios .checkbox{
background:none;
height:auto;
}

#formularios .checkboxlargo input, #formularios .checkboxcorto input{
margin:0 5px 0 0;
/* float:left; */
display:inline;
}

#formularios .checkboxlargo label, #formularios .checkboxcorto label{
/* float:left; */
display:inline;
}


#formularios .enviar{
background:#004080;
color:#fff;
border: 1px solid #081a48;
cursor:pointer;
padding:6px 0px 6px 0px;
margin:10px 8px 0px 0px;
float:right;
width:80px;
}

#formularios .enviar:hover{
background:#fcb51f;   
color: #004080;
    
}

#formularios .limpiar{
color: #666666;
border: 1px solid #999999;
padding:6px 0px 6px 0px;
margin:10px 8px 0px 0px;
float:right;
width:75px;
}

#formularios select{
background-color:#F2F2F2;
border:1px solid #eee;
/* margin:5px 0px 0px 0px; */
font-size:12px;
line-height:20px;
padding:4px 0 4px 0;
width:100%;
}


#formularios div.multi{
clear:both;
/* border:1px solid #eee; */
padding:0;
}

#formularios div.multi.alto{
height: 73px;
overflow: auto;
/* border:1px solid #eee; */
}

#formularios p.multi {
padding:0;
/* margin:0 0 6px 0; */
}

#formularios .multi input{
padding:0px;
/* margin:0; */
margin:2px 0 0 2px;
font-size:11px;
height:auto;
}


#formularios  label.multi{
line-height:18px;
height:auto;
clear:both;
float:none;
padding:0;
margin:0;
font-weight:normal;
color:#000;
}

#formularios .multi label.even{
background:#f9f9f9;
}
#formularios .multi label.odd{
background:#f0f0f0;
}

#formularios .file input{
border:1px solid #ccc;
}

#formularios .multi.corto label{
/* width: 172px; */
}

.volver{
background-color:#F2F2F2;
color: #000000;
padding:2px 0px 2px 0px;
margin:20px 10px 0px 0px;
width:80px;
}

#formularios h3{
clear:both;
color: #000000;
border-bottom:1px solid #000000;
font-size:12px;
margin:0px 10px 10px 0px;
padding:10px 0px 0px 0px;
text-align:center;
/* width: 340px; */
}

a.avisolegal{
float:left;
color: #666666;
padding:8px 0px 0px 0px;
}

#formularios .legal label{
    font-weight:normal !important;
    
}

#formularios .legal label a{
    text-decoration: underline !important;
}

#colorbox {
    top: 0px !important;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


input.required, textarea.required, select.required{
}

input.validation-failed, textarea.validation-failed {
/* 	border: 1px dashed #FF3300; */
	margin:0px;
	padding:0px;
}
input.validation-passed, textarea.validation-passed {
}

.validation-advice {
padding:0px 0px 0px 15px;
background:transparent url(../img/bullets/validate_arrow.gif) left bottom no-repeat;
color : #FF0000;
font-weight:normal;
font-size:9px;
}

.corto .validation-advice{
width: 155px; 
width:100%;
}

.largo .validation-advice{
width: 325px; 
width:100%;
}


.requiredbullet{font-size:80%; color:#FF0000}

.formularioRes{
clear:both;
padding:5px 10px 5px 10px;
line-height:20px;
margin-top:10px;
color:#333;
}

.formularioRes.ok{
background:#D9EABC;
border:1px solid #77AD1C;
}

.formularioRes.error{
background:#FFEAEA;
border:1px solid #D50000;
}

#contenedorFormulario {
z-index:100;
position: absolute;
left: 50%;
top: 50%;
width: 300px;
height: 100px;
margin-top: -100px;
margin-left: -150px;
overflow: hidden;
border: 1px solid #000;
font-size:12px;
background:#fff url(../img/bullets/loading.gif) center 10px  no-repeat;
text-align:center;
line-height:100px;
color:#666;
}


#formularioDatos ul , #formularioDatos ol{
    padding-left: 0px;
    margin:0;
}

#formularios.alta-login{
    width:auto;
}

.alta-login .alta{
    width: 62%;
    padding-right: 15px;
    border-right: 1px solid #ccc;
    background: #eee;
    padding-left: 15px;
    padding-bottom: 20px;
}

.alta-login .alta input{
    background:#fff!important;
}

#formularios.alta-login .enviar {
    background:#073477!important;
}

#formularios.alta-login .enviar:hover {
    background:#e6b149!important;
    
}

.alta-login .login{
    width:30%;
}

.area-privada #formularios .enviar {
    width:auto;
    padding-left:15px;
    padding-right:15px;
}

.area-privada #formularios .volver{

    background: #ccc;
    color:#073477;
    border: 1px solid #ccc;    
}

.area-privada #formularios .volver:hover{
    background:#333;
    border-color:#333;
    color:#fff;
}

.cambio-password #formularios{
    width:200px;
}

/*END FORMULARIO*/


/*BEGIN IMAGEN AMPLIADA*/
.cortina {
width: 100%;
height: 100%;
background-color: #666;
-moz-opacity: 0.45;
position: fixed;
top: 50%;
left: 50%;
}


#cortinaFormulario,
.cortina {
_position: absolute;
top: 0pt;
left: 0pt;
background-color: #666;
opacity: 0.7;
filter:alpha(opacity=65);
z-index:25;
}


/*END IMAGEN AMPLIADA*/