.content
{
	position			: relative;
	font-family			: Arial;
	font-size			: small;
	font-weight			: normal;
	margin-left			: 1%;
	margin-top			: 1%;
}
h3
{
	position			: relative;
	padding-top			: 1%; 
	padding-left		: 1%; 
	color				: gray;
	font-size			: medium; 
}
#principal li 
{
	position			: relative;
  	display				: inline;
  	float				: left;
  	width				: 220px;
  	background-color	: #f5f7f9;
  	padding				: 5px;
  	margin				: 10px;
  	text-align			: center;
  	border-right		: #a5a7aa solid 1px;
  	border-bottom		: #a5a7aa solid 1px;
}
#principal li a
{
	color				: gray; 
	text-decoration		: none; 
}
#contenedor
{
	position			: relative;
	display				: block;
	clear				: both;
	width				: 100%;
	margin-top			: 1%;
}
.blur
{
	position			: relative;
	display				: block;
	clear				: both;
	width				: 50%;
	margin-left			: 25%; 
	background-color	: #ccc; /* shadow color */
 	color				: inherit;
}
.shadow
{
	position			: relative;
	display				: block;
	clear				: both;
	width				: 99.5%;
	margin-bottom		: 5px; 
	margin-top			: -0.5%;
	margin-left			: -0.5%;
	background-color	: #666; /*shadow color*/
   	color				: inherit;
}
.monitor
{
	position			: relative;
	float				: left;
	width				: 64%;
	padding				: 0;
	margin-left			: 1em;
   	background-color	: #E8B89D;	
  	background-color	: #D6B734;
   	background-color	: #EDCF4F;
  	background-color	: #F4DD79;
	background-color	: #D2D5E0;
	background-color	: #D2D5E0;
	background-color	: #FFFFFF;
}
#monitorfotografico
{
	position			: absolute;
	top				: 0;
	left				: 0;  
	display			: none;
	z-index			: 1000; 
}
#monitorfotograficovisible
{
	position			: absolute;
	top				: 0;
	left				: 0;  
	display			: block;
	z-index			: 1000; 	
}
.margenmapa
{
	margin-bottom		: 3%; 
}
.monitorBlanco
{
	position				: relative;
	float					: left;
	width					: 39.75%;
	height				: auto; 
	margin				: 1%;	
	padding				: 0; 
  	background-color	: #FFFFFF;
/*  	border				: 1px solid #D2D5E0;*/
}
.monitorColor
{
	position			: relative;
	float				: left;
	width				: 40%;
	height				: 18em; 
	padding				: 0;
	margin				: 1%;
  	background-color	: #D2D5E0;
  	border				: 1px solid #D2D5E0;
}
.monitorMapas
{
	position			: relative;
	float				: left;
	width				: 50%;
	height				: 18em; 
	padding				: 0;
	margin				: 1%;
  	background-color	: #D2D5E0;	
  	background-color	: white; 
}
.monitorTransparente
{
	position			: relative;
	float				: left;
	width				: 40%;
	height				: auto;
	padding				: 0;
	margin				: 1%;
   background-color		: #E0E0E0;	
   background-color		: white;	
}
.corto
{
	height				: 8em; 
}
#pantalla
{
	position			: relative;
	width				: 80%;
  	text-align			: center;
	margin				: 0;
	padding				: 0;
	z-index				: 1; 
}
.miniMonitor
{
	position				: relative;
	float					: left;
	width					: 30%;
	padding				: 0;
	margin-bottom		: 2em;  
	background-color	: white;
}
#miniPantalla
{
	position			: relative;
   	background-color	: white;
   	text-align			: center;
	margin				: 0;
	padding				: 0;
	width				: 200px;
	height				: 199px;
	padding-top			: 10%;
	padding-left		: 20%; 
}
#principal
{
	position			: relative;
	width				: 95%;
}
#pantalla span
{
	font-family			: Arial;
	font-size			: small;
}
#menuMiniaturas
{
	float				: right;
	margin-top			: 1%;
	margin-right		: 1%; 
	background-color	: #FFFFFF; 
	width				: 75%;
	border-top			: 1px dashed #cccccc; 
	border-bottom		: 1px dashed #cccccc;
}
#menuMiniaturas li
{
	float				: right;	
	margin-top			: .1em;
	margin-bottom		: .1em;
	padding-bottom		: .2em;
	padding-top			: .2em;
	padding-left		: .2em;
	border-top			: 1px dashed #cccccc;	
	border-bottom		: 1px dashed #cccccc;	
}
#menuMiniaturas li a:link img
{
	filter				: alpha(opacity=50);
	opacity				: 0.5;
}
#menuMiniaturas li a:visited img
{
	filter				: alpha(opacity=50);
	opacity				: .5;	
}
#menuMiniaturas li a:hover img
{
	filter				: alpha(opacity=100);
	opacity				: 1;
}
#menuMiniaturas li a:active img
{
	filter				: alpha(opacity=100);
	opacity				: 1;
}
#menuMiniaturas li a:focus img
{
	filter				: alpha(opacity=100);
	opacity				: 1;
}
.margeninferior
{
	margin-bottom		: 2em; 
}
ul.oculto
{
	display				: none;
	margin-left			: 1em;
	margin-top			: 2em;
	text-align			: center;	 
}
ul.oculto li
{
	margin				: 0;
	padding				: 0;
	margin-right		: .5em;
}
ul.normal
{
	display				: block;
	margin-left			: 1em;
	margin-top			: 0em;
	text-align			: center;	 
}
ul.normal li
{
	margin				: 0;
	padding				: 0;
	margin-right		: .5em;
}
ul.hidden
{
	margin				: 0;
	padding				: 0;
	margin-left			: 1em;
	visibility			: hidden;
	text-align			: center;  
}
ul.hidden li
{
	margin				: 0;
	padding				: 0;
	margin-right		: .5em;
}
ul.visible
{
	margin				: 0;
	padding				: 0;
	margin-left			: 1em;
	margin-top			: 1em;
	text-align			: center; 
}
ul.visible li
{
	margin				: 0;
	padding				: 0;
	margin-right		: .5em;
}