body {
	margin:0;
	color:#2D2C2C;
	background: #fff;
}


a { color: #1A83EF; text-decoration: none; }
a:hover { text-decoration: underline; }


p {margin:18px 0;}

.negrita {
	font-weight: bold;
}

#logo {
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 6px;
	background: #fff;
	border: 1px solid #cfcece;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#cabecera {
	width: 100%;
	padding-top: 2px;
	background: url(../img/fondo_cabecera.png) repeat left;
	height: 130px;
}

#menu_top {
	font-size: 12px;
	font-family: Arial;
	color: #fff;
	margin-bottom: 10px;
}

#menu_principal {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	width: 140px;
	margin-right: 15px;
}



.boton {
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	border: 1px solid #3079ED;
	background: #4D90FE;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
	cursor: pointer;
}

#listado_pie {
	width: 100%;
	background: #232323;
	padding-top: 12px;
	padding-bottom: 10px;
}

.gris {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #4d4d4d;
}

.gris_pie {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #DDDDDD;
}

.blanco {
	font-family: Arial, Verdana;
	font-size: 13px;
	color: #ffffff;
}

.blanco_negrita {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.azul {
	color: #1A83EF;
}

.rojo {
	color: #e3554a;
}

#lista_submenu {
	list-style:none;
	margin:0;
	margin-top: -2px;
	padding:0;
	width: 100%;
	float: left;
}

#lista_submenu li {
	margin:0px;
	padding:0;
	float:left;
}

#lista_submenu li a {
	display:block; //Convertimos el v�nculo en un bloque.
	width:100 px;
	height: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
}

#lista_submenu li a:hover {
	background:#CBCB08;
}

#lista_submenu_on {
	background:#CBCB08;
}

#blanco {
	color: #4d4d4d;
	font-family: Arial;
	font-size: 13px;
	padding-top: 10px;
}

#ruta {
	color: #4d4d4d;
	font-size: 11px;
	font-family: Arial, Verdana;
	margin-bottom: 10px;
}

.verde {
	color: #41803F;
}

#fondo_menu {
	width: 140px;
	height: 29px;
	margin-bottom: 10px;
	background: url(../img/fondo_menu.png) repeat top;
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	color: #5c5c5c;
	text-align: left;
	border: 1px solid #cfcece;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#texto_fondo_menu {
	font-family: Arial;
	font-size: 12px;
	color: #5c5c5c;
	padding: 7px;
	padding-left: 15px;
	font-weight: bold;
}

#iconos {
	margin-left: 10px;
	padding-right: 10px;
	float: left;
}

#submenu {
	padding: 4px;
	padding-left: 6px;
	background: #f3f3f3;
	margin-bottom: 10px;
	width: 98.8%;
	border: 0px solid;
}

#submenu2 {
	margin-bottom: 10px;
}

#submenu2 a {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
}

#separador {
	border-bottom: 1px dashed #DDDDDD;
	width: 135px;
	height: 12px;
	margin-bottom: 12px;
	margin-left: 2px;
}

#aviso_admin {
	background: #F77171;
	border-color: #DDDDDD;
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana;
	padding: 4px;
	height: 15px;
	margin-bottom: 10px;
	width: 300px;
}

#secciones {
	padding: 10px;
	border: 1px solid #CCCCCC;
	line-height: 18px;
}

#contenido {
	color: #4d4d4d;
	font-size: 12px;
	font-family: Arial, Verdana;
}



#titulo_negro {
	color: #2D2C2C;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}



option.uno {
	background: #81AEF8;
	color:#ffffff;
}

option.dos {
	padding-left: 15px;
	background: #ccc;
	color:#2D2C2C;
}

option.tres {
	padding-left: 25px;
	color:#2D2C2C;
}


#nombre_campo {
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 4px;
	font-weight: bold;
}



label.error {
	font-size: 11px;
	font-family: Arial;
	display: block;
	color: red;
	font-style: italic;
}

input.error {
	border: 1px solid #0078BF;
}

textarea.error {
	border: 1px solid #0078BF;
}

.boton_rojo {
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	border: 1px solid #7f0c1a;
	background: #c90d24;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

.formulario3 {
	font-family:Arial;
	font-size: 13px;
	color: #555555;
	border: 1px solid #CDCDCD;
	height:24px;
	padding-left: 4px;

}


.formulario2 {
	font-family: Arial;
	font-size: 12px;
	color: #555555;
	background-color: #FBFBFB;
	padding: 6px 8px;
	border: 1px solid #CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}



/* BOTONES CSS3 */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: 8px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* green */
.green {
	color: #fff;
	border: solid 1px #79ac1e;
	background: #79ac1e;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9eb5f), to(#79ac1e));
	background: -moz-linear-gradient(top,  #b9eb5f,  #79ac1e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9eb5f', endColorstr='#79ac1e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


/* blue */
.blue {
	color: #fff;
	border: solid 1px #158dc2;
	background: #72bde5;
	background: -webkit-gradient(linear, left top, left bottom, from(#72bde5), to(#2292d2));
	background: -moz-linear-gradient(top,  #72bde5,  #2292d2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#72bde5', endColorstr='#2292d2');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}







#titulo_campo {
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	color: #555555;
}

#titulo_campo2 {
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
	color: #555555;
	margin-top: 20px;
}

#info {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	background: #f3f3f3;
	padding: 3px 10px;
	float: left;
	margin-left: 2px;
	border: 1px solid #cfcece;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}





.blanco_peq {
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

#aviso {
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	padding: 7px 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #e3554a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 750px;
}

 #letras {
	background: #F5A546;
	text-align: center;
	padding: 2px 4px;
	margin-right: 1px;
 }





.tabla_simple3 {
	border: 0px;
}

.tabla_simple td{
	padding: 4px;
}


 .celda {
	color: #4d4d4d;
	padding: 4px;
	padding-left: 6px;
	background: #ffffff;
	font-family: Arial, Tahoma;
	font-size: 12px;
	border: 1px solid #ddd;
 }


.fondo_rojo {
	background: #F77171;
	border-color: #DDDDDD;
	color: #ffffff;
}

.fondo_rojo2 {
	color: #e3554a;
	font-weight: bold;
}

.columna {
	color: #ffffff;
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 20px;
	margin-right: 5px;
	background: #69a4cc;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

 .numeros {
	font-family: Arial;
	font-size: 13px;
 }

#subtitulo {
	font-family: Arial;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 2px;
	background: #575757;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#submenu_clientes {
	float: left;
	background: #f4f4f4;
	padding: 15px 20px;
	width: 100px;
	margin-right: 20px;
	border-right: 1px solid #ddd;
}

#caja_home {
	color: #2D2C2C;
	font-size: 13px;
	font-family: Arial;
	padding: 15px 20px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	width: 190px;
	height: 190px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#caja_home2 {
	color: #2D2C2C;
	font-size: 13px;
	font-family: Arial;
	padding: 15px 20px;
	background: #fff;
	float: left;
	width: 1090px;
	height: auto;
	margin: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#caja_home3 {
	color: #2D2C2C;
	font-size: 13px;
	font-family: Arial;
	padding: 15px 20px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	width: 160px;
	height: 190px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}




.caja_home {
	color: #1A83EF;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: underline;
	line-height: 20px;
}

#titulo_caja_home {
	color: #fff;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	background: #69a4cc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#titulo_caja_home2 {
	color: #fff;
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
	background: #575757;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#info_caja_home {
	margin-top: 8px;
	text-align: left;
	line-height: 20px;
}

#graficos {
	border: 1px dashed #dddddd;
	padding: 10px;
	float: left;
	width: 510px;
	height: 350px;
}

#apartados {
	margin-bottom: 15px;
	float: right;
	border: 2px solid #f0f0f0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	width: 760px;
}

#contenido_titulo {
	height: 50px;
}

 .celda_excel {
	color: #4d4d4d;
	padding: 4px;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #ddd;
 }

 #herramienta {
	font-family: Arial, Verdana;
	font-size: 18px;
	color: #ffffff;
	float: left;
	z-index: 1;
	position: absolute;
	margin-top: 130px;
}

 .celda_excel2 {
	color: #4d4d4d;
	padding: 4px;
	font-family: Arial;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
 }

 .celda_excel_titulo {
	color: #003e4b;
	padding: 4px;
	font-family: Arial;
	font-size: 14px;
	border: 0px solid #ddd;
 }
