/* Opciones generales */

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

body {
	background-color: #212121;
	margin: 0;
	}

a:link {
	text-decoration: none; 
	}
a:visited {
	text-decoration: none; 
	}
a:hover { 
	text-decoration: none; 
	}

p {
	margin: 2px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	}
	
h1, h2, h3 {
	font: normal normal 200% "Trebuchet MS",Arial,sans-serif
	}
h2 {
	font-size: 160%
	}
h3 {
	font-size: 120%
	}
	
	
/* Clases */
	
.info {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
	
/* Wrap de pagina */

#wrap {
	margin: auto;
	width: 1000px;
	height: 100%;
	background-color: #5C6061;
	background-image: url(../imgs/jpg/backpanel.jpg);
	}


/* Header */	

#header {
	margin: auto;
	background-image: url(../imgs/png/stealth_header.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 800px;
	height: 135px;
	}
	
	
/* Navegacion */

#navbar {
	margin: auto;
	margin-top: -5px;
	width: 800px;
	height: 64px;
	background-image: url(../imgs/png/stealth_navbar.png);
	}
	
	
/* Botones del navbar */

#boton_inicio {
	float: left;
	position: relative; top: 15px; left: 14px;
	background-image: url(../imgs/png/boton_inicio_activo.png);
	width: 154px;
	height: 34px;
	}
	
/*	#boton_inicio:hover {
	float: left;
	position: relative; top: 15px; left: 14px;
	background-image: url(../imgs/png/boton_inicio_over.png);
	width: 154px;
	height: 34px;
	}*/
	
#boton_nosotros {
	float: left;
	position: relative; top: 14px; left: 14px;
	width: 154px;
	height: 34px;
	}
	
	#boton_nosotros:hover {
	float: left;
	position: relative; top: 15px; left: 15px;
	background-image: url(../imgs/png/boton_nosotros_over.png);
	width: 154px;
	height: 34px;
	}
	
#boton_productos {
	float: left;
	position: relative; top: 15px; left: 17px;
	width: 152px;
	height: 34px;
	}
	
	#boton_productos:hover {
	float: left;
	position: relative; top: 15px; left: 17px;
	background-image: url(../imgs/png/boton_productos_over.png);
	width: 152px;
	height: 34px;
	}
	
#boton_servicios {
	float: left;
	position: relative; top: 15px; left: 17px;
	width: 152px;
	height: 34px;
	}
	
	#boton_servicios:hover {
	float: left;
	position: relative; top: 15px; left: 20px;
	background-image: url(../imgs/png/boton_servicios_over.png);
	width: 152px;
	height: 34px;
	}
	
#boton_contacto {
	float: left;
	position: relative; top: 15px; left: 17px;
	width: 152px;
	height: 34px;
	}
	
	#boton_contacto:hover {
	float: left;
	position: relative; top: 15px; left: 23px;
	background-image: url(../imgs/png/boton_contacto_over.png);
	width: 152px;
	height: 34px;
	}
	
/**/
	
	
/* Contenedores */

#contenedor {
	margin: auto;
	width: 800px;
	height: 660px;
	overflow: hidden;
	background-image: url(../imgs/png/stealth_contenido.png);
	}
	
#derecha {
	margin: 55px 30px 0 -20px;
	width: 580px;
	height: 600px;
	float: right;
	}
	
	#panel1 {
	position: relative; top: 22px; left: 5px;
	width: 571px;
	height: 131px;
	background-image: url(../imgs/png/panel1.png);
	}
	
	#panel2 {
	position: relative; top: 27px; left: 5px;
	width: 570px;
	height: 144px;
	background-image: url(../imgs/png/panel2.png);
	}
	
	#publicidad {
	position: relative; top: 32px; left: 5px;
	width: 570px;
	height: 65px;
	background-image: url(../imgs/png/publicidad.png);
	}
		
		/*#publicidad p {
		padding: 5px 10px 5px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		}*/
		
			#Publicidad1 {
			position: relative; top: 5px; left: 5px;
			}
			
			#Publicidad2 {
			position: relative; top: 15px; left: 35px;
			}
		
	#panel3 {
	margin: 38px 5px 0 -5px;
	width: 570px;
	height: 195px;
	float: right;
	background-image: url(../imgs/png/panel4.png);
		}
		
		#panel3 p {
		padding: 5px 10px 5px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		}

		
/* Panel de navegación */

#izquierda {
	position: relative; top: 48px; left: 22px;
	width: 170px;
	height: 600px;
	float: left;
	}
	
.corte {
	width: 170px;
	height: 250px;
	float: right;
	position: relative; top 40px;
	z-index: 0;
	}

#menu_principal {
	margin: auto;
	width: 170px;
	height: 597px;
	background-image: url(../imgs/png/stealth_menu.png);
	}
	
	#boton1 {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-1.png);
		}
		
			#boton1:hover {
		position: relative; top: 99px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-1_over.png);
		}
		
	#boton2 {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-2.png);
		}
		
			#boton2:hover {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-2_over.png);
		}
		
	#boton3 {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-3.png);
		}
		
			#boton3:hover {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-3_over.png);
		}	
	
	#boton4 {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-4.png);
		}

			#boton4:hover {
		position: relative; top: 100px; left: 15px;
		width: 139px;
		height: 39px;
		background-image: url(../imgs/png/botonmenu-4_over.png);
		}
	
#infotext {
	position: relative; top: 40px; left: 15px;
	float: left;
	width: 135px;
	height: 130px;
	z-index: 1;
	padding-left: 5px;
	}
	
/* Pie de pagina */

#footer {
	margin: auto;
	width: 100%;
	height: 70px;
	clear: both;
	background-image: url(../imgs/png/stealth_footer.png);
	background-position: center;
	background-repeat: no-repeat;
	}