/*///////// Hoja de Estilos para /////////*/
/*///////////// O'Connells ///////////////*/

img, div {behavior: url(iepngfix.htc)}
.ClearFix{ clear:both; height: 1px; font-size: 1px;}

/*/// Body general y estilos generales ///*/

body{
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #EBEBEB;
	background: url(../imagenes/Mosaico.jpg);
	margin:0px 0px 0px 0px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 14px;
	margin-bottom: 0px;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	color: #f1ece4;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.06em;
	font-weight: bold;
	color: #8ab37e;
}
p{
	margin: 12px 0px 0px 0px;
	line-height: 1.6em;
}
a, a:hover, a:active, a:visited {
	color: #8ab37e;
	text-decoration: none;
}
.comment{ font-size: 10px; }
/*///*/

/*/// Maquetado Contenedor Principal ///*/
#Container{
	width: 846px;
	height: 631px;
	clear: both;
	text-align: left;
	margin:0px auto;
	padding: 0px;
	border: 0px;
	position: absolute;
	left: 50%;
	margin-left: -423px;
/*	top: 50%;
	margin-top: -282px;*/
}
#Site{
	width: 780px;
	min-width: 780px;
	max-width: 780px;
	height: 565px;
	min-height: 565px;
	max-height: 565px;
	clear: both;
	margin: 0px;
	background: url(../imagenes/background.jpg) no-repeat top left;
	overflow: hidden;
	position: absolute;
	left: 33px;
	top: 33px;
/*	border: solid 5px #663300;*/
}

#marco{
	width:0px;
	height:0px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
/*	border: solid 38px #CC99FF;*/
}
#marco #TL{
	width: 38px;
	height: 38px;
	float: left;
	background: url(../imagenes/marco_esi.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
}
#marco #MarcoTop{
	width: 770px;
	height: 38px;
	float: left;
	background: url(../imagenes/marco_top.png) repeat-x top left;
	position: absolute;
	top: 0px;
	left: 38px;
}
#marco #TR{
	width: 38px;
	height: 38px;
	float: left;
	background: url(../imagenes/marco_esd.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 808px;
}

#marco #MarcoLeft{
	width: 38px;
	height: 555px;
	background: url(../imagenes/marco_left.png) repeat-y top left;
	position:absolute;
	top: 38px;
	left: 0px;
}
#marco #SiteSpc{
	width: 770px;
	height: 555px;
	float: left;
}
#marco #MarcoRight{
	width: 38px;
	height: 555px;
	background: url(../imagenes/marco_right.png) repeat-y top left;
	position: absolute;
	top: 38px;
	left: 808px;
}

#marco #BL{
	width: 38px;
	height: 38px;
	float: left;
	background: url(../imagenes/marco_eii.png) no-repeat top left;
	position: absolute;
	top: 593px;
	left: 0px;
}
#marco #MarcoBottom{
	width: 770px;
	height: 38px;
	float: left;
	background: url(../imagenes/marco_bottom.png) repeat-x top left;
	position: absolute;
	top: 593px;
	left: 38px;
}
#marco #BR{
	width: 38px;
	height: 38px;
	float: left;
	background: url(../imagenes/marco_eid.png) no-repeat top left;
	position: absolute;
	top: 593px;
	left: 808px;
}

/*/// Capas Flotantes ///*/
#Removedores {
	position:absolute;
	left:0px;
	bottom:0px;
	width:286px;
	height:107px;
	z-index:1;
}
#Angus {
	position:absolute;
	right:0px;
	bottom:0px;
	width:386px;
	height:233px;
	z-index:2;
}
#News {
	position:absolute;
	top: 40px;
	right:26px;
	width:164px;
	height:199px;
	z-index:3;
}
.newsTop {
	width: 164px;
	height: 97px;
	clear: both;
	background: url(../imagenes/news1.png) no-repeat;
	margin: 0px;
	padding: 0px;
}
.newsPost {
	width: 136px;
	clear: both;
	background: url(../imagenes/news2.png) repeat-y;
	margin: 0px;
	padding: 0px 15px 0px 13px;
}
.newsBottom {
	width: 164px;
	height: 11px;
	clear: both;
	background: url(../imagenes/news3.png) no-repeat;
	margin: 0px;
	padding: 0px;
}
.newsPost ul{margin:0px; padding:0px; list-style:none;}
.newsPost ul li {margin:0px; padding:0px; font-size:0.94em; list-style:none; padding-top:5px; padding-bottom:5px;}
.newsPost ul li a:link,
.newsPost ul li a:hover,
.newsPost ul li a:visited,
.newsPost ul li a:active{color: #ffffff}
.newsPost ul li a:link .titNews,
.newsPost ul li a:visited .titNews,
.newsPost ul li a:active .titNews{font-weight:bold; font-size:10px; color: #ffffff;}
.newsPost ul li a:hover .titNews{ color: #8ab37e; }

#Menu {
	position:absolute;
	left:13px;
	top:62px;
	width:219px;
	height:469px;
	z-index:4;
}
.MenuFlash {
	position:absolute;
	top: -17px;
	left: 0px;
	width: 219px;
	height: 387px;
	z-index: 5;
}
.MenuReservas {
	position:absolute;
	top: 334px;
	left: 9px;
	width: 197px;
	height: 114px;
	z-index: 6;
}
.Buzon {
	position: absolute;
	top: 413px;
	left: 290px;
	width: 76px;
	height: 90px;
	z-index: 7;
}

/*/// Contenedores individuales de cada sección | z-index=6 ///*/
/*/ INICIO /*/
#HomePost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:290px;
	z-index:6;
	background: url(../imagenes/bg-Home.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/ Historia /*/
#HistoriaPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width: 515px;
	height: 468px;
	z-index: 6;
	background: url(../imagenes/bg-Historia.png) no-repeat;
}
#HistoriaPost .content	{
	width: 290px;
	height: 443px;
	margin: 6px 0px 6px 15px;
	padding-top: 13px;
	padding-right: 210px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-base-color: #876039;
}
/*/ Galerias /*/
#GaleriaPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:488px;
	height:348px;
	z-index:6;
	background: url(../imagenes/bg-Galeria.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
#GaleriaPost .titGal{
margin: 0px auto 20px 0px;
clear: both;
}
#GaleriaPost .paginador{
text-align: center;
clear: both;
}
#GaleriaPost .paginador .arrow {
color: #8ab37e;
font-weight: bold;
font-size: 1.1em;
}

/*/ Store /*/
#StorePost {
	position:absolute;
	left:237px;
	top:78px;
	width:439px;
	height:340px;
	z-index:6;
	background: url(../imagenes/bg-Store.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/ HappyHour /*/
#HappyHourPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:290px;
	z-index:6;
	background: url(../imagenes/bg-Home.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/ WiskyClub /*/
#WiskyClubPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:290px;
	z-index:6;
	background: url(../imagenes/bg-Home.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/ Club de Beneficios /*/
#BeneficiosPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:290px;
	z-index:6;
	background: url(../imagenes/bg-Home.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/ MenuOC /*/
#MenuOCPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:290px;
	z-index:6;
	background: url(../imagenes/bg-Home.png) no-repeat;
	padding: 19px 10px 6px 15px;
}

/*/ Franquicias /*/
#FranquiciasPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width: 515px;
	height: 468px;
	z-index: 6;
	background: url(../imagenes/bg-Historia.png) no-repeat;
}
#FranquiciasPost .content	{
	width: 280px;
	height: 443px;
	margin: 6px 0px 6px 15px;
	padding-top: 13px;
	padding-right: 220px;
	overflow: auto;
	scrollbar-base-color: #876039;
}
/*/ Pubs /*/
#PubsPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:488px;
	height:327px;
	z-index:6;
	font-size: 10px;
	background: url(../imagenes/bg-Galeria.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
#PubsPost .titGal{
margin: 0px auto 20px 0px;
clear: both;
}
#PubsPost .titPub{
margin: 0px auto 0px 0px;
font-size: 1.3em;
color: #8ab37e;
}

/*/ Curriculum /*/
#CurriculumPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:470px;
	height:433px;
	z-index:6;
	background: url(../imagenes/bg-Forms.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/ Novedades /*/
#NovedadesPost {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:290px;
	z-index:6;
	background: url(../imagenes/bg-Home.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
#NovedadesPost .FechaNovedad{
	padding: 0px;
	margin: 0px;
}
#NovedadesPost .TitNovedad{
	font-size: 1.1em;
	font-weight: bold;
}
#NovedadesPost #ContenidoNoticia{
	clear:both;
	margin-top:6px;
	height:220px;
	overflow-x:none;
	overflow-y:auto;
	scrollbar-base-color: #876039;
}

/*/ LARGO! /*/
#bgLargo {
	position:absolute;
	left: 237px;
	top: 78px;
	width:310px;
	height:413px;
	z-index:6;
	background: url(../imagenes/bg-Largo.png) no-repeat;
	padding: 19px 10px 6px 15px;
}
/*/// FIN DE LOS CONTENEDORES INDIVIDUALES DE CADA SECCION ///*/

.FormInput{
	background-color: #111111;
	border: solid 1px #666666;
	padding-left:2px;
	font-size: 10px;
	color: #ebebeb;
}
.FormArea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #111111;
	border: solid 1px #666666;
	padding-left:2px;
	font-size: 10px;
	color: #ebebeb;
}
.titsForms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.06em;
	font-weight: bold;
	color: #8ab37e;
	padding-left: 4px;
}
/*///*/

/*--PopUps--*/
#rwd_bg{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	display: block;
	background-color: #000;
  	filter:alpha(opacity=80);
  	-moz-opacity: 0.8;
  	opacity: 0.8;
	z-index: 900;
	visibility: hidden;
}

#rwd_contentPub1, #rwd_contentPub2, #rwd_contentPub3, #rwd_contentPub4, #rwd_contentPub5, #rwd_contentPub6, #rwd_contentPub7{
/*	background: url(../imgs/v2/bg_popUp.gif) top left no-repeat;*/
	position: absolute;
	width: 530px;
	height: 513px;
	left: 50%;
	top: 60px;
	margin-left: -265px;
	display: block;
	overflow: hidden;
	z-index: 901;
	visibility: hidden;
}


#rwd_bgVideoHome{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	display: block;
	background-color: #000;
  	filter:alpha(opacity=80);
  	-moz-opacity: 0.8;
  	opacity: 0.8;
	z-index: 900;
	visibility: visible;
}
#rwd_contentVideoHome{
/*	background: url(../imgs/v2/bg_popUp.gif) top left no-repeat;*/
	position: absolute;
	width: 530px;
	height: 513px;
	left: 50%;
	top: 60px;
	margin-left: -265px;
	display: block;
	overflow: hidden;
	z-index: 901;
	visibility: visible;
}


#rwd_contentGalerias{
/*	background: url(../imgs/v2/bg_popUp.gif) top left no-repeat;*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: block;
	overflow: hidden;
	z-index: 901;
	visibility: hidden;
}


/*/ ---------------------------------------------------/*/
/*/// Es hora de dejar de usar IE6 ///*/
#no-more-ie6  {
position: relative; 
top: 0; 
left: 0; 
padding: 7px 5px 7px 5px;
width: 100%;
background-color:#F8FFB9;
font-size: 106%;
color: #222;
z-index:300;
}


#no-more-ie6  a {
font-weight: bold; 
text-decoration: underline;
color: #CC00FF;
}