/*	Archivo CSS de la p?gina "ejemplo.html"	*/
/*	Este archivo puede ser empleado para el aprendizaje de t?cnicas CSS	*/
/*	LaWebera.es :: Dise?o Web :: Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.	*/
/*	Creado por Andr?s Fern?ndez el 28/04/2010	para LaWebera.es - http://www.lawebera.es/	*/
/* Aqu? establecemos los elementos generales que influyen en toda la p?gina, excepto en aquellos lugares donde se especifican otros valores	*/
/* Propiedades establecidas para todo lo contenido dentro de las etiquetas body */
body {

	 }
	.Estilo1 {font-family: Calibri; font-size:27;}
	.Encabezado1 {font-family: Calibri; font-size:32px; color:#006633; }
	.CabeceraTabla {font-family: Calibri; font-size:20px; background:#1b7b4b; color:#FFFFFF; text-align:center;}
	.CabeceraTabla2 {font-family: Calibri; font-size:10pt; background:#88B8A0; color:#333333;}
	.ContenidoTabla {font-family: Calibri; font-size:15px; }
	.EstiloPie {color: #FFFFFF; font-size: 18px; background-color: #006633; font-family: Calibri;}
	.Estilo6 {
	color: #FFFFFF;
	font-size: 18px;
	background-color: #46906B;
	font-family: Calibri;
	width: 100%;
}
	
 
h1 {
	font-family: Calibri; 
	font-size:32px; 
	color:#006633;
	 }

h2 {
	font-family: Calibri; 
	font-size:14px; 
	color:#333333;
	 }

 
hr { color: #bdf; }
 

 
/*	Algunos elementos que tendr?n las mismas caracter?sticas en toda la p?gina	*/
#pagina {
	position: relative;
	width:1000px;
	overflow:hidden;
	margin: 0 auto;
	top:0px;
	background-color:#FFFFFF;}
 
.derecha {
	margin: 5px 2%;
	padding: -20px;
	border: solid 1px #eee; }
 
/*	Aqu? se establecen las propiedades de los componentes de la cabecera de la p?gina	*/
#imagencabecera img {
	border: 0;
	z-index: 100;
}
 
#imagencabecera {
	width: 145%;
	height: 110px;
	background: url(..//img/fondo1.jpg);
	background-color: #009966;
	border-bottom-color: #CC0000;
}
#menu_superior {
	width: 100%;
	height: 18px;
	color:#006633;
	text-align: right;
	font-size: 100%;
}

 
/* Propiedades del cuerpo central de la p?gina, donde aparecen los contenidos principales	*/

 

 
/*	A continuaci?n, se colocan los elementos componentes del pie de p?gina	*/
#pie {
	width: 98%;
	margin-top: 1px;
	color:#006600;
	padding: 0px;
	background: url(..//img/fondo2.???);
	float: left;
	text-align: center; }
 
	

/*		AQU? COMIENZA EL DESARROLLO DEL MEN?	*/
/*	Esto corresponde al men? fijo, el que siempre estar? visible y se ubica debajo de la cabecera de la p?gina	*/


	.boton:hover { background: url(..//img/boton-menu2.jpg) repeat-x; }
 
	.boton a {
		color: white;
		text-decoration: none;
		display: block; }
 
		.boton a:hover { color: white; }
 
	/*	Desarrollo de los men?s desplegables	*/
 
	

#botonera {
	width: 100%;
	color:#009966;
	font-size:18px;
	height: 27px;
	margin: 0 auto;
	z-index: 100;
	padding-bottom: -2px;
	background: url(../img/boton-menu3.???) repeat-x; }
	
 
.boton {
	width: 122px;
	height: 30px;
	float: left;
	font-size:18px;
	z-index: 100;
	text-align: center;
	padding-bottom: -2px;
	margin-left: 1px;
	background: url(../img/boton-menu.jpg) repeat-x;
	font-weight: normal;
	font-size: 100%;
	line-height: 30px; }
 
	.boton:hover { background: url(../img/boton-menu2.jpg) repeat-x; z-index: 100; }
 
	.boton a {
		color: white;
		font-size:16px;
		text-decoration: none;
		z-index: 100;
		font-weight: bold 800%;
		display: block;
		  }
 
		.boton a:hover { color: white; }
 
	/*	Desarrollo de los men?s desplegables	*/
.boton div {
		position: relative;
		width: 100%;
		background: url(../img/boton-menu2.???);
		font-size:16px;
		z-index: 100;
		visibility: hidden;
		text-align: left;
		padding: 0px 2px 20px 0px;
		font: bold 100% arial; 
		}
 
	.boton:hover div { visibility: visible; }
 
	.boton ul {
		margin: 0 0px;
		padding: 0;
		font-size:12px;
		list-style-image: url(../img/desplegable.png);
		z-index: 100; }
 
	.boton li a {
		color:#FFFFFF;
		height: 20px;
		font-size:12px;
		background: url(../img/boton-menu2.jpg);
		text-decoration: none;
		padding: 3px;
		z-index: 100; }
 
		.boton li a:hover { color:#006633;}