@import url("reset.css");

body {
	background-color: #191919;
	text-align: center;
	font-size: 62.5%;
	background-image: url(../img/body_fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************************************************************************************
TAPRY
*************************************************************************************/
#tapry {
	width: 974px;
	height: 546px;
	margin: 0 auto;
	text-align: left;
	position: absolute;
	top: 50%;
	margin-top: -276px;
	left: 50%;
	margin-left: -490px;
	border: 3px solid #FFF;
	background-color: #303030;
	background-image: url(../img/tapry_fondo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/*************************************************************************************
PRINCIPAL
*************************************************************************************/
#principal {
	width: 797px;
	height: 546px;
	float: left;
}
#principal h1.home {
	display: none;
}
/*************************************************************************************
PRINCIPAL ACTUALIDAD
*************************************************************************************/
#principal_noticias, #listado_noticias {
	width: 757px;
	height: 506px;
	float: left;
	padding: 20px;
	background-image: url(../img/reservas_fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#principal_noticias h1, #listado_noticias h1 {
	font-size: 28px;
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 30px;
}
#listado_noticias h1 {
	margin-bottom: 0px;
}
#principal_noticias h2 {
	font-size: 18px;
	color: #FFFFFF;
	padding: 5px;
	background-color: #9A2E27;
	margin-bottom: 15px;
}
#principal_noticias h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	margin-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
}
#principal_noticias ul {}
#principal_noticias ul li {
	font-size: 12px;
	color: #CCC;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../img/bullet1.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 16px;
}
#principal_noticias p.fecha {
	text-align: right;
	color: #CCCCCC;
	font-size: 12px;
	border-bottom: 1px solid #444;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#principal_noticias p.entradilla {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 15px;
}
#principal_noticias p.cuerpo {
	font-size: 12px;
	color: #CCC;
	line-height: 18px;
	margin-bottom: 15px;
}
#principal_noticias a.mas_noticias {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	background-color: #9A2E27;
	float: right;
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	border: 1px solid #9A2E27;
}
#principal_noticias a:hover.mas_noticias {
	border: 1px solid #9A2E27;
	background-color: #FFFFFF;
	color: #9A2E27;
}
#listado_noticias h2 {
	font-size: 14px;
	color: #FFFFFF;
	padding: 4px;
	background-color: #9A2E27;
	margin-bottom: 10px;
}
#listado_noticias p.fecha {
	text-align: right;
	color: #CCCCCC;
	font-size: 12px;
	padding-bottom: 5px;
	margin-top: 10px;
}
#listado_noticias p.entradilla {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	margin-bottom: 8px;
	float: left;
	width: 570px;
}
#listado_noticias p.entradilla a {
	color: #FFF;
	text-decoration: underline;
}
#listado_noticias p.entradilla a:hover {}
#listado_noticias a.leer_noticia {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	background-color: #9A2E27;
	float: right;
	display: block;
	border: 1px solid #9A2E27;
	white-space:nowrap;
}
#listado_noticias a:hover.leer_noticia {
	border: 1px solid #9A2E27;
	background-color: #FFFFFF;
	color: #9A2E27;
}
/*************************************************************************************
RIGHT
*************************************************************************************/
#right {
	float: right;
	width: 177px;
	color: #FFF;
}
#right a {
	color: #FFF;
}
#right ul {
	padding-top: 10px;
	padding-bottom: 5px;
}
#right ul li {
	text-align: right;
	padding: 4px 0px;
}
*+ html #right ul li {
	padding: 2px 0px 3px 0px;
}
* html #right ul li {
	padding: 2px 0px 3px 0px;
}
#right ul li a {
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-position: right top;
}
#right ul li a.restaurante {
	background-image: url(../img/menu_sp/opciones_restaurante-trans.png);
}
* html #right ul li a.restaurante {
	background-image: url(../img/menu_sp/opciones_restaurante-trans.gif);
}
#right ul li a.actualidad {
	background-image: url(../img/menu_sp/opciones_actualidad-trans.png);
}
* html #right ul li a.actualidad {
	background-image: url(../img/menu_sp/opciones_actualidad-trans.gif);
}
#right ul li a.chef {
	background-image: url(../img/menu_sp/opciones_chef-trans.png);
}
* html #right ul li a.chef {
	background-image: url(../img/menu_sp/opciones_chef-trans.gif);
}
#right ul li a.carta {
	background-image: url(../img/menu_sp/opciones_carta-trans.png);
}
* html #right ul li a.carta {
	background-image: url(../img/menu_sp/opciones_carta-trans.gif);
}
#right ul li a.celebraciones {
	background-image: url(../img/menu_sp/opciones_celebraciones-trans.png);
}
* html #right ul li a.celebraciones {
	background-image: url(../img/menu_sp/opciones_celebraciones-trans.gif);
}
#right ul li a.especialidades {
	background-image: url(../img/menu_sp/opciones_especialidades-trans.png);
}
* html #right ul li a.especialidades {
	background-image: url(../img/menu_sp/opciones_especialidades-trans.gif);
}
#right ul li a.degustacion {
	background-image: url(../img/menu_sp/opciones_degustacion-trans.png);
}
* html #right ul li a.degustacion {
	background-image: url(../img/menu_sp/opciones_degustacion-trans.gif);
}
#right ul li a.bodega {
	background-image: url(../img/menu_sp/opciones_bodega-trans.png);
}
* html #right ul li a.bodega {
	background-image: url(../img/menu_sp/opciones_bodega-trans.gif);
}
#right ul li a.vistas {
	background-image: url(../img/menu_sp/opciones_vistas-trans.png);
}
* html #right ul li a.vistas {
	background-image: url(../img/menu_sp/opciones_vistas-trans.gif);
}
#right ul li a.reservas {
	background-image: url(../img/menu_sp/opciones_reservas-trans.png);
}
* html #right ul li a.reservas {
	background-image: url(../img/menu_sp/opciones_reservas-trans.gif);
}

#right ul li a:hover {
	background-position: right bottom;
}
* html  #right ul li a:hover {
	cursor: pointer;
}
#right ul li a span {
	display: none;
}
#right address {
	text-align: right;
	font-size: 10px;
	padding-right: 25px;
	line-height: 16px;
	color: #ccc;
	font-style: normal;
	margin-bottom: 15px;
	margin-top:5px;
}
* html #right address {
	margin-bottom: 35px;
	padding-right: 20px;
}
#right address strong {
	font-weight: bold;
	font-size: 12px;
}
#right div#idiomas {
	padding-top: 20px;
	padding-bottom: 20px;
}
#right div#idiomas a {
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	height: 26px;
	width: 26px;
	float: left;
	margin-left: 15px;
}
#right div#idiomas a:hover {
	background-position: left bottom;
}
#right div#idiomas span {
	display: none;
}
#right div#idiomas a.france {
	background-image: url(../img/idioma_fra.png);
}
#right div#idiomas a.england {
	background-image: url(../img/idioma_eng.png);
}
#right div#idiomas a.spain {
	background-image: url(../img/idioma_spa.png);
	margin-left: 35px;
}
#right div#idiomas a.desactivado {
	cursor: default;
	background-position: left top;
}

#right p.developed {
	text-align: right;
	font-size: 10px;
	padding-right: 25px;
	color: #CCCCCC;
	margin-top: 10px;
}
#right p.developed img {
	vertical-align: middle;
	margin-left: 5px;
}
/*************************************************************************************
NOTICIAS
*************************************************************************************/