/*Reset de css*/
	html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, form, fieldset {
		padding: 0;
		margin:0;
		font-size: 100%;
		font-weight: normal;
		
	}
	ol {
		margin-left: 1.4em;
		list-style: decimal;	
	}
	ul {
		margin-left: 1.4em;
		list-style: square;	
	}
	img {border:0;}
/* Fin del Reset css */

/* Inicialización de los elementos html y body */

	html {
		font-family: Lato,Helvetica,Arial,sans-serif;
		background-color: #eee;
		background-image: url('imagenes/fondo.png');
	}
	
	body {
		width: 1263px;
		margin: auto;
		border: solid 1px #999;
		margin-top:10px;
		background-color: #fff;
	}
	
/*css de la cabecera*/
	
	#logo {font-size: 5em; 
			font-weight: bolder;
			color:#111;
			font-style: italic;
			position: absolute;
			z-index:10;
			}
	#laO {
		text-decoration: underline;		
	}
	
	#logger {
		border: solid 2px #000;
		float:right;
		border-radius: 15px;
		padding:5px;
		margin-right: 10px;
		margin-top: 10px;
		font-variant: small-caps;
		font-size:0.8em;
		background-color: #111;
		color:#fff;
		margin-left:15px;
	}
	
	#logger a {
		text-decoration: none;
		color:inherit;
		font-weight: bold;
	}
	
	#logger a:hover {
		text-decoration: underline;
	}
	
	/*navegador redes */
	ul#redes {
		list-style: none;
		margin-right: 10px;	
	}
	ul#redes li {
		float:right;
		margin-left: 3px;
		margin-top: 3px;
		width:44px;
		height: 44px;
		background-color: #ddd;
	}
	li#facebook {
		background-image: url('imagenes_web/facebookA.jpg');
		background-size: 100%;	
	}
	
	li#facebook:hover {
		background-image: url('imagenes_web/facebookB.jpg');
		background-size: 100%;	
	}
	
	li#twetter {
		background-image: url('imagenes_web/twetterA.jpg');
		background-size: 100%;	
	}
	li#twetter:hover {
		background-image: url('imagenes_web/twetterB.jpg');
		background-size: 100%;	
	}
	
	li#youtube {
		background-image: url('imagenes_web/youtubeA.jpg');
		background-size: 100%;	
	}
	li#youtube:hover {
		background-image: url('imagenes_web/youtubeB.jpg');
		background-size: 100%;	
	}
	
	li#instagram {
		background-image: url('imagenes_web/InstagramA.jpg');
		background-size: 100%;	
	}
	li#instagram:hover {
		background-image: url('imagenes_web/InstagramB.jpg');
		background-size: 100%;	
	}
	
	li#google {
		background-image: url('imagenes_web/GoogleA.jpg');
		background-size: 100%;	
	}
	li#google:hover {
		background-image: url('imagenes_web/GoogleB.jpg');
		background-size: 100%;	
	}
	/*fin navegador redes */
/*fin css de la cabecera*/	

/* botonera principal */
	nav#menu {
		position:absolute;
		z-index:1;	
		width:99%;
		height: 50px;
		background-color: #eee;
		top: 60px;
		margin-left: -645px;
	}
	
	nav#menu a {
		text-decoration: none;
		border: solid 2px #111;
		border-radius: 18px;
		color:#111;
		padding:5px;
		}
		
	nav#menu a:hover {
		background-color: #111;
		color:#fff;
		
	
	}
		
	nav#menu ul {
		list-style:none;	
	}		
		
	nav#menu li {
	
		float:right;		
		padding: 5px;
		margin-top: 10px;
		
	
	}
	
	
	nav#menu li ul.submenu {
		display:none;	
	
	}
	
	nav#menu li ul li {
		float:none;	
	}


/*fin botonera principal */




	/* css de contenidos */
	#contenido{
	
		margin-top:150px;
	}	
	h1,h2,h3,h4,h5,h6 {
		font-variant: small-caps;
		text-decoration: overline;}
		
		#destacados {
			float:right;		
		}
		
	/*presentacion*/
	h1{
		font-size: 2em;
		font-weight: bold;
		text-align: center;	
	
	}
	#presentacion {
	
		height: 400px;	
		margin-left: 10px;
	
	}		
		
		
		.derecha {
			height: 300px;
			float:clear;
			width:100%;
			background-color: #fff;	
		}
		.derecha h2 {
			float: right;
			width: 50%;
			text-align: right;
			background-color: #111;	
			color:#fff;	
		
		}
		.derecha p {
			height: 300px;
			width:50%;
			text-align: center;
			background-color: #111;
			color:#fff;
			float:right;	
		}
		
		
		.izquierda {
			height: 300px;
			float:clear;
			width:100%;
			background-color: #fff;	
		}
		
		.izquierda p {
			float: left;
			height: 300px;
			width:50%;
			text-align: center;
			background-color: #111;
			color:#fff;
			float:left;	
		
		}