@charset "utf-8";
/* CSS Document */


body 
{
	font-family:Helvetica,Futura,Arial,Verdana,sans-serif;
}
/* DISEÑO DE LA CINTA*/

#encabezado{  /*Maquetación para las cinta de la parte superior*/
	display: block;
	position: relative;
	background-color: #00AEEF;
	width: 50%;
	height: 30px;
	margin: 0 auto;
    	border-radius: 15px 15px 0px 0px;
	/*margin-left:236px;*/
	margin-top: 50px;
}

.titulo
{
	font-family:arial;
	font-size:25px;
	color:white;
	margin:35px auto;
}




/*DISEÑO DEL CONTENEDOR DE FORMULARIOS Y GRAFICAS*/
section 
{
	position: relative;
	display: block;
	margin: 0px auto;
    	border-radius: 0px 0px 0px 0px;
	background-color: transparent;
	width: 80%;
	height:auto;
	margin-top: -7px;
}

img.principal{  /*Maquetación para la imagen principal*/
	width : 300px;
	height: 450px;

	display: block;
	margin: 50px auto;
	/*background-color: rgba(255,255,255, 0.30);*/

	padding: 5px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px%;
	-ms- border-radius: 5px;

	/*Sombra para el ícono*/
	-webkit-box-shadow: 0px 10px 10px 10px rgba(255,255,255, 0);
	-moz-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0);
	-o-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0);
	-ms-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0);

	/*Transición para la sombra del icono*/
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	-ms-transition: box-shadow 0.2s;
}


.tablaImportar
{
	width: 700px;
	height: 180px;
	border-radius: 15px;
	background-color:transparent;	
}

.tablaImportar tr 
{
  	color: #202020;
  	font-style: normal;
  	font-size: 20px;
  	background-color: transparent;
}

.tablaGraficar
{
	width: 450px;
	height: 180px;
	border-radius: 15px;
	background-color:transparent;	
}

.tablaGraficar tr 
{
  	color: #202020;
  	font-style: normal;
  	font-size: 20px;
  	background-color: transparent;
}

.tabla-grafico
{
	border-radius: 15px;
	background-color: transparent;
	color: #202020;
  	font-style: normal;
  	font-size: 17px;
	font-weight: bold;
	margin-top:auto;
	margin-left:-20px;
}

.grafico
{
	border-radius: 15px;
	margin-top:auto;

}

#formulario-oculto
{
	position:relative;
	display:block;
	margin:0px auto;
	margin-bottom: 0px;
	display:block;
	background-color:transparent;
	margin-top:auto;
	border-radius: 15px;
}


.boton 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #DADADA;
	-webkit-box-shadow:inset 0px 1px 0px 0px #DADADA;
	box-shadow:inset 0px 1px 0px 0px #DADADA;
	background-color:#DAD7D7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #B4B7BA;
	display:inline-block;
	color:#000000;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px 000000;
}

.boton:hover
{
	background-color:#F0F0F0;
}

.boton:active
{
	position:relative;
	top:1px;	
}
.registros
{
	width: 180px;
	padding: 0px;
	height:30px;
	font-size: 16px;
	border-radius:0px;
	margin-top:5px;
}
#fecha1
{
	width: 100px;
	padding: 0px;
	height:25px;
	font-size: 16px;
	border-radius:0px;
	margin-top:-15px;
}
#fecha2
{
	width: 100px;
	padding: 0px;
	height:25px;
	font-size: 16px;
	border-radius:0px;
	margin-top:-15px;
}

.tabla
{
	background-color: #E0E2E3;
	width: 550px;
	height: 180px;
	border-radius: 15px;
	background-color:#BCBCBC;
}
	
.tabla tr td
{
  	color: #202020;
  	font-style: normal;
  	font-size: 17px;
  	background-color: transparent;
}
.tabla tr th
{
  	color: #202020;
  	font-style: normal;
  	font-size: 13px;
  	background-color: transparent;
}