.boton, .boton:visited { /* botones genéricos */
	font-family:Arial, Helvetica, sans-serif;
	background: #222 url(../images/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #FFF;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top: 0px;
	border-left: 0px;
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	border-right: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor:pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.boton:hover { /* el efecto hover */
background-color: #111;
color: #FFF;
}

.boton:active{ /* el efecto click */
top: 1px;
}

/* botones pequeños */
.ch.boton, .ch.boton:visited {
font-size: 11px ;
}

/* botones medianos */
.boton, .boton:visited,.m.boton, .m.boton:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* botones grandes */
.g.boton, .g.boton:visited {
font-size:14px;
padding: 8px 14px 9px;
}

/* botones extra grandes */
.super.boton, .super.boton:visited {
font-size: 24px;
padding: 8px 14px 9px;
}

.rosa.boton { background-color: #E22092; }
.rosa.boton:hover{ background-color: #C81E82; }

.verde.boton, .verde.boton:visited { background-color: #34A649; }
.verde.boton:hover{
	background-color: #257D2E;
}

.rojo.boton, .rojo.boton:visited { background-color: #930; }
.rojo.boton:hover{ background-color: #8A2E2F; }

.naranja.boton, .naranja.boton:visited { background-color: #FF5C00; }
.naranja.boton:hover{ background-color: #D45500; }

.azul.boton, .azul.boton:visited { background-color: #2981E4; }
.azul.boton:hover{ background-color: #2575CF; }

.amarillo.boton, .amarillo.boton:visited { background-color: #FFB515; }
.amarillo.boton:hover{ background-color: #FC9200; }

.rojoOtro.boton, .rojoOtro.boton:visited { background-color: #E9393C; }
.rojoOtro.boton:hover{ background-color: #9A0406; }

#boton_fecha{
	font-family:Arial, Helvetica, sans-serif;
	background: #222 url(../images/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #FFF;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top: 0px;
	border-left: 0px;
	float:right;
	margin-right:20px;
	font-size:14px;
	margin-bottom:5px;
	border-right: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor:pointer;
	margin-top:-3px;
	right:30px;
	background-color: #2981E4;
}

body{
	background-color:#ddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.todo{
	margin:auto;
	width:990px;
	height:auto;
}

.contenido{
	background-color:#FFFFFF;
	border:1px solid #006;
	width:100%;
	height:auto;
	margin:auto;
	float:left;
}

#contenido_central{
	clear:both;
	width:100%;
	height:auto;
	float:left;
}

.linea{
	border-bottom:1px solid #FFF; 
	width:100%;
	float:left;
}

#tablaFacturacion td{
	border:1px solid #FFF;
}

.formulario_index{
	background-image: linear-gradient(20deg,rgba(51,51,51,1) 10%,rgba(153,153,153,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(51,51,51,1)), to(rgba(153,153,153,1)));
	padding-left:10px;
	height:auto;
	float:left;
	clear:both;
	margin-left:200px;
	border-radius:10px;
	margin-bottom:20px;
	box-shadow:2px 2px 2px #333;
	margin-top:20px;
	color:#FFFFFF;
	text-align:center;
}

.texto_index{
	float:left;
	margin-top:20px;
	color:#FFFFFF;
	clear:both;
	margin-left:40px;
}

.texto_separado{
	float:left;
	margin-top:20px;
	color:#FFFFFF;
	margin-left:40px;
}


.input{
	width:330px;
	margin-left:20px;
	float:left;
	margin-top:20px;
}


.invisible{
	display:none;
}

.informacion{
	float:left; 
	margin-top:20px;
	margin-left:10px;
}

.formulario_negro{
	background-image: linear-gradient(20deg,rgba(51,51,51,1) 80%,rgba(153,153,153,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(51,51,51,1)), to(rgba(153,153,153,1)));
	width:400px;
	height:auto;
	margin:auto;
	border-radius:10px;
	box-shadow:2px 2px 2px #333;
	margin-top:20px;
	color:#FFFFFF;
	text-align:center;
}


.formulario_negro:hover{
	box-shadow:5px 5px 5px #666;
}

a{
	text-decoration:none;
}


.informacion_encabezado{
	float:left; 
	margin-top:20px; 
	margin-left:10px;
	padding-left:80px;
	color:#099;
}

#informacion_mas{
	color:#000000;
}

.tabla{
	width:990px;
	clear:both;
	text-align:center;
	float:left;
	margin-top:30px;
}

#select{
	clear:both;
	margin-top:70px;
	margin-left:20px;
}

.informacion_naranja{
	color:#C60;
}

.informacion_azul{
	color:#03C;
}

.informacion_verde{
	color:#090;
}

.informacion_gris{
	color:#E9393C;
}

.informacion_rojo{
	color:#F00;
}

.informacion_rosa{
	color:#E22092;
}


.informacion_cafe{
	color:#930;
}


.informacion_blanca{
	color:#000000;
}

.informacion_amarilla{
	color:#E22092;
}

#cuadro_rojoOtro{
	float:left; 
	width:20px;
	height:20px;
	margin-left:20px;
	background-color:#E9393C;
}

#cuadro_naranja{
	float:left; 
	width:20px;
	height:20px;
	background-color:#C60;
}

#cuadro_rosa{
	float:left; 
	width:20px;
	height:20px;
	margin-left:20px;
	background-color:#E22092;
}

#cuadro_azul{
	float:left;
	width:20px;
	height:20px;
	background-color:#03C;
	margin-left:20px;
}

#cuadro_verde{
	float:left;
	width:20px;
	height:20px;
	background-color:#090;
	margin-left:20px;
}

#cuadro_rojo{
	float:left;
	width:20px;
	height:20px;
	background-color:#990000;
	margin-left:20px;
}

#cuadro_negro{
	float:left;
	width:20px;
	height:20px;
	background-color:#000000;
	margin-left:20px;
}

.impresion{
	margin:auto;
	width:820px;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
}

#Impresion{
	float:left;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;

}

#folio{
	float:right;
	text-align:center;
	font-size:14px;
	border:1px solid #000;
}

#texto{
	float:left;
	color:#000000;
	margin-top:23px;
	font-size:18px;
	margin-left:10px;
}

.texto_gris{
	width:190px;
	padding-bottom:5px;
	padding-top:5px;
	color:#000000;
	float:left;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #000;
	background-image: linear-gradient(0deg, rgba(204,204,204,1) 10%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(153,153,153,1)), to(rgba(204,204,204,1)));
}

.textos_impresion{
	width:100%;
	border:1px solid #000;
	float:left;
}

.table{
	float:left;
	clear:both;
}

td{
	border:1px solid #000;
}

.td_td{
	border:1px solid #000;
	width:180px;
	text-align:center;
}

.td{
	border:1px solid #000;
	padding-bottom:10px;
	padding-top:10px;
	width:205px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	background-image: linear-gradient(0deg, rgba(204,204,204,1) 10%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(153,153,153,1)), to(rgba(204,204,204,1)));
}

.abajo{
	width:158px;
	font-size:8px;
	margin-top:20px;
	float:left;
	height:15px;
	line-height:15px;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #000;
}

.arriba{
	width:158px;
	font-size:10px;
	margin-top:-0px;
	float:left;
	height:15px;
	font-weight:bold;
	line-height:15px;
	text-align:center;
	border-bottom:1px solid #000;
}

.subtitulo{
	margin-top:10px;
	float:left;
	font-size:18px;
	margin-left:20px;
	color:#F00;
}

.input_text{
	font-size:11px;
	margin-top:10px;
	margin-left:20px;
}

#fechas{
	float:right;
}

.acccion{
	color:#000000;
}

.acccion:hover{
	text-decoration:underline;
}

#submenu{
	width:100%;
	height:30px;
	color:#FFFFFF;
	float:left;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	font-weight:bold;
	margin-bottom:20px;
}

ul{
	margin:0px;
	list-style:none;
}

#se_queda{
	background-color:#257D2E;
}

#preview_otro{
    background-color:#000;
    border-radius:15px;
    color:#fff;
    display:none; 
    padding:20px;
    min-width:400px;
	text-align:center;
    min-height: 180px;
}

#preview_mas{
    background-color:#000;
    border-radius:15px;
    color:#fff;
    display:none; 
    padding:20px;
    min-width:400px;
	text-align:center;
    min-height: 100px;
}

#preview_aceptar{
    background-color:#000;
    border-radius:15px;
    color:#fff;
    display:none; 
    padding:20px;
    min-width:400px;
	text-align:center;
    min-height: 100px;
}

.b-close{
	font-family:Arial, Helvetica, sans-serif;
	background: #222 url(../images/overlay.png) repeat-x;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
    cursor:pointer;
	float:right;
	padding:14px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:-40px;
	margin-left:100px;
	left:30px;
	border-radius:20px;
	background-color:#E62727;
}

.b-close:hover{
	background-color: #CF2525;
}

.input_correo{
	float:left;
	margin-left:10px;
	border:1px solid #000;
	border-radius:5px;
	width:250px;
	padding-left:5px;
}

.texto_correo{
	float:left;
	clear:both;
}

.texto_acomodo_blanco{
	float:left;
	background-color:#fff;
	width:90%;
	height:auto;
	color:#000;
	clear:both;
	margin-bottom:20px;
	margin-top:5px;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:40px;
}


.texto_acomodo_blanco_pablo{
	float:left;
	width:90%;
	height:auto;
	clear:both;
	margin-bottom:20px;
	margin-top:5px;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:40px;
	color: #fff;
}

#tablaRequi td{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border:2px solid #FFF;
}

#tablaImpresion td{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border:1px solid #000;
}

.tabla_formulario {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-top: 15px;
}

.tabla_formulario .dato {
	text-align: right;
	border: 0px;
	padding-right: 5px;
	width: 35%;
	height: 35px;
}

.tabla_formulario .valor {
	text-align: left;
	border: 0px;
	height: 35px;
}

.cuadroInformativo{
	float:left;
	width:80%;
	height:auto;
	border-radius:5px;
	clear:both;
	background-image: linear-gradient(20deg,rgba(51,51,51,1) 10%,rgba(153,153,153,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(51,51,51,1)), to(rgba(153,153,153,1)));
	margin-top:20px;
	margin-left:10%;
}

.cuadroInformativo .titulo{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#1c3a76;
	padding:10px 0px 10px 0px;
	border-radius:5px 5px 0px 0px;
	color:#fff;
	font-weight:bold;
}

.cuadroInformativo span{
	color:#fff;
}

.cuadroInformativo .dosColumnas{
	float: left;
	width: 35%;
}

.cuadroInformativo table{
	float: left;
	width: 100%;
	margin-top: 20px;
}

.cuadroInformativo table thead{
	background-color: #000;
	text-align: center;
	color: #fff;
}

.cuadroInformativo table tbody{
	background-color: #fff;
	text-align: center;
	color: #000;
}