@charset "utf-8";
html, body
{
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
} 
a:link {
	font-family: Verdana, Geneva, sans-serif;
	color:#333333;
	text-decoration:blink;
	text-shadow: 0.1em 0.1em 0.5em #ffffff,0.0em 0.0em 0.5em #ffffff;
	font-size: 12px;
	font-weight: bold;
}
a:active { 
	color: #333333; 
	text-decoration: blink;
	text-shadow: 0.1em 0.1em 0.5em #ffffff,0.0em 0.0em 0.5em #ffffff;
}
a:hover { 
	color: #ffffff; 
	text-decoration: blink;
	text-shadow: 0.1em 0.1em 0.5em #333333,0.0em 0.0em 0.5em #333333;
}
img {
	border: none;
	}
a img { 
	border: none; 
	}

h3_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
h4 {
	font-size: 12px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-style: normal;
	vertical-align: central;
}
li {
	font-size: 11px;
	}
.style1 {
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.style3 {
	color: #666666
}
.style4 {
	color: #000000
}
.style6 {
	font-size: 10
}

#div-border {
	border-left: 1px solid #ccc;
	width: 1px;
	height: 33px;
}
.center{
	margin: 0 auto;
	width:95%;
}

.logo {
	height: auto;
	padding: 10px;
}
.alinear_abajo{
	margin-bottom:-3px;
}
.titulo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCC;
	padding:0.5em;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.5em;
}
/*--------------------tablas----------------------------------*/
#customers th{
font-size: 1em;
text-align: center;
padding-top: 5px;
padding-bottom: 4px;
background-color: #A7C942;
color: #fff;
}

#customers {
	border:1px solid black;
padding-top: 5px;
padding-bottom: 4px;
background-color: #E2E2E2;
color: #fff;
}

#customers tr.alt {
background-image: -moz-linear-gradient(top, #FFFFFF, #EDEDED); /* FF3.6 */
	background-image: linear-gradient( #FFFFFF, #EDEDED 100%);
	/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #858585));  Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#EDEDED'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#EDEDED')"; /* IE8 */
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
}
/*-------------aplicado--------------*/

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.hovertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.hovertable tr {
	background-color:#d4e3e5;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

/*----------------inicio-----fuentes y estilos------------------------*/


.tema1 {
	color: #d68f04;
	font: "Arial Regular", Gadget, sans-serif;
	font-size: 12;
}
.tema2 {
	background-color: #ffffff;
	font-size: 12;
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: italic;
	color: #333333;
	text-align: center;
}
.texto1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #dbdde0;
}
.texto2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
}
.pie {
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
}

/*----------------fin-----fuentes y estilos------------------------*/

/*-----------------inicio------imagenes-modifica los img-----------------------------------------*/


#content1 img{
	max-width:100%;
	min-width:2%;
	height:auto;
	width:100%;
}

#content2 img{
	max-width:68%;
	min-width:13%;
	height:auto;
	width:100%;
}
#content3 img{
	max-width:50%;
	min-width:10%;
	height:auto;
	width:100%;
}
#content4 img{
	max-width:41%;
	min-width:8%;
	height:auto;
	width:100%;
}
#content5 img{
	max-width:20%;
	min-width:4%;
	height:auto;
	width:100%;
}
#content6 img{
	max-width:36%;
	min-width:7%;
	height:auto;
	width:100%;
}
/*-------------------fin----imagenes-modifica los img----------------------------------------*/

/*---------------inicio----degradados--------------------------------*/
.gradient1 {
	background-image: -moz-linear-gradient(top, #333333, #858585); /* FF3.6 */
	background-image: linear-gradient( #333333, #858585 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #858585)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#858585'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#858585')"; /* IE8 */

}
.gradient2 {
	background-image: -moz-linear-gradient(top, #e1e5f3, #ffffff, #e1e5f3); /* FF3.6 */
	background-image: linear-gradient( #e1e5f3, #ffffff, #e1e5f3 100%);
	/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #858585));  Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e5f3', EndColorStr='#ffffff'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e5f3', EndColorStr='#ffffff')"; /* IE8 */
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
}
.gradient-img {
	background-image: linear-gradient( #4C4C4C, #5B5B5B, #ffffff,  100%);
	background-image: -moz-linear-gradient(top, #4C4C4C, #5B5B5B, #ffffff, 100%); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4C4C4C),color-stop(1, #5B5B5B)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4C4C4C', EndColorStr='#5B5B5B'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4C4C4C', EndColorStr='#5B5B5B')"; /* IE8 */
}
.gradient-tablas {
	background-image: -moz-linear-gradient(top, #ffffff, #ededed); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ededed)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ededed'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ededed')"; /* IE8 */
	
}
/*---------------fin----degradados--------------------------------*/

/*------------------inicio----Menuc------------------------------------*/
li{
	list-style:none;
	}
#menuc {
	margin: 0 15%;
	width: 84%;
	/*min-width:628px;*/
	}

.parametros {
	position:  static;
	width:40%;
	min-width:275px;
	padding: 0.25em;
	float: left;
	
	}
.filtros{
	position: static;
	width:40%;
	padding: 0.25em;
	float: left;
	}
.clear{
	clear:both;
	}
.centrar-menuc{
	text-align:center;
	}

/*--------------inicio-----Cajas------------------------------------------*/
/*
#cajas:hover{
margin:1.2em;
// Márgenes redondeados
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
//IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS
-moz-box-shadow: 0px 0px 0px 0px rgba(91,91,91,0.74);
-webkit-box-shadow: 0px 0px 0px 0px rgba(91,91,91,0.74);
box-shadow: 0px 0px 0px 0px rgba(91,91,91,0.74);
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 135, color = '#666666');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 135, Color = '#666666')";
	}
	*/
.cajas{
margin:1em;
/* Márgenes redondeados*/
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 7px 7px 7px 0px rgba(210,210,210,1);
-webkit-box-shadow: 7px 7px 7px 0px rgba(210,210,210,1);
box-shadow: 7px 7px 7px 0px rgba(210,210,210,1);
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 135, color = '#D2D2D2');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 135, Color = '#D2D2D2')";


/*Tamaños*/
position: inherit;
max-width: 100%;
max-height:100%;
min-width:180px;
min-height:20%;

	}
	
.caja-fecha{
border: 1px solid  #F90; 
		}
		
.caja-datos{
border: 1px solid #00F; 
		}
		
.caja-seleccion{
border: 1px solid #F00; 
		}
		
.caja-ordenado{
border: 1px solid #0F0; 
		}
		
.caja-consulta{
border: 1px solid #FF0; 
		}		
/*--------------fin-----Cajas------------------------------------------*/
		
/*---------------inicio-------Botones-----------------------------------------*/
#boton {
	margin:0 auto;	
	width: 100%;
	}
.boton1 {
	margin-left:3em;
	float: left;	
	}	
.boton2 {
	margin-right:2em;	
	float: right;	
	}
/*---------------fin-------Botones-----------------------------------------*/
		
/*---------------fin-------Menuc------------------------------------*/


/* css for timepicker */
			#ui-datepicker-div{ font-size: 70%; }
			.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
			.ui-timepicker-div dl{ text-align: left; }
			.ui-timepicker-div dl dt{ height: 25px; }
			.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
			.ui-timepicker-div td { font-size: 90%; }