/* HORIZONTAL FREESTYLE MENU LAYOUT */
ul, li{margin:0px; padding:0px}
body{
	margin:0;
	background:#192224;
	font:64% "Lucida Grande", Verdana, sans-serif;
	display:table-cell;
	vertical-align:middle;
	height:100%;
	width: 100%;
	}
	
img{
	border:0; display:block;
}	
/* All <ul> tags in the menu including the first level */


/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
a.logo{width:60px}
/*.menulist, .menulist  ul{*/
.menuContainer{
	height:50px;
	vertical-align:top;
	position:relative;
}
.menulist {
 	padding:0 0 0 23px;
 	margin:0;
 	height: 50px;
	/* border-top:1px solid #CFCDCD;*/
 	list-style: none;
 	position: absolute;
 	overflow: visible;
 	font:11px "Lucida Grande", Verdana, sans-serif;
 	float: left;
 	z-index: 10; 
 	width:700px;
}

.menulist ul {
	background: #192224;	
	list-style: none;
 	/*display: none;*/
 	/*position: absolute;*/
 	padding: 0 0 0 0;
 	/*top: 1.0em; */
 	margin-top: 0px; /* I'm using ems and px to allow people to zoom their font */
 	/*overflow:hidden;*/
 	/*height:25px;*/
 }


/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

.menulist li {
	font:11px "Lucida Grande", Verdana, sans-serif;
	color:#989796;
	float: left;
	display: block;
	position: relative;
	vertical-align:middle;
	text-align: left;
	
	border-top:1px solid #cfcdcd;
	margin: 0 23px 0 0;
	padding: 4px 0 0px 0;
 }

.menulist li ul li{ 
	
  background-image: none;
  vertical-align: middle;
  padding:0px;
  margin: 0 0 0 0;
  border: 0px;
 /*filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;*/
 float: none;


}
.menulist li ul {
	padding:0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
}
.menulist ul>li:last-child {
 /*margin-bottom: 1px;  Mozilla fix */
}

/* Links inside the menu */
.menulist a {
	/*height: 22px;*/
 white-space:nowrap;	
 display: block;
 padding: 2px 0px 0px 0;
 color:#CFCDCD;
 text-decoration: none;
 vertical-align: middle;
 float:left;
}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover,.menulist a.highlighted:hover,  .menulist a:focus {
 color:#cfcdcd;
 background-color: #192224;
 border: none;}

.menulist li ul li a{
 height: 15px;
 /*width:50px;*/
 background-image: none;
 color: #989796;
 padding: 2px 0px 0px 0px;
 font-weight: normal;
 font-style: normal;}

.menulist li ul li a:hover{
	/*height: 22px;*/
background-image: none;
color: #efefef;
font-weight: normal;
font-style: normal;}

.menulist a.highlighted {
 color: #CFCDCD;
 background-color: #192224;
}


.menulist ul li, .menulist ul a {
 float: left;
 position:relative;
 clear:both;
 display:block;
}
/* \*/
.menulist a {
 float: none;
}
/* */

td#parrilla ul {float:left; width:128px; height:480px;}
td#parrilla ul li {padding:0px 1px 1px 0px; *margin:-1px 0px -1px 0px; *height:94px; overflow:hidden}
td#parrilla ul li a {width:127px; height:95px; display:block; }
ul#pagination {width:46px; height:29px; list-style:none; padding-bottom:25px}
ul#pagination li {float:left}
ul#pagination li, ul#pagination a {width:23px; height:29px; display:block; border:0px}
ul#pagination li#previous_page a {background: transparent url(/images/pagination.png) 0px -29px no-repeat;}
ul#pagination li#next_page a {background: transparent url(/images/pagination.png) -23px -29px no-repeat;}
ul#pagination li#previous_page a:hover {background-position:0px 0px;}
ul#pagination li#next_page a:hover {background-position:-23px 0px;}
ul#pagination li.disabled a {display:none;}

.transparent_class {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.destacado{
  color: #fff;
}

.muestra_titulo_link{
	font-size:12px!important;
	font-weight:bold!important;
}

#hover_image {
    position: absolute;
    width: 670px;
    height: 480px;
    top: 140px;
    left: 0px;
    overflow: hidden;
}

#image_pagination{
    padding-bottom: 19px;
    height: 29px;
    overflow: hidden;
}
#image_pagination li {float:left;}
#image_pagination a { width: 22px; border-left: 1px solid #3F90A5; height: 22px; display:block; margin-right: 6px;}
#image_pagination a:hover { background-color: #1d2c31;}
#next_image a { background: transparent url(/images/next_image.png) no-repeat;}
#previous_image a { background: transparent url(/images/previous_image.png) no-repeat}
#close_image_right a { background: transparent url(/images/close_image_right.png) no-repeat}

#the_image {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 640px;
    height: 480px;
    
}
#hover_image .background{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 670px;
    height: 480px;

    background: #202d2f;
}
.close_image{
    display:block;
    position: absolute;
    
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
}
.close_image img{
    padding-left: 6px;
    padding-top: 7px;
}