@charset "UTF-8";
/* CSS Document */
html {
	height: 100%;
    color: #58595b;
}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#btnModificar, #desgloseObservaciones, .tituloFolio2, #displayNormal{
    display: none;
}
#fechasEvento{
    text-align: left;
}

#footerLegales, #displayImprimir{
    display: block;
}

.tituloFolio{
    font-size: 2em;
    color: #58595b;
}
#desglosePagosImprimir{
    height: auto;
    padding-top:25px;
}
#totalPagosRelizados{
    color: #58595b;
    text-align: left;
    padding: 10px;
}
#totalFinal{
    padding-top: 50px;
}
#todosPagosImprimir{
    padding: 10px;
}
#archivoNormal{
    display: none;
}
#archivoImpresion{
    display: block;
}
#nombreArchivo{
    font-size: 5em;
}
#folioEvento, tipoEventoArchivo{
    background-color: white;
    color: #58595b;
}
#tipoEventoArchivo{
    width: 120px;
}
#folioEvento{
    width: 140px;
}
#datosGenerales{
    font-size: 1.5em;
}
#descripcionPedido{
    padding: 25px 0;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin: 20px 0; 
}
#datos{
    float: right;
    width: 30%;
    font-size: 1.2em;
}
#descripcion{
    width: 70%;
    font-size: 2em;
}
#desgloseImpresion{
    border-bottom: 1px solid gray;
    margin: 0 0 20px; 
}
#subtotales{
    font-size: 2em;
    text-align: right;
}
#subtotales{
    width: 100%;
}
#totalFinal{
    font-size: 3.5em;
    width: 100%;
}
#datosLocal{
    padding-top: 50px;
}
#descripcionFolio, #datosLocal, #desglosePedido{
    font-size: 1.2em;
}


#principalRegistro{ width:760px; margin:0 auto; height:100%;}
#registroCompleto{ width:720px; margin-left:40px; background-color:#f6f6f6; height:100%}
#headerRegistro{ height:20px; padding:5px; width:710px;}
#cotizador{ width:350px; height:100%; float:left; background-color:#f6f6f6;}
#formRegistro { width:360px; margin-left:360px;  background-color:#f6f6f6; height:100%}

#principalRegistroModificar{width:440px; margin:0 auto; height:100%;}
#registroModificar{ width:400px; margin-left:40px; background-color:#f6f6f6; height:100%; padding-left:20px;}
#formModificar { width:360px;  background-color:#f6f6f6; height:100%; padding:20px;}


#header { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
fieldset { border:none; width:320px; height:565px;}
legend { font-size:18px; margin:0px; padding:10px 0px; color:#909; font-weight:bold;}
label { display:block; margin:15px 0 5px;}
input[type=text], input[type=password], textarea { width:300px; padding:5px; border:solid 1px #000;}
.prev, .next { background-color:#996699; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#909; text-decoration:none;}
.prev { float:left;}
.next { float:right;}


#principal { width:755px; margin: 0px auto; height:100%; background:url(../imagenes/bck.jpg) center top no-repeat #f6f6f6; padding-top:130px;}
#principalSecciones { margin: 0px auto; height:auto; padding:30px; background-color:#f6f6f6; width:350px;}

#colIzq{float:left; width:186px; height:315px; padding:0 22px 0 22px; margin-top:60px;}
#colDer{margin-left:235px; width:520px; height:315px; padding:60px 0 0 0; background:url(../imagenes/citas.png) top right no-repeat;}
#actuales{ height:74px; background:url(../imagenes/actuales.png) center no-repeat; padding-top:30px;}
#listadoActuales{ height:30px; margin-bottom:10px;}
#btnConsultar{ height:25px; width:96px; margin:0 auto;}
#nuevo{ margin:10px 0 10px 0;}
#listado{ height:30px; margin-bottom:20px;}

#logotipoInvita{width:40px; height:160px; float:left;}

#principalArchivo{ width:600px; margin:0 auto; }
#datosArchivo{padding:30px; background-color:#f6f6f6; width:500px; height:100%; margin-left:40px;}
#ID{font:24px Verdana, Geneva, sans-serif; text-align:right;}
#folioFecha{float:right;}
#titulosArchivo{ font:36px Verdana, Geneva, sans-serif;}
#datosGenerales{ margin-top:15px; }
#datosContacto{ width:250px; float:left; }
#fechas{ margin-left:260px; padding:15px; border-left:1px solid #999;}
#contactoAdicional{margin:5px 0 10px 0;}
#descripcion{ padding:10px 0 10px 0; }
#cotizacion{ padding-top:10px; padding-bottom:10px;}
#conceptosIndividuales{ width:270px; margin:0 auto; margin-bottom:5px;}
#anticipoSaldo{ width:270px; margin:0 auto; margin-bottom:5px;}
#concepto{ float:left; width:180px;}
#costo{ margin-left:190px; width:80px;}
/*#observaciones{ padding:10px 0 10px 0;}*/

#cantidadInvis, #cantidadPases, #saldo, #anticipo { width:50px; padding:5px; border:solid 1px #000;}
#cantidadInvisLabel, #cantidadPasesLabel { width:155px; display:block; margin:15px 0 5px;}
#fechaReg, #fechaEvento, #fechaEntrega {width:100px; padding:5px; border:solid 1px #000;}
#concepto1, #concepto2, #concepto3, #concepto4, #concepto5, #concepto6, #concepto7, #concepto8, #concepto9, #concepto10 { width:100px; padding:5px; border:solid 1px #000;}
#costos1, #costos2, #costos3, #costos4, #costos5, #costos6, #costos7, #costos8, #costos9, #costos10, #subTotal, #iva, #total, #pagoNvo  { width:70px; padding:5px; border:solid 1px #000;}
#conceptos {height:35px;}
#inputDatos {width:70px;}

		
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:18px; float:left; padding:5px; color:#b0b1b3;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#000;}

#footer{display:block; font:10px Verdana, Geneva, sans-serif;}
#nuevoPago, #nuevaObservacion, #btnMod, #btnReporte, #titulos, #observaciones, #observacionesCompletas {display:none;}
#datosImprimir{ display:block; font:14px Verdana, Geneva, sans-serif; margin-top:15px;}
#legales{ display:block; font:7px Verdana, Geneva, sans-serif; color:#333;}
#cuando{ display:block; font:10px Verdana, Geneva, sans-serif;}