﻿body
{
    font-family: Verdana,helvetica;
    font-size: 12px;
}
div#fondoLogin .idiomaCa {width: 40% !important;}
.formatoHora
{
    font-size: 10px;
}
.field
{
    margin: 15px;
}

legend
{
    font-size:18px;
}
fieldset > table
{
    width:100%;
}
#box
{
    width: 1000px;
    margin: 0 auto;    
}
#header
{
    width: 100%;
    height: 200px;
}
#logo
{
    float:left;
    margin-top:50px;
}
#main_menu
{    
    margin:0px;
    padding:0px;
    height: 34px;
}
#main_menu li
{
    list-style:none;
    display:block;
    float:left;
    width:auto;
    position: relative;
}
#main_menu li a
{
    display: inline-block;
    font-weight: bold;
    padding: 10px 20px;    
    text-decoration:none;
}
/******para el submenu******/
#main_menu .pestaña
{
    position: relative;
}
#main_menu .submenu
{       
    border: 0;
    margin-left: -1px;
    
    display: none;
    font-size: 11px;
    list-style-type: none;
    position: absolute;
}
#main_menu .submenu
{
    left: 0;
    top: 33px;
    z-index: 50;
}
#main_menu .submenu li
{    
    position: relative;
    width: 150px;
}

#component
{
    min-height: 200px;
    padding: 25px;
}
#component hr
{
    margin: 5px 0 15px 0;
}
#component h1, #component h2
{
    display: inline-block;
    font-size: 14px;
} 
#component h1
{
    float: left;
}
#component h2
{
    font-size: 20px;
}
#footer
{
    font-size: 10px;
    padding: 8px;
    text-align: center;
}
div.enlacePie
{
    float: left;
    padding-right: 15px;
}
div.enlacePie a 
{
    padding-right: 15px;
}
div#desarrollado
{
    float: right;
}

/*******************/
div.contenidoSuperior
{
    height: 40px;
}
/******Login****/
div#conetenedorLogoLogin
{	
	margin: 5% auto 10px auto;
	padding: 10px; 
	width: 450px;  
}
div#fondoLogin
{
    margin: 0 auto;
    padding: 10px;
    width: 450px;
}
div#login
{
    padding: 20px;
}
.alturaValidacion
{
    height: 40px;
}
div#login label
{
    font-weight: bold;
}
div#login input[type=submit]
{
    font-weight: bold;
    padding: .4em 1em;  
    display: block;
    position: relative;
    margin: 0 auto;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible; 
    line-height: 1.4;     
}
/*****Formulario Paramatros********/
div.formulario p
{
    margin: 5px 0;
}
div.formulario label,
div#formularioParametros p > span:first-child, div#login p > span:first-child
{
    float:left;
    line-height: 20px;
    margin: 0 15px 0 2px;
    text-align: right;
    width:30%;    
}
div#configGeneral label, div#configIdioma label,
div#configReserva label, div#configPresupuesto label
{
    margin: 0 15px 0 10px;
    text-align: left;
    width: 50%;
}
div#configGeneral label, div#configIdioma label
{
    width: 22%;
}
div#configReserva a, div#configPresupuesto a, div#editarCliente a
{    
    line-height: 20px;
}
div.formulario input[type=text], div.formulario input[type=password], div.formulario textarea,div.formulario select,
div#formularioParametros span, div#editarUsuario span
{
    width: 30%;
}
div#configReserva input[type=text], div#configPresupuesto input[type=text]
{
    width: 10%;
}
div#configGeneral select
{
    width: 50%;
}
div#eleccionProducto label
{
    font-weight: bold;
    margin: 0 5px 0 0;
    width: 100px;
}
div#eleccionProducto select
{
    width: 240px;
}
p#enlaceTextoLopd label, p#enlaceUrlRetorno label
{
    display: block;
    float: none;
    width: 100%;
}
p#enlaceTextoLopd input[type=text], p#enlaceUrlRetorno input[type=text]
{
    margin-left: 10px;
    width: 310px;
}
div.editarTexto
{
    margin: 0 auto;
    width: 800px;
}
div.editarTexto p
{
    margin: 15px 0 3px 3px;
}
div.editarTexto textarea
{
    height: 150px;
    width: 800px;
}
div#formularioParametros span, div#editarUsuario span
{
    line-height: 20px;
}
div#login input[type=text], div#login input[type=password]
{
    width: 45%;
}
/**********Presupuesto******/
div#presupuesto .field-validation-error
{
    display: block;
    margin-left: 123px;
    padding: 2px 0 5px 0;
}
div#presupuesto .validation-summary-errors { width: 758px; }
div.leftColor, div.rightColor, div.downColor, div#presupuestoDatosPersonales, div#textoFinalReserva
{ 
    margin: 0 auto 10px auto;
    padding: 20px 10px;
    
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;    
}
div.leftColor, div.rightColor
{
    width: 350px;
}
div.leftColor { margin-left: 60px; }
div.rightColor { margin-right: 60px; }
div#presupuesto .inputPresupuesto { width: 200px;}
div#presupuesto .textAreaPresupuesto { width: 320px; height: 80px;}

div.downColor
{
    width: 790px;
}
/*************/
div.leftWidth, div.rightWidth
{    
    width: 350px;
}
div.leftWidth { float: left; }
div.rightWidth { float: right; }
div#presupuesto label
{
    font-weight: bold;
    margin-right: 5px;
}

div.rightWidth label, span.datosServicioDescripcion
{
    display: block;
    float: none !important;
    text-align: left !important;
}
span.datosServicioDescripcion {padding-bottom: 5px;}
div#presupuestoDatosPersonales
{
    margin: 20px auto 0 auto;
    width: 790px;
}
div#presupuestoDatosPersonales input[type=text]
{
    width: 40%;
}
/*****Datos configuracion******/
div.contentConfiguracion
{
    padding: 1px;    
}

/*******Contenedor Botones******/
div.botones
{
    margin-top: 20px;    
    text-align: center;   
}
div.botones input[type=submit]
{
    margin-right: 30px;
}
div.botones .cancelar
{
    font-weight: bold;
}
/***************Consulta***********************/
div.consulta
{
    height: 18px;
    line-height: 1.4em;
    padding: 2px 0; 
}
div.consulta span
{
    margin-left: 5%;
}
div.consulta > span:first-child,
div#presupuestoDatosServicio p > span:first-child
{
    float: left;
    font-weight: bold;
    margin: 0 15px 0 0;
    width: 300px;
}  
div#presupuestoDatosServicio p > span:first-child
{
    text-align: right;
    width: 30%;
}
/*********Resumen presupuesto**********/
div#presupuestoResumen h3, div#datosConfiguracion h3,
div#reservaValorada h3, div#eligeProducto h3,
div#datosCliente h3, div#datosPasoUno h3, div#valoracionReserva h3
{
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 200px 2px 0;
}
div#presupuestoResumen p > span:first-child, div#datosPasoUno p > span:first-child
{
    font-weight: bold;
}
div#datosConfiguracion h3
{
    margin: 0 100px 2px 0;
}
div#presupuestoResumen p
{
    line-height: 18px;
    padding-left: 5px;
}
div#up, div#down
{
    padding: 0 25px;
}
div.left, div.right
{
    padding: 10px;
    width: 430px;
}
div.left
{
    float: left;
}
div.right
{
   float: right;
}
/******Enlaces en los consultar*******/
div.linkbar
{
    float: right;
    text-align: right;
}
div.linkbar a
{
    margin-left: 15px;
}

/*****Usuario logado********/
div#informacionUsuario
{
    border-top: 0px;
    font-weight: bold;    
    left: 66%;
    padding: 5px 10px;
    position: absolute;
    width: 250px;
    opacity: 0.9;
    
    -moz-border-radius: 0 0 10px 10px ;
    -webkit-border-radius: 0 0 10px 10px;
}
div#informacionUsuario p, div#informacionUsuario a
{
    padding: 5px;
}
div#informacionUsuario a
{
    display: inline-block;
}
div#informacionUsuario hr
{
    height: 0;    
    margin: 5px 0 0 0;
}
/*******Litados presupuesto y reservas*********/
div.filtroListados
{
    padding: 10px;
}
div.filtroListados div
{
    float: left;
    padding-right: 50px;    
} 
div.filtroListados label
{
    padding-bottom: 5px;
}
div.filtroListados span
{
    display: inline-block;
    padding: 5px 0;
}

div.filtroFecha label
{
    display: inline-block;
    padding-left: 15px;
    width: 40px;
}
div.filtroFecha input[type="text"]
{
    width: 75px;
}
div.filtroFecha p
{
    padding: 3px 0;
}
div.filtroFecha select
{
    width: 75px;
}
div#filtroCliente label
{
    display: block;
}
div#filtroCliente input[type="text"]
{
    width: 200px;
}
div#filtroCliente p
{
    padding: 3px;
}
div#lista
{
    min-height: 290px;
}
/****Pagina tipos listados****/
ul.listaAcciones li
{
    list-style-position: inside;        
    padding: 0 0 10px 20px;
}
/******Tipos Transporte*******/
div#listadoTiposTransporte p
{
    line-height: 25px;
}
div#listadoTiposTransporte span
{
    display: inline-block;
    width: 300px;
}

/*******Paginacion**********/
.paginacion 
{
	margin: 0.5em 0;
	padding: 1em 0;
}
.paginacion a
{   
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
}
.paginacion .actual
{   	
	font-weight: bold;
	margin-top: 0.25em;
	padding: 5px 8px;
	text-align: center;
}
.paginacion .deshabilitado 
{  	
	padding: 5px 8px;
	text-align: center;
}
.paginacion span, .paginacion a 
{
    margin: 0.25em 0.1875em;    
}
/******Modal Buscar*********/
div#buscador p
{
    padding: 0 0 5px 0;
}
div#buscador input[type=text]
{
    width: 240px;
}
/******Consultar Parametros**********/
div.contenidoPrincipalLeft
{
    float: left;
    width: 700px;
}

div.contenidoSecundario
{
    float: right;
    padding-left: 10px;
    width: 240px;
}
ul.listaAccionesSecundarias li
{
    list-style: none;
    margin-bottom: 10px; 
    padding: 10px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/******Lista tipos iva parametros*********/
ul.listaTiposIva li
{
    list-style: none;
    padding: 5px;
}
ul.listaTiposIva li > span:first-child
{
    display: inline-block;    
    width: 200px;
}
ul.listaTiposIva span
{
    padding-left: 10px;    
}
/**********Consulta Datos Google**********/
div#formularioDatosGoogle label
{
    display: block;
    line-height: 20px;
    padding-left: 20px;
    text-align: left;  
}
div#formularioDatosGoogle input[type=text]
{
    margin-left: 20px;
    width: 900px;
}
/********* Consulta informes *************/
div.informacionReserva
{
    padding:5px;
}
div.informacionReserva p
{
    padding:3px;
}
div.informacionReserva p.textoNumero
{
    text-align:right;
}
div.informacionReserva p.textoNumero >span:first-child
{
    text-align:left;
    float:left;
}
    
div.informacionReserva p > span:first-child
{
    float:left;
    width:40%;
    font-weight:bold;
}
/******Seleccion idiomas*********/
div#seleccionIdiomas
{
    padding: 10px 5px;
    position: absolute;
}

ul#listaIdiomas li
{
    float: left;
    list-style: none;    
    padding: 0 5px;
}
ul#listaIdiomas li img
{
    cursor: pointer;
    pointer: hand;
}
/******Pasos Reserva****************/
.mas, .menos, .borrar
{    
    cursor: pointer;
    pointer: hand;
    display: inline-block;
    height: 16px;
    padding: 0 0 0 5px;
    vertical-align: text-bottom;
    width: 16px;
}
div.formularioReserva p
{
    padding-top: 10px;
}
div.unidadesTp input[type=text]
{
    margin-left: 5px;
    width: 25px !important;
}
div.formularioReserva label
{
    float: left;
    line-height: 20px;
    margin: 0 5px 0 2px;
    text-align: right;
    width: 35%;  
}
div.formularioReserva input[type=text], div.formularioReserva textarea
{
    width: 215px;
}
div.formularioReserva select
{
    float: left;
    padding: 2px;
    width: 220px;
}
div#datosAdicionalesReserva label
{
    width: 32%;
}
p.rightWidth label {text-align: left !important;}
span#textoAclaratorioDescripcion 
{
    display: block;
    padding-top: 3px;
    font-size: 10px;
}
div#textoFinalReserva
{
    margin: 10px auto 0 auto;
    width: 800px;
}
/**************************/
div#nuevaReserva input[type=text]
{
    width: 20%;
}
div#tiposTransporte { width: 430px; }
div.tipoTransporte
{
    padding: 10px 0 0 15px;
    width: 415px;
}
div.unidadesTp
{
    float: right;
    width: 195px;
}
p#controlPasajeros
{   
    font-weight: bold;
    text-align: center;
}
form#DatosReserva .validation-summary-valid
{
    font-weight: bold;
    line-height: 18px;    
    width: 350px;  
    padding: 20px 10px; 
}
.validation-summary-valid-DatosReserva
{
    -moz-border-radius: 15px;   
    -webkit-border-radius: 15px;
}
form#DatosReserva .field-validation-error
{
    display: block;
}
.añadirTransporte
{
    cursor: pointer;
    pointer: hand;
    display: inline-block;
    padding: 5px 5px 5px 15px;
}

/*******lista suplementos***************/
ul.listaSuplementosReserva
{
    text-decoration: none;
}
ul.listaSuplementosReserva li
{
    list-style-type: none;
    margin: 5px 0;
    padding-left: 30px;
    float: left;
}
.conceptoPrecio, .conceptoPrecioGrande
{
    display: inline-block;
    float: left;
    width: 310px; /*330*/
}
.conceptoPrecioGrande, .precioGrande
{
    font-weight: bold;
    font-size: 18px;
    width: 230px;
}
.precio, .precioGrande
{
    display: inline-block;
    font-weight: bold;
    text-align: right;
    width: 100px;
}
.precioGrande
{
    width: 180px; /*200*/
}
/*******suplemento******/
div#valoracionReserva
 {
     min-height: 145px;
     width: 410px;
     padding: 20px 10px;
     
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
 }
div#valoracionReserva p, div#reservaValorada p
{
    padding: 3px 0;
}
.unidades
{
    display: inline-block;
    float: left;
    width: 20px;
}
.concepto
{
    display: inline-block;
    float: left;    
    width: 260px; /*280*/
}
.precioSuplemento
{
    display: inline-block;
    font-weight: bold;
    float: left;   
    text-align: right;     
    width: 100px;
}
/*************/
.parrafoTextoTraducido
{
    line-height: 18px;
    padding: 10px 20px 20px 20px;
    text-align: justify;
}
/**********/
div#productoNoValorado
{
    padding: 0 20px 20px 20px;
}
div#productoNoValorado p, ul#listaDatosProductoNoValorado li
{
    line-height: 20px;
}
ul#listaDatosProductoNoValorado
{
    font-style:italic;
    list-style-type: disc;
    margin: 20px 0 20px 50px;
}
div#validacionUltimoPasoReserva .validation-summary-errors
{
    line-height: 18px;
    margin: 0 60px 0 auto;
    width: 320px;
}
div#resetContraseña p
{
    padding: 0 0 10px 10px;
}