@charset "utf-8";
BODY {
    background-color: #F9F9F9;
    font-family: sans-serif;

}

.nombre_sistema {
    margin-top: 20px;
    background-color: #212121;
    color: #777;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

.login {
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}

.login_input {
    font-size: 1.1em;
    color: #666;
}

.textForm {
    font-family: sans-serif;
    font-size: 1.03em;
}

.diarios_lista A{
    text-decoration:none;	
}

.textVertical {
    -webkit-transform: rotate(90deg);	
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*Boton*/

.boton {
    -moz-box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.06);;
    -webkit-box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.06);;
    box-shadow: 0 1px 1px rgba(0,0,0,0.06);
    background-color:#317AC4;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border: 1px solid #245B92;
    display:inline-block;
    color:#ffffff;
    padding:6px 24px;
    text-decoration:none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.boton:hover {
    background-color: #2a6bae;
}.boton:active {
    position:relative;
    top:1px;
}

.botonDisabled {
    background-color:#eee;
}

.botonDisabled:hover {
    background-color:#eee;
}

/* fin boton */
.detalleLink {
    text-decoration: none;
    font-size: 1.1em;
    color: blue;
}

.lineaInferior {

    border-bottom:1px solid #ff0000;
} 

.header {
    height: 70px;
}

.mensajeError {
    color: red;
    font-family: sans-serif;
    font-size: 1.05em;
    text-transform:uppercase;
    font-weight: bold;
    margin: 30px 0px 10px 0px;
}

.mensajeOK {
    color: green;
    font-family: sans-serif;
    font-size: 1.10em;
    text-transform:uppercase;
    margin: 30px 0px 10px 0px;

}

.textoheader {
    color: #777;
}

.textoheader a:link, .textoheader a:visited{
    color: #777;
}

.tituloheader {
    font-size: 1.3em;
    font-weight: bold;
}

.topMenu {
    background-color:#323232;
    height: 4px;
}

.fondoTablaDet {
    background-color: #f6faf9;
    text-align: center;
}

.left {
    text-align: left;
}

.form_exito {
    color: green;
}

.form_error {
    color: red;
    font-weight:bold;
}

.titulo {
    font-family: sans-serif;
    font-size: 1.20em;
    font-weight: bold;
    text-transform:uppercase;
    margin: 30px 0px 10px 0px;
}

.subtitulo {
    font-weight: bold;
    background-color:#3366ff;
    -moz-border-radius:3px 3px 0px 0px;
    -webkit-border-radius:3px 3px 0px 0px;
    border-radius:3px 3px 0px 0px;
    text-align: center;
    color: white;

}

.peridobar{
    background-color:#6699ff;
    font-size: 0.95em;
    width: 80%;
    font-style: italic;
    font-weight:bold;
    margin: 3px 0px 1px 0px;
}

.tableceldacenter {
    text-align: center;
}

table.reporte {	
    text-align: right;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 100%;
    background-color: #fafafa;
    border: 1px #eee solid;
    border-collapse: collapse;
    border-spacing: 0px;}



.header_table
{	border-bottom: 2px solid #ddd;
  background-color: #317AC4;
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #ddd;
}


.row_hover {
    border-bottom: #ded solid 1px;
}

.reporte tbody tr.row_hover td{
    white-space:nowrap;
}

.row_hover:hover {
    background: #6699ff;
}
.header_cel{ 
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-weight: bold;
}

.cel_text {
    text-align: left;
}
.tablecelda {
    border-bottom: solid #000 1px;
}

.tituloItem{
    font-size: 0.90em;
    font-weight:bold;
    color: #000; 
}

.temaItem{
    font-size: 0.90em;
    font-style: italic;
}

.adicItem{
    font-size: 0.85em;
    font-style: italic;
    color:#999;
}

/* Buscar widget  */
.buscar  {
    float: right;
    text-align: center;
    position:relative;
}
/* Fin Buscar widget  */

/* CARRITO */
.carrito {
    width: 100px;
    float: right;
    text-align: center;
    position:relative;
}
/* FIN CARRITO*/

/* Paginacion  */
#pagination  {
    float: left;
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    white-space: nowrap; 
}

ul#pagination li { 
    float: left; 
    display: block;
    text-decoration: none;
    font-weight:bold;
    margin: 0; 
    padding: 5px 10px 10px 5px; 
}

#pagination a, #pagination a:link { 
    color: #000; 
    text-decoration: none;
    padding: 5px 5px 5px 5px; 	
} 

.selectedPag { 
    background-color: #FE9C54;
    padding: 5px 5px 5px 5px; 
}
/* Fin Paginacion  */

/* INICIO MENU CARRITO */

#navcontainer { 
    float:right; 
} 

ul#navlist { 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    white-space: nowrap; 
} 

ul#navlist li { 
    float: left; 
    display: block;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin: 0; 
    padding: 5px 0 4px 0; 
    background-color: #aaa; 
    border-top: 1px solid #e0ede9; 
    border-bottom: 1px solid #e0ede9; 
}

#navlist a, #navlist a:link { 
    margin: 0; padding: 5px 9px 4px 9px; 
    color: #fff; 
    border-right: 1px solid #d1e3db; 
    text-decoration: none; 
} 

ul#navlist li#active { 
    color: #95bbae; 
    background-color: #d1e3db; 
}

#navlist a:hover { 
    color: #fff; 
    background-color: #3366FF; 
}

ul#navlist .selected{
    background-color: #3366FF;
}
ul#navlist .selected a {
    color: #000;
}

/* FIN MENU CARRITO */


.maincontainer { 
    vertical-align: top;
} 


/* INICIO MENU general */

.navcontainerGen { 
    vertical-align: top;
} 

ul#navGenlist { 
    margin: 0; 
    padding: 0 10px 10px 0px; 
    list-style-type: none; 
    white-space: nowrap; 
} 

ul#navGenlist li { 
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin: 0; 
    padding: 5px 0 4px 0; 
    background-color: #2e78c1; 
    margin-top: 2px;
    border: 1px solid #1a5796; 
    border-left: 5px solid #1a5796;  
}

#navGenlist a, #navGenlist a:link { 
    margin: 0; 
    padding: 5px 9px 4px 9px;
    color: #fff; 
    text-decoration: none; 
} 

ul#navGenlist li#active { 
    color: #95bbae; 
    background-color: #1a5796; 
    border: 1px solid #2e78c1; 
    border-left: 5px solid #2e78c1;
}

#navGenlist a:hover { 
    color: #fff; 
    background-color: #3366FF; 
}

ul#navGenlist .selected{
    background-color: #1a5796; 
    border: 1px solid #2e78c1; 
    border-left: 5px solid #2e78c1; 
}

.contenido{
    width: 90%;
}

.home_msg {
    margin-top: 40px;
    margin-right: 20px;
    font-size: large;
    font-weight: bold;
}

#map_canvas {
    width: 400px;
    height: 200px;
    background-color: #CCC;
    float: right;
}


@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 90.09%;
	padding-left: 0.455%;
	padding-right: 0.455%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 1%;
	display: block;
}
#logo {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 40%;
	display: block;
}
#toprigth {
	clear: none;
	float: right;
	margin-left: 1%;
	width: 50%;
	display: block;
	text-align: right;
}
#separador1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#margenizqcore {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0.1%;
	display: block;
}
#core {
	clear: none;
	float: left;
	margin-left: 0.1%;
	width: 99.6%;
	display: block;
}
#margendercore {
	clear: none;
	float: left;
	margin-left: 0.1%;
	width: 0.1%;
	display: block;
}
#separador2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}

#separador1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#core {
	clear: both;
	float: none;
	width: 700px;
	display: block;
	text-align: left;
}

#separador2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}