@charset "utf-8";
/* CSS Document */

@import url("contents.css"); 

body{
	background:url(images/azulado.gif) #2f3848;
	margin: 0;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	}
*{
	margin:0;
	padding:0;
	list-style-type: none;

	}
	
#header_content{
	width: 100%;
	background: #000000;
	height: 160px;
	
	}
	
#header{
	margin: auto;
	width: 900px;
	z-index: 2; /*para que quede sobre la siguiente DIV*/
	position:relative;
	}

#header h1{
	width: 185px;
	height: 155px;
	*margin-top: 20px;
	padding-top:20px;
	*padding-top:0;
	float: left;
	}
	
#header ul{
	text-align: right;
	float: right;
	padding-top: 65px;
	line-height: 18px;
	}
	
#photo{
	background: #006699;
	width: 100%;
	height:198px;
	z-index: 1;
	}
	
	/* CAMBIO DE BACKGRPUNDOS*/
#home #photo{background: url(images/photo_home.jpg) top center;	}
#concepto #photo{background: url(images/photo_concepto.jpg) top center;	}
#productos #photo{background: url(images/photo_productos.jpg) top center;	}
#links #photo{background: url(images/photo_links.jpg) top center;	}
#donde #photo{background: url(images/photo_donde.jpg) top center;	}
#contacto #photo{background: url(images/photo_contacto.jpg) top center;	}
	
#main{
	width: 900px;
	margin: auto;
	}
	
#main #menu{
	width: 200px;
	min-height: 280px;
	background: url(images/back_menu.png);	
	float: left;
	position:relative;
	top: -198px;
	}
	
#main #flash{
	width: 200px;
	height:35px;
	position:absolute;
	top: 600px;
	*position:relative;
	*top: 240px;;
	*left: -200px;
	}
	
	
#main #menu ul{
	position: relative;
	top: 200px;
	background: #000000;
	}
	
#main #banner {
	width:200px;
	margin-top:200px;

	text-align:center;
	background:#000000;
	}


#main #menu ul.nav a{
	display:block;
	width: 200px;
	height: 40px;
	background: url(images/menu_system.png);
	overflow: hidden;
	text-indent:-3000px;
	}

#main #menu ul.nav li.home a{background-position:0 0;}	
#main #menu ul.nav li.home a:hover{ background-position:-200px 0;}
#home #main #menu ul.nav li.home a{ background-position: -400px 0;}

#main #menu ul.nav li.concepto a{background-position:0 -40px ;}	
#main #menu ul.nav li.concepto a:hover{ background-position:-200px -40px;}
#concepto #main #menu ul.nav li.concepto a{ background-position: -400px -40px;}


#main #menu ul.nav li.productos a{background-position:0 -80px ;}	
#main #menu ul.nav li.productos a:hover{ background-position:-200px -80px;}
#productos #main #menu ul.nav li.productos a{ background-position: -400px -80px;}

#main #menu ul.nav li.links a{background-position:0 -120px ;}	
#main #menu ul.nav li.links a:hover{ background-position:-200px -120px;}
#links #main #menu ul.nav li.links a{ background-position: -400px -120px;}

#main #menu ul.nav li.donde a{background-position:0 -160px ;}	
#main #menu ul.nav li.donde a:hover{ background-position:-200px -160px;}
#donde #main #menu ul.nav li.donde a{ background-position: -400px -160px;}


#main #menu ul.nav li.contacto a{background-position:0 -200px ;}	
#main #menu ul.nav li.contacto a:hover{ background-position:-200px -200px;}
#contacto #main #menu ul.nav li.contacto a{ background-position: -400px -200px;}
	

#main #menu ul.nav li.tienda a{
	background:url(images/b_tienda.gif) no-repeat center right;}



#main #contents {
	width: 550px;
	min-height: 650px;
	background: #4e4e4e;
	float:left;
	}
	
#footer{
	width: 550px;
	background: #000;
	clear:both;
	margin: auto;
	position:relative;
	left:25px;
	bottom: 45px;
	text-align: center;
	padding-top: 5px;
	letter-spacing: 1px;
	line-height:24px;
	}
	
#footer a{
	color: #CCCCCC;
	text-decoration: none;
	
	}
	
#footer a:hover{
	color: #15b6e7;
	text-decoration: underline;
	}
	
#footer #enlaces{
	font-size:10px;
	padding-bottom: 15px;
	color:#999999;
	}
	
#main #title{
	width: 150px;
	height: 300px;
	float: left;
	position:relative;
	left: -19px;
	}