/********************************************************************************************/
/* Hoja de estilo con el estilo de todos los elementos comunes a todas las paginas del Site */
/* 				 							 					 			 		 					 				 	 			 		 				 		 			*/
/* www.luismonzon.com		 					 			 		 					 				 	 			 		 				 		 			*/
/* 				 							 					 			 		 					 				 	 			 		 				 		 			*/
/********************************************************************************************/

body {

	margin:  0;
	padding: 0;
	border:  0;
	
	background-color: #000000;
	background: url(../img/fondo_general.jpg);
	
	
	/* Para que en IE el contenedor div principal quede..*/
	/* ...centrado margin-left (right): auto*/
	text-align: center;

	/*Atributos de la barra de scroll principal*/
	scrollbar-track-color:      #a00000;
	scrollbar-face-color:       #ff0000;
	scrollbar-arrow-color:      #000000; 
	scrollbar-shadow-color:     #000000; 
	scrollbar-highlight-color:  #ff0000;
	scrollbar-3dlight-color:    #000000; 
	scrollbar-darkshadow-color: #a00000; 
}


/* =============================== */
/* ==== Preloader javascript  ==== */
/* =============================== */

#preloader{
	
	position: relative;

	/* contenedor de esta capa (body)  text-align: center;*/				
	margin-left: auto;
	margin-right: auto;
	
	margin-top:    0;
	margin-bottom: 0;
	
	padding: 0; 
	border:  0;
	
	width:  320px;
	height: 175px;		
}


/*ajusta el texto "cargando"*/

#preloader p {
  
	position: relative;
	
	z-index: 1; /*"Encima" de la capa transparente de fondo*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff8080;
		
	text-align: center;
	vertical-align: middle;

	top: 65px;
}


#preloader img {

	position: absolute;
	
  z-index: 1; /*"Encima" de la capa transparente de fondo*/
	
	top: 85px;
	left: 115px;
}


/*capa semitransparente del fondo del preloader*/

#preloader div {

  position: absolute;
	
	z-index: 0;  /*"debajo" del mensaje del preload*/
	
	top:  0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background: #800000;
	
	border:  1px solid #FF0000;
		
	filter: alpha(opacity=50);
		
	opacity: .5;	
}




/* =================================== */
/* ==== Espacio central (Web)     ==== */
/* =================================== */

#contenedor {
  
	position: relative;
	
	margin-top:    0;
	margin-bottom: 0;
		
	/* contenedor de esta capa (body)  text-align: center;*/				
	margin-left: auto;
	margin-right: auto;
	
	padding: 0; 
	border:  1px solid #FF0000;
	
	text-align: center;
		
	width:  785px;
	height: 536px;
	
	background: url(../img/fondo_web.jpg);

	/*overflow: hidden;*/

}


/*Firma de Luis*/
#firma {

	position:absolute;

	top:  10px;
	left: 0px;
	
}

#titulo {

	position:absolute;
	
  top:   49px;
	right:  3px;

	/*border: 1px solid #000000;*/
	
}


/* ============================================================== */
/* ===			Texto final de resolucion y copyright             === */
/* ============================================================== */

#texto_final{

	position:absolute;

	bottom: 0px;
	left: 175px;
	
	font-size:9px;
	color: #802020;

	height:9px;
	
	z-index: 100; /*por encima de cualquier elemento*/
}


/* enlaces para los posibles enlaces del copyright, p.e: nota legal*/
#texto_final a {

	color:#802020;
	font-style: none;
	text-decoration: none;
	
}


#texto_final a:visited{

	color:#802020;
	font-style: none;
	text-decoration: none;
}


#texto_final a:active{

  color: #802020;
	font-style: none;
	text-decoration: none;
}


#texto_final a:hover   {
  color: #ffd0d0;
	font-style: none;
	text-decoration: underline;	
}


/* ============================================================== */
/* ===			Estilos por defecto para los elementos del site   === */
/* ============================================================== */


/*A los tags de uso mas frecuente le asigno la tipografia por defecto*/

h1, h2, h3, h5, h6, tr, td, ol, ul, li, p{

	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;

	text-align: left;

	line-height: 1.4em;	
	

	margin:  0;
	padding: 0;
	border:  0;
}


/* sirve para objetos como flash */
object {
	border:  0;
	margin:  0;
	padding: 0;
}


img {
	border:  0;
	margin:  0;
	padding: 0;
}

/* enlaces por defecto para el site*/
a {

	color:#ffe0e0;
	font-style: normal;
	text-decoration: none;
	
}


a:visited{

	color:#ffe0e0;
	font-style: normal;
	text-decoration: none;
}


a:active{

  color: #ffe0e0;
	font-style: normal;
	text-decoration: none;
}


a:hover   {
  color: #ff0000;
	font-style: normal;
	text-decoration: underline;	
}