/* CSS Document */

body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	background: #fff;
	background: -moz-linear-gradient(#e5ffe5, #fff);
	background: -webkit-linear-gradient(#e5ffe5, #fff);
	background: -o-linear-gradient(#e5ffe5, #fff);
	background-repeat: no-repeat;
}
p, ul {
	font-size: 0.8125em;
	line-height: 1.5;
	margin: 0 0 1.5em;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 24px/100% Arial, Helvetica, sans-serif;
}

/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#pagewrap {
	padding: 5px;
	width: 98%; /*960px;*/
	margin: 0px auto;
}
#header {
	height: auto;

	position: fixed;
	width: 97%;
	top: 0px;
	left: 5px;
	padding-top: 8px;
	padding-left: 8px;
	background-color: #01c700;
    border: 3px solid #73AD21;
}
#content {
	width: 100%; /*600px;*/
	float: left;

}
#sidebar {
	width: 25%; /*300px;*/
	float: right;
}
#menu {
	display:none;
	width: 30px;
	height: 30px;

}
#footer {
	clear: both;
	text-align:center;
	font-style:italic;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



table#cargas th#info_cab, table#cargas th#info{
	display:none;	
}



/* para 700px o menos */
@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
	}
	
	table#cargas th#info{
		display:none;	
	}
	
}

/* para 480px o menos */
@media screen and (max-width: 480px) {
	#pagewrap{
		padding:  0px;
		width: 100%;
		
	}

	#header {
		height: auto;
	}
	h1{
		font-size: 14px;
	}
	#sidebar {
		display: none;
		position: absolute;
		top: 45px;
		left: 12px;
	}
	#menu{
		width: 30px;
		height: 25px;
		display:inline;
		vertical-align:middle;
		float: left;
	}
	#formRec input{
		width: 75px;
	}
	
	table#cargas th#fecha, table#cargas th#trabajador, table#cargas td#fechas, table#cargas td#trabajador{
		display:none;	
	}

	table#cargas th#info_cab, table#cargas th#info{
		display:table-cell;
	}
}

/******** Menu Lateral ****************/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
	background: #fff;
	border: 3px solid #01c700;
	background-repeat: no-repeat;
    overflow-x: hidden;
    transition: 0.2s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #000;
    display: block;
    transition: 0.9s;
}

.sidenav a:hover {
    color: #01c700;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* borde & guideline (puedes ignorarlo) */
#content {
	/*background: #f8f8f8;*/
}
#sidebar {
	/*background: #f0efef;*/
}
#header, #content, #sidebar {
	margin-bottom: 2px;
}
#pagewrap, #header, #content, #sidebar, #footer {
	/*border: solid 0px #ccc;*/
}

	
/********************************/
.establecimientos img{
	width: 100%;
}

.establecimientos a:hover img{
	opacity: 0.5;
}

.establecimientos img#epicentro{
	width: 60%;
}