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


/*#################### SLIDE SHOW ##############################*/

#columna1{
	float: left;
	width: 462px;
	height: 410px;
	#height: 460px;
	#magin-bottom: 20px;
	padding: 0;
}

.columna2{
	float: left;
	width: auto;
	height: auto;
	padding: 0;
	margin: 35px 0 0 11px;
}
.columna2 #amigos {
	width: 305px;
	height: 275px;
	background: #FFF;
	border: solid 1px #294866;
	color: #016090;
	position: absolute;
	top: 379px;
	display: none;
	z-index: 60;	
}
.columna2 #amigos .lista_amigos {	
	height: 230px;
	width: 255px;
	padding-left: 25px;
	padding-top: 10px;
	
}
.columna2 #amigos .lista_amigos a img {
	width: 48px;
	height: 48px;
	float: left;	
	background: #CCC;
	border: none;
	position: relative;
	margin-right: 3px;
	margin-top: 3px;
	
}
.columna2 #amigos .border_amigos {
	height: 20px;
	border-bottom: solid 1px #ffa33c;
}
.columna2 #amigos .titulo_amigos {
	font: bold 12px Verdana, Geneva, sans-serif;
	padding-left: 10px;
	padding-top: 5px;
	width: 275px;
	float: left;	 
}
.columna2 #amigos .cerrar_amigos a {
	text-decoration: none;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #016090;
}
#amigos .amigos_botones {
	position: relative;
	top: -5px;
	left: 120px;
}
#amigos .amigos_botones a img {
	border: none;
	padding-left: 10px;
	
}
#marco1{
	clear: both;
	position: relative;
	top: -80px;
	#top: 0px;
	width: 462px;
	height: 180px;
	margin-top: -13px;
	padding-top: 37px;
	font-size: 11px;
	color: #999999;
	background: url(../imagenes/metropolis/bar_marco1.png) top left no-repeat;	
}

#marco1 p{
	float: left;
	width: 220px;
	#width: 210px;
	margin: 0 0 3px 10px;
	overflow: auto;
	/*background: blue;*/
}

#marco1 p img{
	margin: 0 2px 0 0;
	border: 0;
}

#marco1 h4{
	color: rgb(1, 96, 144);
	font-weight: normal;
	margin: 0 0 3px 9px;
	float: left;
	font-size: 13px;
}

#right{
	text-align: right;
}			
		
#info_trago{
	height: 115px;
}

#marco2{
	position: relative;
	top: -80px;
	#top: 10px;
	left: 0;
	width: 462px;
	height: 237px;
	padding: 0;
	margin: 0;
	#margin-bottom: 10px;
	font-size: 11px;
	color: #666666;
	background: url(../imagenes/metropolis/bar_marco2.png) top left no-repeat;
	#background: url(../imagenes/metropolis/bar_marco2.gif) top left no-repeat;
	display: none;
}

#marco2 .top{
	width: 450px;
	height: 15px;
	border-bottom: 1px solid rgb(255, 163, 60);
	color: rgb(0, 160, 198);
	padding: 3px 0 3px 12px;
	margin: 0 0 10px 0;
	font-size: 13px;
	position: relative;
}
#marco2 .top .trago_title {
	float: left;
	width: 320px;	
}
#marco2 .top a{
	text-align: right;
	
}

#tragos_lista{
	float: left;
	width: 120px;
	color: rgb(0, 160, 198);
	padding: 3px 0 3px 0;
	margin: 0 0 10px 12px;
	overflow: auto;	
}

#tragos_lista li{
	text-transform: uppercase;
  	list-style: none;
}

#tragos_lista li a{	
  	text-decoration: none;
  	color: rgb(0, 160, 198);  	  	
  	height: auto;	
	width: 118px;
	display: block;
}

#tragos_lista a:hover{
  	text-decoration: none;
	color: #FFF;
	background: #ffa33c;
  	height: auto;	
	width: 118px;
	display: block;	
}

#marco2 .receta{
	width: 305px;
	float: left;
	color: rgb(0, 160, 198);
	padding: 0 0 3px 0;
	margin: 0 0 10px 12px;
	background: url(../imagenes/metropolis/flecha2.gif) 278px 0 no-repeat;
	display: none;
}
					  
#marco2 .trago_titulo{
	color: rgb(1, 96, 144);
	padding: 0;
	margin: 0 0 10px 0;
}										  

.trago_titulo b{
	text-transform: uppercase;
	font-size: 13px;
}
										  
#marco2 .trago_titulo img{
	margin: 0 2px 0 0; border: 0;
}			
					  
.ingredientes_prep{
	height: 160px;
	padding: 0px;
	padding-right: 5px;
	float: left;
	width: 131px;
	margin: 0;
	overflow: auto;
	color: #999999;
}		  
										  
.ingredientes_prep b, .ingredientes_prep h4{
	color: rgb(0, 160, 198);
	margin: 0 0 5px 0;
	font-size: 11px;
}

.ingredientes_prep ul{
	padding-left: 0px;
}
									  
.ingredientes_prep ul li{
	list-style: none;
	margin: 0 0 5px 0;
}
										  
.ingredientes_prep + .ingredientes_prep{
	border-left: 1px rgb(245, 227, 158) dotted;
	padding-left: 12px;
}

#marco3{
	float: left;
	position: relative;
	top: -80px;
	#top: 10px;
	width: 216px;
	height: 297px;
	margin: 0;
	background: url(../imagenes/metropolis/bar_marco3.png) top left no-repeat;
	#background: url(../imagenes/metropolis/bar_marco3.gif) top left no-repeat;
	display: none;
}

#marco3 img{
	border: 1px solid #666666;
	margin: 12px 0 0 12px;
	display: none;
}
	
#marco4{
	float: left;
	position: relative;
	top: -80px;
	#top: 20px;
	width: 237px;
	height: 341px;
	margin: 0;
	background: url(../imagenes/metropolis/bar_marco4.png) top left no-repeat;
	#background: url(../imagenes/metropolis/bar_marco4.gif) top left no-repeat;
	display: none;
}
#mensaje{
	float: left;
	position: relative;
	top: -80px;
	width: 237px;
	height: 341px;
	margin: 0;
	background: url(../imagenes/metropolis/bar_marco4.png) top left no-repeat;
	#background: url(../imagenes/metropolis/bar_marco4.gif) top left no-repeat;
	display: none;
}
#mensaje p{
	padding-top: 150px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

#marco4 .top{
	width: 223px;
	border-bottom: 1px solid rgb(255, 163, 60);
	color: rgb(0, 160, 198);
	padding: 3px 0 3px 12px;
	margin: 0 0 10px 1px;
	font-size: 13px;
}

#cuerpo input, textarea{
	border: 0; 
	background: rgb(0, 160, 198); 
	color: white; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 5px 8px 0;
}
				
#cuerpo input[type=submit]{
	cursor: pointer;
}

#cuerpo input[type=submit]:hover{
	background: rgb(1, 96, 144);
}

#cuerpo form{
	color: rgb(77, 75, 74);
	font-size: 11px;
	margin-left: 18px;
}
	  
#cuerpo select{
	color: rgb(77, 75, 74); 
	margin-top: 3px;
	margin-right: 3px;
}
	
ul.lista_amigos{
	padding: 3px 0 0 8px;
	width: 190px;
	height: 220px;
	background: rgb(204, 236, 244);
	overflow: auto;
	margin: 0 0 3px 0;
	color: rgb(77, 75, 74);
}
				 
ul.lista_amigos li{
	list-style: none;
	margin: 0 0 2px 0;
}
		  
/*#################### BAR MENU1 ##############################*/

#barmenu1{
	padding: 0;
	margin: 0 0 0 10px;
	float: left;
	width: 210px;
	list-style: none;
	/*background: red;*/
}
#barmenu1 li {		
	float: left;
}

#barmenu1 li a {
	text-indent: -9999px;
	display: block;
	width: 38px;
	height: 153px;
	text-indent: -9999px;
	list-style: none;
	margin-left: 3px;
	cursor: pointer;
}
							 
#cartadorada a {
	background: url(../imagenes/bar_rones.jpg) 0 0;
}

#cartadorada a:hover{
	background: url(../imagenes/bar_rones.jpg) 0 -154px;
}
			 
#blanco a {
	background: url(../imagenes/bar_rones.jpg) -40px 0;
}

#blanco a:hover{
	background: url(../imagenes/bar_rones.jpg) -40px -154px;
}	
			 
#anejo a{
	background: url(../imagenes/bar_rones.jpg) -80px 0;
}

#anejo a:hover{
	background: url(../imagenes/bar_rones.jpg) -80px -154px;
}	
			 
#extraviejo a{
	background: url(../imagenes/bar_rones.jpg) -120px 0;
}

#extraviejo a:hover{
	background: url(../imagenes/bar_rones.jpg) -120px -154px;
}
#titanium a{
	background: url(../imagenes/bar_rones.jpg) -160px 0;
}

#titanium a:hover{
	background: url(../imagenes/bar_rones.jpg) -160px -154px;
}	

/*#################### LINKS GENERALES ##############################*/

a.links_secundarios{
	text-decoration: none;
	color: rgb(255, 163, 60);
	font-size: 11px;
}

a.links_secundarios:hover{
	text-decoration: underline;
	color: rgb(255, 163, 60);
	font-size: 11px;
}
		
a.links_secundarios img{
	border: 0;
}

a.links_secundarios2{
	text-decoration: none;
	color: rgb(77, 75, 74);
	font-size: 11px;
}

a.links_secundarios2:hover{
	text-decoration: underline;
	color: rgb(77, 75, 74);
	font-size: 11px;
}

.mas{
	margin: 0;
}

.mas input{
	float: left;
}

.mas a{
	text-decoration: none;
	text-indent: -9999px;
	background: url(../imagenes/metropolis/mas.gif) 0 -13px no-repeat;
	display: block;
	width: 14px;
	height: 13px;
	float: left;
	margin-top: -7px;
}

.mas a:hover{
	text-decoration: none;
	text-indent: -9999px;
	background: url(../imagenes/metropolis/mas.gif) 0 0 no-repeat;
}


/*#################### FOOTER ##############################*/


#footer {padding-top: 25px;}

/********************************* TOOLTIPS **************************************/
#tooltips {
	display: none;
	position: absolute;
	z-index: 101;
}
#tooltips .tooltips_top_left {
	float: left;
	width: 15px;
	height: 15px;
}
#tooltips .tooltips_top_center {
	background: url(../images/top.gif) top left repeat-x;
	float: left;	
	height: 15px;
	padding-left: 1px;
}
#tooltips .tooltips_top_right {
	float: left;
	width: 13px;
	height: 15px;
}
#tooltips .tooltips_left {
	background: url(../images/left.gif) top left repeat-y;
	width: 16px;
	clear: both;
	float: left;
}
#tooltips .tooltips_content {
	float: left;	
	background: #F5F5F5;
}
#tooltips .tooltips_right {
	width: 13px;
	float: left;
	background: url(../images/right.gif) top left repeat-y;
}
#tooltips .tooltips_bottom {
	clear: both;	
}
#tooltips .tooltips_bottom_left {
	width: 16px;
	height: 17px;
	float: left;
}
#tooltips .tooltips_flecha {	
	height: 53px;
	float: left;
	background: url(../images/bottom.gif) top left repeat-x;
}