body{
background-color:#E0F2FA;
margin:0 auto;

}

#container{
	margin: 0 auto;
	width:1007px; 
	height:auto;
}



#up{
	width:100%;
    height: 25px;
    background:transparent url("up_a.png") center center repeat-x;                
    font-family:arial;
    color:#FFF;
    font-size:1.125em; 
    font-weight: bold;
    text-align:center;
    padding-top:0px;
}


#backini{
	width: 100px ;
	height: 22px ;
	font-family: arial,helvetica,sans-serif ;
	color: #FFF ;
	font-size: 12px ;
	font-weight: bold ;
	position: absolute; top:6px ; left : 15%;
	
}

#backini a:link{text-decoration: none; color:#FFF ;}
#backini a:visited{text-decoration: none; color:rgb(208,223,233);}
#backini a:hover{text-decoration: none;   color:rgb(255,255,0);}



/*------------------------------------------------------------------------------------------------------------------------*/
#tabla_edo{
    margin:0 auto; 
	width:98%;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:.70em; /*8pt;*/
	color:#000; 
	padding: 0px 0px;
	background-color:#FFF;
	border:solid #E7E7E7 1px;
}



#tabla_edo thead th {
  padding: 0px 0px;
  background:transparent url("up_b.png") center center repeat-x;   
  border: 0px solid #111111;
  font-size:.975em;
  height:17px;
  color:rgb(0,51,153);    /* color textos headers tabla  */
}


#tabla_edo.display tbody td {
  padding: 0px 5px;
}
#tabla_edo.display tbody td {  border-bottom: 1px solid #E7E7E7;}/*<-------------BORDER----------------------->*/


/*----- keep this   #tabla_edo tbody tr {  background-color: white;}
#tabla_edo tbody tr.selected {  background-color: #b0bed9;}
#tabla_edo tbody th,#tabla_edo tbody td {  padding: 8px 10px;}-------*/

/*#tabla_edo.row-border tbody th, */
#tabla_edo.row-border tbody td, 
/*#tabla_edo.display tbody th, */




#tabla_edo.hover tbody tr:hover,
#tabla_edo.hover tbody tr.odd:hover,
#tabla_edo.hover tbody tr.even:hover, #tabla_edo.display tbody tr:hover,
#tabla_edo.display tbody tr.odd:hover,
#tabla_edo.display tbody tr.even:hover {
  background-color:#F1F9FC; /* fondo rows mouseover*/
}

#tabla_edo.no-footer {
  border-bottom: 0px solid #111111;
}

#tabla_edo td.PW a:link {text-decoration:none;color:white; }
#tabla_edo td.PW a:visited {text-decoration:none;color:gray;}
#tabla_edo td.PW a:hover {text-decoration:underline;}

#tabla_edo td.FEWU a:link {text-decoration:none;color:blue; }
#tabla_edo td.FEWU a:visited {text-decoration:none;color:gray;}
#tabla_edo td.FEWU a:hover {text-decoration:underline;}

#tabla_edo  td .mapa a:link {text-decoration:none;color:#004F00;text-align:right; }
#tabla_edo  td .mapa a:visited {text-decoration:none;color:#000000;text-align:right; }
#tabla_edo  td .mapa a:hover{text-decoration:none;background-color:#D4EBE8;text-align:right;color:#000000 }
#tabla_edo  td .mapa_ni a:link {text-decoration:none;color:#004F00;text-align:right; }
#tabla_edo  td .mapa_ni a:visited {text-decoration:none;color:#000000;text-align:right; }
#tabla_edo  td .mapa_ni a:hover{text-decoration:none;background-color:#D4EBE8;text-align:right;color:#000000 }







/*th.ver_mas {  background:url('details_open.png') no-repeat left center; cursor: pointer;display:none; visibility:hidden;}*/

/*td.ver_mas_i { background:url('details_open.png') no-repeat left center; cursor: pointer; visibility:hidden;height:50px; width:18px}
td.ver_mas_ni { background:url('details_open.png') no-repeat left center; cursor: pointer; visibility:hidden;height:28px; width:18px}*/

td.ver_mas { background:url('details_open.png') no-repeat center center; cursor: pointer; visibility:hidden;height:30px; width:30px}

tr.shown td.ver_mas {background: url('details_close.png') no-repeat left center; 	}


td.Loc_ni,
td.NN_ni,
td.Loc_ni,
td.Nom_ni,
td.PW_ni,
td.Dir_ni,
td.Col_ni,
td.Tel_ni,
td.FEWU_ni,
td.mapa_ni{font-size:.7em;}


#pie{
width:100%;
height:40px;
background-color: #E0F2FA;
}





/************************************************************************************
1024
*************************************************************************************/
@media screen and (min-width:1024px){
     /*th.ver_mas, td.ver_mas {display:none}*/
}
/************************************************************************************
SMALLER THAN 980
*************************************************************************************/
@media screen and (max-width: 990px) {

	#container {width: 100%; height:100%;  } 
	/*#tabla_edo{ width:auto; border:solid red 1px}*/

}

/************************************************************************************
SMALLER THAN 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/*.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate { float: none;  text-align: center;  }
	.dataTables_wrapper .dataTables_paginate { margin-top: 0.5em;  }*/
	
	#container{ width:auto}
	#up{font-size:.75em;}
	#backini{font-size: 11px ;	font-weight: bold ;	position: absolute; top:12px ; left : 1px;}
	
	#tabla_edo{ width:auto; font-size:.70em}
		
	td.ver_mas {visibility:visible}
	
	td.Dir,	th.Dir,	td.Dir_ni,
	td.Col,	th.Col, td.Col_ni,
	td.Tel,	th.Tel, td.Tel_ni, 
	td.FEWU,th.FEWU,td.FEWU_ni 	{display:none}
	
	td.Loc_ni,
	td.NN_ni,
	td.Loc_ni,
	td.Nom_ni,
	td.PW_ni,
	td.Dir_ni,
	td.Col_ni,
	td.Tel_ni,
	td.FEWU_ni,
	td.mapa_ni{font-size:.7em;}
	
	
	
}

/************************************************************************************
SMALLER THAN 480
*************************************************************************************/

@media screen and (max-width: 480px) {
	  /*.dataTables_wrapper .dataTables_length,
	  .dataTables_wrapper .dataTables_filter { float: none; text-align: center;  }
	  .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; }*/

}






#fin{}