/* CSS Document */

body {
background-color:#FFFFFF;
margin:0px;
padding:0px;
color:#666666;
font: 11px/16px Arial, Helvetica, sans-serif;
}

#contenedor{
text-align:center;
}

#principal{
margin-left:auto;
margin-right:auto;
padding:0px;
width:910px;
background-image:url(../fondos/medio.jpg);

background-color:white;
}

#header{
background: url(../fondos/arriba.jpg) no-repeat;
width:910px;
height:20px;
}
#menuarriba{
	margin:0px;
	padding:0px;
	height:120px;
	background: url(../fondos/menu.jpg) no-repeat;
	width:910px;
	float: right;
	margin-bottom:10px;

}
	#menuarriba1{
	margin:0px;
	margin-right:45px;
	padding:0px;
	height:80px;
	width:640px;
	float: right;
	border-color:#000000;	
	}

	#menuarriba2{
	margin:0px;
	margin-right:45px;
	padding:0px;
	height:30px;
	width:640px;
	float: right;
	
		
	}
	#menuarriba2 ul {
	display:inline;
	padding-top:2px;
	text-align:center;
	font-size:11px;
	color:#666666;
	float:left;
	line-height: normal;
	font-weight: bold;
			}
			
			#menuarriba2 ul li {
				display:inline;
				width:100;
				height:20;
				padding:0px;
				text-align:center;
				font-size:11px;
				color:#666666;
				font:bold;
				float:left;
			}
			
			
			#menuarriba2 ul li a {
				
				display: block;
				text-decoration:none;
				font: 11px;
				font:bold;
				padding:3px;

				color:#FFFFFF;
				background-image:url(../fondos/botones/boton.jpg);  //Aqui solo se ve la parte de arriba de la imagen
			}
			#menuarriba2 ul li a:hover {
				color:#000066;
				background-position:bottom; //Aqui muestro la parte de abajo de la imagen
			} 

h1{
font-size: 16px;
text-transform:uppercase;
letter-spacing:2px;
color:white;
padding: 22px;
}



h2{
color: #1E90FF;
font-size: 14px;
text-transform:uppercase;
}

#izquierda{
	margin:20px;
	margin-top:12px;
	padding-left:3px;
	width:170px;
	float:left;

}

#izquierdaa{
	padding-top:32;
	background-image: url(../fondos/mia.jpg);

}
#izquierdaab{
	height:33px;
	padding-top:0px;
	background-image: url(../fondos/miab.jpg);

}

	#izquierda ul{	
	
	padding-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: bottom;
	}

   	#izquierda li{
	
	margin-top:0px;
	padding-left:20px;
	padding-top:5px;
	text-align:left;
	list-style-type:none;
	height:20px;
	color:#CC9900;
	background-image: url(../fondos/mim.jpg);
	margin-left: -40px;
	}
		#izquierda ul li {
		font-size:11px;
		font:bold;

		padding-left:20px;
		text-decoration:none;
		text-align:left;
		list-style-type:none;
		height:20px;
		color:#000066;
		margin-left: -40px;
		}
			
			
		#izquierda ul li a {
		padding-top:4px;
		text-decoration:none;
		padding-left:32px;
		text-align:left;
		
		list-style-type:none;
		height:20px;
		color:#000066;
		margin-left: -40px;
		}
	
		#izquierda ul li a:hover {
		
		text-decoration:none;
		text-align:left;
		list-style-type:none;
		height:20px;
		color:#000099;
		font-weight:normal;
		margin-left: -40px;
		} 


#contenido{

width:620px;
margin-left:210px;
border-left: 1px solid #DDDDDD;
padding-left: 15px;
padding-top: 10px;

}



	

#pie{
background: url(../fondos/abajo.jpg) no-repeat;
clear:both;
margin:0px;
height:36px;
font-size: 10px;
color: #AAAAAA;
padding: 0px;
text-align:center;
}