@charset "UTF-8";
/* CSS Documento */

*{
	margin:0;
	padding:0;
}



body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image: url(../imagenes/bg5.jpg);
	background-color:#006;
	}
	
	
/*cabeza
	{
    height:122px; 
	float:left;

	}*/
	
#contenedor {
	width:1400px;
	margin:0;
	padding:0;
	} 
	
#header {
	width:850px;
	margin:20px;} 
	
#container {
	width:1200px;
	clear:both;
	} 

#menu
{
float:left;
text-decoration:none;
float:left; 
margin: 20px 20px 20px 60px;
color:#666;
}


#menu ul li
{
text-decoration:none;
font-size:18px;
padding:35px;
list-style-type: none; /* te faltaba esta propiedad para quitar los bullets */
}

#menu ul li a:link {
text-decoration:none;
color:#FFF;
					}

#menu ul li a:visited {
text-decoration:none;
color:#FFF;

						}


#menu ul li a:hover{
		color:#000;

/*text-decoration:none;
color:#000;
padding:20px;
background-color:#FFF;
-moz-border-radius:10px;
-webkit-border-radius:10px;*/

}


#btn1 a {
	padding:45px;
	background-image:url(../imagenes/btnintro.png);
	background-repeat:no-repeat;
	background-position:center;
	width:85px;
	height:30px;
		}
		
#btn1 a:hover {
	padding:45px;
	background-image:url(../imagenes/BtnIntroH.png);
	background-repeat:no-repeat;
	background-position:center;
	width:85px;
	height:30px;
		}
		
		

#btn2 a {
	padding:45px;
	background-image:url(../imagenes/btnRe.png);
	background-repeat:no-repeat;
	background-position:center;
	width:150px;
	height:30px;
		}
		
#btn2 a:hover {
	padding:45px;
	background-image:url(../imagenes/btnReh.png);
	background-repeat:no-repeat;
	background-position:center;
	width:150px;
	height:30px;
		}

#btn3 a {
	padding:35px;
	background-image:url(../imagenes/btnIn.png);
	background-repeat:no-repeat;
	background-position:center;
	width:180px;
	height:30px;
		}
		
#btn3 a:hover {
	padding:35px;
	background-image:url(../imagenes/btnInh.png);
	background-repeat:no-repeat;
	background-position:center;
	width:180px;
	height:30px;
		}


#btn4 a {
	padding:35px;
	background-image:url(../imagenes/btnUd.png);
	background-repeat:no-repeat;
	background-position:center;
	width:150px;
	height:30px;
		}
		
#btn4 a:hover {
	padding:35px;
	background-image:url(../imagenes/btnUdh.png);
	background-repeat:no-repeat;
	background-position:center;
	width:150px;
	height:30px;
		}


#btn5 a {
	padding:35px;
	background-image:url(../imagenes/BtnCo.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100px;
	height:30px;
		}
		
#btn5 a:hover {
	padding:35px;
	background-image:url(../imagenes/BtnCoh.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100px;
	height:30px;
		}

	
#contenido
	{
	width: 600px;
	height:550px;
	padding:50px;
	color:#333;
	line-height:120%;
	text-align:justify;
	float:left; /* recuerda que si quieres el efecto de dos columnas, debes flotar tanto este div como el que esta antes, que es el menu, hacia el mismo lado, ya lo cambie yo a left */
	margin:20px 80px 10px 20px;
	background-image:url(../imagenes/bgtexto.png);
	background-repeat:no-repeat;
	}

#video {
	/*background-color:#000;
	width:700px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: .50;
    filter:alpha(opacity=50);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
	float:left; 
	margin:20px 80px 10px 50px;

		}

#i {
	padding-right:5px;
	}
	
#contacto 
{
/*margin-left:500px;*/
/* si tu intensión es que el contacto quede fuera de la lista, en el HTML no lo pongas en el mismo ul por que lo que provoca es que se baje  el div del contenido*/
}


	



#correo a:link {
	color:#09F;
	font-size:14px;
				}
#correo a:visited {
	color:#FF0;
				}
#correo a:hover {
	font-size:16px;
	background-color:#09F;
	padding:7px;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5x;
	
				}
	
#foot
	{
	width:auto;	
	color:#000;
	/*float:right; Este no lo flotes, no es columna. A este debes ponerle la siguiente línea para que se coloque abajo de los objetos que están flotando */
	clear: both;
	padding:10px;
	text-align:center;
	margin-top:117px;
	height:20px;
	}