/*----------------------------------
CSS & HTML MASTER: Juan Antonio Charneco
	  XHTML 1.0  CSS 2  WEB 2.0 

Si hubiera previsto las consecuencias, me hubiera hecho relojero.
EINSTEIN, Albert  
------------------------------------*/

/*  			  MENU   			 	*/
/*-------------------------------*/


/************************************************************
		BOTONES NORMALES
*************************************************************/

#menu {
	overflow: hidden;
	width: 692px;
	height: 25px;
	background: url(../img/home/fondomenu.jpg) left top no-repeat;	
	padding: 0 0 0 100px;
	}

#menu li {
	text-transform: uppercase;
	display: inline;
	float: left;
	height: 24px;
}

#menu li a {
	height: 24px;
	float: left;
	margin: 0 0 0 -12px;
}


a#btn1 {
	text-decoration: none;
	width: 116px;
	background: url(../img/botones/btn1.jpg) left top no-repeat;	
}

a#btn2 {
	text-decoration: none;
	width: 160px;
	background: url(../img/botones/btn2.jpg) left top no-repeat;	
}

a#btn3 {
	text-decoration: none;
	width: 82px;
	background: url(../img/botones/btn3.jpg) left top no-repeat;	
}

a#btn4 {
	text-decoration: none;
	width: 82px;
	background: url(../img/botones/btn4.jpg) left top no-repeat;	
}

a#btn5 {
	text-decoration: none;
	width: 72px;
	background: url(../img/botones/btn5.jpg) left top no-repeat;	
}

a#btn6 {
	text-decoration: none;
	width: 99px;
	background: url(../img/botones/btn6.jpg) 2px top no-repeat;	
	margin-left: 4px;
}

a#btn7 {
	text-decoration: none;
	width: 80px;
	background: url(../img/botones/btn7.jpg) left top no-repeat;	
}

a#btn1 span, a#btn2 span, a#btn3 span, a#btn4 span, a#btn5 span, a#btn6 span, a#btn7 span {
	visibility: hidden;
}


/************************************************************
		BOTONES ACTIVAS
*************************************************************/


li#btn1 {
	text-decoration: none;
	width: 116px;
	height: 45px;
	background: url(../img/botones/btn1act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}

	

li#btn2 {
	text-decoration: none;
	width: 160px;
	height: 45px;
	background: url(../img/botones/btn2act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}

li#btn2sp a{
	text-decoration: none;
	width: 160px;
	height: 45px;
	background: url(../img/botones/btn2act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
	cursor: pointer;
}
	
li#btn3 {
	text-decoration: none;
	width: 82px;
	height: 45px;
	background: url(../img/botones/btn3act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}


li#btn4 {
	text-decoration: none;
	width: 82px;
	height: 45px;
	background: url(../img/botones/btn4act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}

	

li#btn5 {
	text-decoration: none;
	width: 72px;
	height: 45px;
	background: url(../img/botones/btn5act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}

	

li#btn6 {
	text-decoration: none;
	width: 99px;
	height: 45px;
	background: url(../img/botones/btn6act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}

	

li#btn7 {
	text-decoration: none;
	width: 80px;
	height: 45px;
	background: url(../img/botones/btn7act.png) left top no-repeat;	
	position: relative;
	top: -10px;
	margin: 0 0 0 -12px;
}
	
	

li#btn1 span, li#btn2 span, li#btn3 span, li#btn4 span, li#btn5 span, li#btn6 span, li#btn7 span , li#btn2sp a span{
	visibility: hidden;
}


/************************************************************
		HACKS PARA WIDTH EN OPERA
*************************************************************/


@media screen and (min-width: 10px){
	li#btn1 { width: 124px;}
	}

@media screen and (min-width: 10px){
	li#btn2 { width: 168px;}
	}

@media screen and (min-width: 10px){
	li#btn3 { width: 90px;}
	}

@media screen and (min-width: 10px){
	li#btn4 { width: 94px;} 
	}

@media screen and (min-width: 10px){
	li#btn5 { width: 80px;}
	}
	
@media screen and (min-width: 10px){
	li#btn6 { width: 101px;}
	}
	
@media screen and (min-width: 10px){
	li#btn7 { width: 88px;}
	}