body{
    background-color:#e6e7e8;
    font-family: 'Dosis', sans-serif;
}
#displayImprimir{
    display: none;
}
a {
  text-decoration: none; /* no underline */
}
#plecaSuperior{
    height: 15px;
    margin-bottom: 10px;
}

#cabezal{
    height: 150px;
    background-color: #f4f4f4;
}
#cabezal div{
    float: left;
}

#titulo{
    text-transform: uppercase;
    padding: 30px 0 0 25px;
    font-size: 2.5em;
}

#cliente{
    text-transform: uppercase;
    padding: 25px 0 0 25px;
    font-size: 3.5em;
}
#btnAgregar{
    padding-top: 40px;
}
#seccionFolios{
    background-color: #d1d3d4;
    height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: darkslategray;
    margin-bottom: 10px;
    padding-top: 5px;
    font-size: 1em;
}

#menu ul li{
    margin: 0;
    padding: 0;
}

#menu ul li{
    text-align: right;
    padding: 8px 10px 8px 0;
    border-bottom: 1px solid #d1d3d4;
    color: darkslategray;
    text-transform: uppercase;
    background-color: #f4f4f4;
    height: 15px;
}

/* */
/* Titulares por seccion */

#headerFolios{
    height: 40px;
    padding: 10px 0 5px;
}

#tituloSeccion{
    color: darkslategray;
    text-transform: uppercase;
    font-size: 3em;
}

#cantidadSeccion{
    color: darkslategray;
    font-size: 1.2em;
    float: right;
    padding-right: 25px;
}

/* Registros */

#bloqueFolios{
    overflow-y: auto;
    overflow-x: hidden;
    height: 575px;
}

#registroCompleto{
    width: 180px;
    height: 60px;
    float: left;
    margin: 0 10px 10px 0;
    background-color: #f1f2f2;
    box-shadow: 1px 0px 10px 0px rgba(119, 119, 119, 0.68);
-moz-box-shadow: 1px 0px 10px 0px rgba(119, 119, 119, 0.68);
-webkit-box-shadow: 1px 0px 10px 0px rgba(119, 119, 119, 0.68);
}
#registroCompleto2{
    width: 180px;
    height: 130px;
    float: left;
    margin: 0 10px 10px 0;
    background-color: #f1f2f2;
    box-shadow: 1px 0px 10px 0px rgba(119, 119, 119, 0.68);
-moz-box-shadow: 1px 0px 10px 0px rgba(119, 119, 119, 0.68);
-webkit-box-shadow: 1px 0px 10px 0px rgba(119, 119, 119, 0.68);
}

#nombreFolio{
    height: 25px;
    text-align: center;
    font-size: 1.5em;
    padding: 5px 0 0;
}
#saldoFolio, #folioBloque2, #folioBloque3, #numFolio{
    height: 25px;
}
#folioBloque2{
    font-size: 1.2em;
}
#tipoEvento{
    color: white;
    padding: 0 50px 0 5px;
    text-align: right;
    text-transform: uppercase;
}
#numFolio{
    float: right;
    background-color: #6d6e71;
    color: white;
    padding: 0 5px 0 5px;
}
#saldoFolio{
    background-color: #bcbec0;
    text-align: center;
    padding: 0 10px;
    font-size: 1.2em;
}
#folioBloque3, #etapaFolio{
    font-size: 1em;
}
#fechaEntrega{
    float: right;
    padding-right: 5px;
}
#diasEntrega{
    padding-left: 5px;
}
#etapaFolio{
    border-top: 2px solid white;
    text-align: center;
}
/* Footer */

#footer{
    background-color: #9b3b21;
    height: 40px;
    text-align: right;
}


/* Estilos para Archivo */
#tipoEventoArchivo{
    width: 60%;
    height: 30px;
    margin-bottom:22px;
    color: white;
    text-align: left;
    padding: 25px 10px;
    font-size: 3em;
}
#folioEvento{
    width: 30%;
    float: right;
    height: 30px;
    margin-bottom:22px;
    background-color: #4d4d4d;
    color: white;
    text-align: right;
    padding: 25px 15px;
    font-size: 3em;
    text-align: center;
}
#archivoDerecha, #nombreArchivo, #archivoIzquierda, #desglosePedido, #desglosePagos, #observacionesFolio, #desgloseObservaciones, #registroDerecha, #registroIzquierda{
    background-color: #f2f2f2;
}
#nombreArchivo{
    height: 30px;
    margin-bottom:22px;
    color: white;
    text-align: left;
    padding: 25px 10px;
    font-size: 3em;
}
.tituloFolio, .tituloFolio2{
    height: 25px;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 0 0 10px;
}
.tituloFolio{
    background-color: #cccccc;
    color: #58595b;
}
.tituloFolio2{
    background-color: #999999;
    color: white;
}
#archivoDerecha, #archivoIzquierda{
    height: 300px;
    margin-bottom: 22px;
}
#desglosePedido, #desgloseObservaciones{
    height: 320px;
    margin-bottom: 12px;
}
#desglosePagos{
    height: 155px;
    margin-bottom: 12px;
}
#desglosePedido table{
    border-collapse: collapse;
    width: 100%;
}
tr:nth-child(even) {
  background-color: #dddddd;
}
td, th {
  text-align: left;
}
th{
    color: #4d4d4d;
}
#desglosePedido, #descripcionFolio, #fechasEvento, #datosGenerales, #observacionesFolio, #desglosePagos{
    padding: 10px;
}
#desglosePedido{
    height: 170px;
}
#desglosePagos{
    text-align: left;
    font-size: 1.2em;
}
#todosPagos{
    height: 230px;
    overflow: auto;
}
#totalPagosRelizados{
    background-color: #4d4d4d;
    color: white;
    text-align: center;
    padding: 10px;
}
#btnModificar{
    height: 30px;
    padding: 20px 5px;
    text-align: center;
    color: white;
    font-size: 2em;
    text-transform: uppercase;
}
#fechasEvento{
    height: 80px;
    text-align: center;
}
#fechaEntregaArchivo{
    font-size: 2.5em;
    padding-bottom: 10px;
}
#fechaEventoArchivo{
    font-size: 1.5em;
}
#datosGenerales{
    font-size: 1.2em;
}
#subtotales{
    width: 40%;
    height: 40px;
    float: left;
    font-size: 1.5em;
    text-align: right;
    padding-top: 10px;
}
#totalFinal{
    margin-left: 40%;
    width: 60%;
    height: 40px;
    font-size: 3.5em;
    text-align: right;
    padding-top: 20px;
}
#agregarPago{
    text-align: center;
}
#btnAgregarPago{
    background-color: #4d4d4d;
    text-align: center;
    color: white;
    font-size: 1.5em;
    padding: 10px;
}
#observacionesFolio{
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}
#btnAgregarObArchivo{
    margin-top: 10px;
    color: white;
    background-color: #4d4d4d;
    text-align: center;
    text-transform: uppercase;
}
/*Registro*/

#definirEvento{
    height: 60px;
    width: 40%;
    float: left;
    color: white;
    text-transform:uppercase;
}
#definirFechas{
    background-color: #4d4d4d;
    height: 60px;
    margin-left: 40%;
    width: 60%;
    color: white;
    text-transform:uppercase;
}
#registroDerecha{
    height: 660px;
    margin-bottom: 22px;
}
#registroIzquierda{
    height: 350px;
    margin-bottom: 22px;
}
#registroFechas{
    height: 60px;
}
#registroFechas div{
    width: 31%;
    float: right;
    text-align: center;
    border-right: 2px solid #a57b43;
    border-left: 2px solid #a57b43;
    height: 55px;
}
#datosRegistro{
    text-align: center;
}
#cotizacionRegistro{
    text-align: center;
}
#descripcionDatos div{
    width: 31%;
    float: right;
    text-align: center;
    height: 110px;
}
#datos{
    float: right;
    width: 40%;
}
#descripcion{
    width: 60%;
}
/*   */
#principalSecciones{
   background-color:#e6e7e8;
    font-family: 'Dosis', sans-serif;
    text-align: center;
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#registroCompleto{
            width: 190px;
        }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#registroCompleto{
            width: 190px;
        }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        
        #registroCompleto{
            width: 200px;
        }
		
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        
        #registroCompleto{
            width: 300px;
        }
		
	}