/* etLayout("login.thtml");
COLORES UTILIZADOS:
Color principal: #DF3C33 (rojo)
Color secundario: #FFFFFF (blanco)
Color alternativo: #403D4E (gris grafito)
Color tipografia Strong: #3D3C44 (gris oscuro)
Color tipografia Light: #3F3D4B (gris mas claro)
Borde: #D6D6D6 (gris)
*/

/*ASPECTOS GENERALES*/
* {margin:0; padding:0}
body.selvanegra{
  background: #bdbdbd url("../img/fdo-gral.jpg") repeat-x 0px 0px;
	overflow:none;
	padding:0px;
	color:#3F3D4B;
	font-family:Sans-serif;
	text-align:center;
  font-family:Tahoma;
  font-size:62.5%;
}
.noVisibility {
  visibility: hidden;
}
h1{
    overflow:hidden;
    display:block;
    height:21px;
    margin-left:15px;
}
#content {
	width:758px;
  margin:20px auto;
  min-height:428px;
	height:auto !important;
	height:428px;
  position:relative;
}
#mainContent{
  background-color: #FFF;
	min-height: 310px;
	height: auto!important;
	height: 310px;
	overflow: hidden;
}
.innerContainer{
	padding-left: 15px;
}
/*FOOTER*/
#footer{
    background: transparent url("../img/fdo-footer.png") no-repeat 0px 0px;
    width:758px;
    height:25px;
    color:#7a7a7a;
    padding-top:12px;
    font-family:Tahoma;
    font-size:7pt;
}
#footer .creditos{
    padding-right:15px;
    text-align:right;
}
#footer .informacionSelvaNegra{
    float:left;
    padding-left:15px;
}
/*HEADER Y MENU*/
#header{
    height:95px;
}
#logo {
   float:left;
   margin:3px 0 0 16px;
}
/*menu*/
#nav{
    background: transparent url("../img/bot-site.gif") no-repeat;
    height:19px;
    width:560px;
    position:absolute;
    left:198px;
    top:64px;
    display:block;
    overflow:hidden;
}
#nav li {
	display: inline;
}
#nav li a {
	float: left;
	height: 22px;
	text-indent: -9999px;
  background-image: url("../img/bot-site.gif");	
}
#nav li#navHome a {
	width: 48px;
	background-position: -37px 0;
	margin-left: 37px;
}
#nav li#navHome a:hover,
#nav li#navHome a.active {
	background-position: -37px -19px;
}
#nav li#navRestaurante a {
	width: 88px;
	background-position: -109px 0;
	margin-left: 24px;
}
#nav li#navRestaurante a:hover,
#nav li#navRestaurante a.active {
	background-position: -109px -19px;
}
#nav li#navServicios a {
	width: 108px;
	background-position: -219px 0;
	margin-left: 22px;
}
#nav li#navServicios a:hover,
#nav li#navServicios a.active {
	background-position: -219px -19px;
}
#nav li#navDondeEstamos a {
	width: 91px;
	background-position: -349px 0;
	margin-left: 22px;
}
#nav li#navDondeEstamos a:hover,
#nav li#navDondeEstamos a.active {
	background-position: -349px -19px;
}
#nav li#navContacto a {
	width: 61px;
	background-position: -461px 0;
	margin-left: 22px;
}
#nav li#navContacto a:hover,
#nav li#navContacto a.active {
	background-position: -461px -19px;
}
/*HOME*/
div.home {
    background-color:white;
    width:100%;
    height:450px;
		position: relative;
}
.imageShower{
    float:left;
    height:440px;
    width:542px;
    overflow:hidden;
		position:relative;
}
.imageShower #imageContainer2{
  top:0;
  left:0;
  position:absolute; 
}
.imageShower #imageContainer{
  top:0;
  left:0;
  position:absolute; 
}
#bgContainer{
    float:left;
    height:440px;
    width:542px;
    overflow:hidden;
		background: #FFF; 
		position: absolute; 
		top: 0; 
		left: 0;
		opacity: 0;
}
.home .marco{
    position:absolute;
    top:0px;
    left:0px;
	z-index: 9999998;
}
.rightContainer{
    background:transparent url("../img/colderhome-fdo.gif") repeat-y 20px 0%;
    width:216px;
    height:440px;
    margin-left:542px;
}

/*HOME: destacado*/
#destacado{
    text-align:left;
    padding-top:25px;
    padding-left:32px;
    padding-right:5px;
    height:400px;
    overflow:hidden;
		position: relative;
}
#destacado img.puntitas{
    position:relative;
    top:-166px;
    left:0px;
}
#destacado h2{
    margin-bottom:10px;
    color:#860101;
    font-weight:bold;
		font-size: 1.3em;
}
#destacado img{
    width:172px;
    height:166px;
    margin:0px;
}
#destacado .marco{
    position:absolute;
    left:30px;
    top:48px;
}
#destacado p{
    font-size:1.1em;
    color:#414141;
		margin: 12px 0 12px 0;
}
#destacado a{
    position:relative;
    left:130px;
    background: transparent url("../img/bot-masinfo-off.jpg") no-repeat 0px 0px;
    display:block;
    width:42px;
    height:15px;
}
#destacado a:hover{
    background-image:url("../img/bot-masinfo-on.jpg");
}
/*EL RESTAURANTE*/
#restaurante {
  text-align:left;
  background-color:white;
}
#restaurante h1.es {
  text-indent:-999px;
  background:transparent url("../img/tit-elrestaurante.gif") no-repeat 0px 0px;
}
/*#restaurante h2 {
  font-size: 1.2em;
	margin: 15px 0 10px 18px;
  color: #860101;
}*/
#restaurante p.descripcion {
	margin: 15px 5px 10px 18px;
	font-size: 1.1em;
}
#restaurante .salones {
  float:left;
	margin: 0px 0 9px 13px;
  width: 347px;
  min-height: 188px;
	height: auto!important;
	height: 188px;
  background: url("../img/fdo-cajachicarestaurante-salon.gif") no-repeat;
	padding: 45px 0 0 11px;
	text-indent: 16px;
}
#restaurante .salones p, 
#restaurante .salones a {
  font-size: 1.1em;
	font-weight: bold;
	color: #3F3D4B;
	text-decoration: none;	
}
#restaurante .salones img {
	padding: 9px 0 11px;
}
#restaurante h3 {
  display: none;
}
#restaurante .jardines{
  float:left;
	margin: 0px 0 9px 0px;
  width: 347px;
  min-height: 188px;
	height: auto!important;
	height: 188px;
  background: url("../img/fdo-cajachicarestaurante-jardin.gif") no-repeat;
	padding: 21px 0 0 11px;
}
#restaurante ul.jcarousel {
  position: relative;
}
#restaurante ul.jcarousel li {
  position: relative;
   width: 310px;
	height: 32px;
}
#restaurante .jcarousel-skin-servicios .jcarousel-clip-vertical {
  height:225px;
  width:100%;
}
#restaurante .jardines .imagen{
  margin: 9px 0 0 0; 
	position: relative;
	*top: 4px;
	_top: 0px;
}
#restaurante .jardines .marco{
  z-index: 2;
	top: 0;
	left: 0;
	position: absolute;
}
#restaurante .jardines p.tit{
  z-index: 3;
	top: 110px;
	left: 0;
	position: absolute;
  text-align: center;
	width: 320px;
}
#restaurante .jardines p.tit a{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
#restaurante .jardines p.desc{
	margin: 15px 25px 10px 9px;
	font-size: 1.1em;
}
#restaurante .jardines p.boton{
	text-align: right;
	display: inline;
}
#restaurante .jardines .boton a{
  margin: 0 26px 0 0;
	float: right;
	color: #7f7f7f;
	text-decoration: none;
	font-weight: bold;
}
#restaurante .jardines .boton span{
  color: #860101;
}  
#restaurante #salon{
  *position: relative;
	*left: -15px;
	_left: -0px;
}  
/*SALONES*/
#salones{
 text-align: left;
}
#salones h1.es{
  text-indent: -999px;
  background: transparent url("../img/titulo-elrestaurante-salon.gif") no-repeat 0px 0px;
}
#salones h2 {
  font-size: 1.2em;
	margin: 15px 0 10px 18px;
  color: #860101;
}
#salones div.descripcion {
	margin:11px 10px 6px 18px;
	font-size: 1.1em;
}
#salones #jcarousel-container {
  height: 343px; 
  width: 641px;
  margin: 0 0 0 100px;
  background: url("../img/fdo-fotosrestaurante-salon.jpg") no-repeat 0px 0px;
}
#salones #jcarousel-container .jcarousel-horizontal {
  margin: 20px 0 auto 9px;
  float: left;
}
#salones #jcarousel-container .jcarousel-control {
  margin: 20px 0 auto 9px;
  float: left;
}
#salones p.volver a {
  display: block;
  background: url("../img/bot-volver.gif") no-repeat 0px 0px;
  text-indent: -9999px;
  width: 45px;
  height: 10px;
  position: relative;
  top: -22px;
  left: 21px;
}
#salones p.volver a:hover {
  background: url("../img/bot-volver-on.gif") no-repeat 0px 0px;
}

/*JARDINES*/
#jardines {
  text-align: left;
}
#jardines h1.es {
  text-indent: -999px;
  background:transparent url("../img/tit-elrestaurante-jardin.gif") no-repeat 0px 0px;
}
#jardines h2 {
  font-size: 1.2em;
	margin: 15px 0 10px 18px;
  color: #860101;
}
#jardines div.descripcion {
	margin:11px 10px 6px 18px;
	font-size: 1.1em;
}
#jardines #jcarousel-container {
  height: 343px; 
  width: 641px;
  margin: 0 0 0 100px;
  background: url("../img/fdo-fotosrestaurante-jardin.jpg") no-repeat 0px 0px;
}
#jardines #jcarousel-container .jcarousel-horizontal {
	margin: 20px 0 auto 9px;
	float: left;
}
#jardines #jcarousel-container .jcarousel-control {
	margin: 20px 0 auto 9px;
	float: left;
}
#jardines p.volver a {
	display: block;
	background: url("../img/bot-volver.gif") no-repeat 0px 0px;
	text-indent: -9999px;
	width: 45px;
	height: 10px;
	position: relative;
	top: -22px;
	left: 21px;
}
#jardines p.volver a:hover {
 background: url("../img/bot-volver-on.gif") no-repeat 0px 0px;
}

/*NUESTROS SERVICIOS*/
#nuestros_servicios{
  text-align: left;
}
#nuestros_servicios h1.es {
  text-indent: -999px;
  background: transparent url("../img/tit-servicios.gif") no-repeat 0px 0px;
}
#nuestros_servicios .menues,
#nuestros_servicios .extras {
  position:relative;
  float: left;
  margin: 10px 0 10px 10px;
  height: 219px;
  width: 346px;
  padding: 37px 0 0 11px;
}
#nuestros_servicios .extras {
  background: transparent url('../img/fdo-cajasservicios-extras.gif') no-repeat 0px 0px;
  
}
#nuestros_servicios .container {
	
 position:relative;
  height: 219px;
  overflow:hidden;
  margin-top:10px;
}
#nuestros_servicios .menues {
  background: transparent url('../img/fdo-cajasservicios-menu.gif') no-repeat 0px 0px;
}
#nuestros_servicios .menues .imagenMenu{
	position: relative;
	float: left;
}
#nuestros_servicios .menues .imagenMenu .marco{
  z-index: 2;
	top: 0;
	left: 0;
	position: absolute;
}
#nuestros_servicios ul.jcarousel {
  position: relative;
}
#nuestros_servicios ul li {
  position: relative;
   width: 310px;
 height:72px;
}

#nuestros_servicios .tit {
  position: relative;
  top: 21px;
	left: 13px;
	font-size: 1.1em;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}
#nuestros_servicios .extras ul li {
  position: relative;
	min-height: 42px;
	height: auto!important;
	height: 42px;
}
#nuestros_servicios .extras ul li.first {
  
}
#nuestros_servicios .extras .titulo {
	margin: 8px 0 8px 9px;
}
#nuestros_servicios .extras .titulo a{
  	color: #414141;
	text-decoration: none;
	font-weight: bold;
}
#nuestros_servicios p.boton {
	float:right;
	text-align: right;
	display: inline;
}
#nuestros_servicios .boton a {
	position:absolute;
	top: 0;
	_top:10px;
	*top:10px;
	right: 10px;
	color: #7f7f7f;
	text-decoration: none;
	font-weight: bold;
}

#nuestros_servicios .extras .boton span {
  position:relative;
  _position:absolute;
  _left:-10px;
  color: #860101;
}  
#nuestros_servicios .extras .toggle {
  min-height: 135px;
  height: auto !important;
  overflow: auto;
}

#nuestros_servicios .extras .imagenExtra{
	position: relative;
	float: left;
	width: 138px;
	margin: 0 9px 0 7px;
}
#nuestros_servicios .extras .imagenExtra .marco{
  z-index: 2;
	top: 0;
	left: 0;
	position: absolute;
}
#nuestros_servicios .desc {
	font-size: 1.1em;
	color: #414141;
	width: 149px;
	float: left;
}

#nuestros_servicios #up{
_background:transparent url('../img/prev-vertical.gif') no-repeat scroll 0 -65px;
bottom:62px;
_bottom:67px;
cursor:pointer;
height:4px;
position:absolute;
right:26px;
_right:23px;
width:8px;
z-index:3;
}
#nuestros_servicios #down{
_background:transparent url('../img/next-vertical.gif') no-repeat scroll 0 -67px;
bottom:50px;
_bottom:55px;
cursor:pointer;
height:4px;
position:absolute;
right:26px;
_right:23px;
width:8px;
z-index:3;
}
#nuestros_servicios #up.on{
background:transparent url('../img/prev-vertical.gif') no-repeat scroll 0 -96px;
z-index:4;
}
#nuestros_servicios #down.on{
background:transparent url('../img/next-vertical.gif') no-repeat scroll 0 -99px;
z-index:4;
}
#nuestros_servicios #up.off{
background:transparent url('../img/prev-vertical.gif') no-repeat scroll 0 -65px;
cursor:default;
z-index:4;
}
#nuestros_servicios #down.off{
background:transparent url('../img/next-vertical.gif') no-repeat scroll 0 -67px;
cursor:default;
z-index:4;
}


/*NUESTROS SERVICIOS - MENU */
#detalle_menu {
  text-align: center;
	min-height: 298px;
	height: auto!important;
	height: 298px;
}
#detalle_menu h1.es {
  text-indent: -999px;
  background: transparent url("../img/titulo-servicios-menu.gif") no-repeat 0px 0px;
	margin-bottom: 14px;
}
#detalle_menu #imagenes {
 float:left;
}
#detalle_menu .detalle_menu {
  float:left;
  background:transparent url('../img/fdo-colder-menu.gif') no-repeat 0px 0px;
  width:287px;
  text-align: left;
	min-height: 273px;
	height: auto!important;
	height: 273px;
}
#detalle_menu #imagenes p{
  padding: 7px 0;
}
#detalle_menu .jcarousel-skin-ie7 .jcarousel-prev-horizontal {
  left: 12px;
}
#detalle_menu .jcarousel-skin-ie7 .jcarousel-next-horizontal {
  right: 16px;
}
.detalle_menu .tit {
  color: #860101;
  font-size: 1.1em;
	font-weight: bold;
  margin: 9px 0 10px 10px;
}
.detalle_menu .desc {
  color: #2d2d2d;
  font-size: 1.1em;
  margin: 17px 0 10px 10px;
	width: 250px;
}
.detalle_menu .precio_menu {
  font-size: 1.1em;
  margin: 0px 0 0px 10px;
	font-weight: bold;
}
#detalle_menu p.volver {
  text-align: left;
}
#detalle_menu p.volver a {
  display: block;
  background: url("../img/bot-volver.gif") no-repeat 0px 0px;
  text-indent: -9999px;
  width: 45px;
  height: 10px;
  position: relative;
  top: 0px;
  left: 21px;
}
#detalle_menu p.volver a:hover {
  background: url("../img/bot-volver-on.gif") no-repeat 0px 0px;
}
/*ALGUNOS ESTILOS*/
.mayusculas{
    text-transform:uppercase;
}
/*DONDE ESTAMOS*/
#dondeEstamos {
  text-align:left;
  background-color:white;
}
#dondeEstamos h1.es {
  text-indent: -999px;
  background: transparent url("../img/tit-dondeestamos.gif") no-repeat 0px 0px;
}
#dondeEstamos #innerContainer {
	height: 270px;
	width: 692px;
	background: url("../img/fdo-contenido.jpg") no-repeat;
	margin: 9px 0 0 16px;
	padding: 10px 0 0 13px;
}
#dondeEstamos #innerContainer .sidebar {
  float: left;
	width: 236px;
}
#dondeEstamos #innerContainer .datos {
	height: 119px;
	width: 185px;
	background: url("../img/datoscontacto.gif") no-repeat;
	text-indent: -9999px;
}
#dondeEstamos #innerContainer .mail a {
  height: 21px;
	width: 167px;
	text-indent: -9999px;
	background: url("../img/mail-off.gif") no-repeat;
  margin: 0 0 5px;
	display: block;
}
#dondeEstamos #innerContainer .googleMaps {
 float:left;
 height:269px;
 width:448px;
}
#dondeEstamos #innerContainer .mail a:hover {
	background: url("../img/mail-on.gif") no-repeat;
}

#dondeEstamos #innerContainer .comoLlegar {
	height: 111px;
	width: 210px;
	background: url("../img/fdo-cajascomollegar.gif") no-repeat;
	color: 858585;
	font-size: 1.1em;
	padding: 7px 0 0 10px;
	position: relative;
}
#dondeEstamos #innerContainer .comoLlegar input {
  background: #FFFFFF;
	border: 1px solid #860101;
}
#dondeEstamos #innerContainer .comoLlegar p.llegar {
  position: absolute;
  top: 30px;
	left: 11px;
}
#dondeEstamos #innerContainer .comoLlegar p.numero {
  position: absolute;
  top: 30px;
	left: 167px;
}
#dondeEstamos #innerContainer .comoLlegar input.llegar {
  position: absolute;
  top: 43px;
	left: 10px;
	width: 143px;
}
#dondeEstamos #innerContainer .comoLlegar input.numero {
  position: absolute;
  top: 43px;
	left: 166px;
	width: 36px;
}
#dondeEstamos #innerContainer .comoLlegar p.ciudad {
  position: absolute;
  top: 64px;
	left: 11px;
}
#dondeEstamos #innerContainer .comoLlegar input.ciudad {
  position: absolute;
  top: 77px;
	left: 10px;
	width: 111px;
}
#dondeEstamos #innerContainer .comoLlegar input.boton {
  position: absolute;
  bottom: -6px;
	left: 8px;
	border: none;
}
/*CONTACTO*/
#contacto {
  text-align:left;
  background-color:white;
}
#contacto h1.es {
  text-indent: -999px;
  background: transparent url("../img/tit-contacto.gif") no-repeat 0px 0px;
}
#contacto #innerContainer {
	height: 270px;
	width: 692px;
	background: url("../img/fdo-contenido.jpg") no-repeat;
	margin: 9px 0 0 16px;
	padding: 10px 0 0 13px;
}
#contacto #innerContainer .sidebar {
  float: left;
	width: 236px;
}
#contacto #innerContainer .datos {
	height: 119px;
	width: 185px;
	background: url("../img/datoscontacto.gif") no-repeat;
	text-indent: -9999px;
}
#contacto #innerContainer .mail a {
  height: 21px;
	width: 167px;
	text-indent: -9999px;
	background: url("../img/mail-off.gif") no-repeat;
  margin: 0 0 5px;
	display: block;
}
#contacto #innerContainer .mail a:hover {
	background: url("../img/mail-on.gif") no-repeat;
}
#contacto #innerContainer .mainContainer {
	background: url("../img/fdo-formcontacto.gif") no-repeat;
	width: 448px;
	height: 269px;
	margin-left: 236px;
	position: relative;
}
#contacto #innerContainer .mainContainer form {
  padding: 30px 0 0;
}
#contacto #innerContainer .mainContainer input,
#contacto #innerContainer .mainContainer textarea,
#contacto #innerContainer .mainContainer label {
	display: block;
	width: 168px;
	float: left;
	margin: 0 0 5px;
}
#contacto #innerContainer .mainContainer textarea,
#contacto #innerContainer .mainContainer input {
  background: #FFFFFF;
	border: 1px solid #860101;
}
#contacto #innerContainer .mainContainer textarea {
  height: 79px;
	overflow: auto;
}

#contacto #innerContainer .mainContainer label {
	width: 91px;
  margin: 0 0 0 91px;
	padding: 4px 0 0;
	font-size: 1.1em;
}
#contacto #innerContainer .mainContainer input.boton {
	width: 52px;
	height: 25px;
	clear: both;
	border: none;
	margin: 0px 0 0 183px;
}
#contacto #innerContainer .mainContainer br {
	/*clear: left;*/
}
#contacto #innerContainer .mainContainer div.msg {
font-size:12px;
 text-align:center;
 padding-top:24%;
}
#contacto #innerContainer .mainContainer div.msg p{
font-weight:bold;
color:#860101;
}
#contacto #innerContainer .mainContainer .cartel {
  position: absolute;
	left: 12px;
	bottom: 75px;
	padding: 6px;
	background-color: #860101;
	width: 137px;
	color:#FFFFFF;
}
#contacto #innerContainer .mainContainer .cartel div{
  position: relative;
	left: 127px;
	top: 0px;
	width: 11px;
	height: 11px;	
}
#contacto #innerContainer .mainContainer .cartel .titulo{
  position: relative;
	top: -10px;
	width: 95px;
  font-weight: bold;
}




/* BODAS FRONT */
#bodas #mainContent {
	min-height: 310px;
	height: auto!important;
	height: 310px;
}
/*menu*/
#bodas #nav{
  background: transparent url("../img/bot-bodas.gif") no-repeat;
  height:19px;
  width:560px;
  position:absolute;
  left:198px;
  top:64px;
  display:block;
  overflow:hidden;
}
#bodas #nav li {
	display: inline;
}
#bodas #nav li a {
	float: left;
	height: 22px;
	text-indent: -9999px;
  background-image: url("../img/bot-bodas.gif");	
}
#bodas #nav li#navHome a {
	width: 48px;
	background-position: -37px 0;
	margin-left: 37px;
}
#bodas #nav li#navHome a:hover,
#bodas #nav li#navHome a.active {
	background-position: -37px -19px;
}
#bodas #nav li#navCeremonia a {
	width: 131px;
	background-position: -111px 0;
	margin-left: 26px;
}
#bodas #nav li#navCeremonia a:hover,
#bodas #nav li#navCeremonia a.active {
	background-position: -111px -19px;
}
#bodas #nav li#navRestaurante a {
	width: 138px;
	background-position: -279px 0;
	margin-left: 30px;
}
#bodas #nav li#navRestaurante a:hover,
#bodas #nav li#navRestaurante a.active {
	background-position: -279px -19px;
}
#bodas #nav li#navLista a {
	width: 89px;
	background-position: -442px 0;
	margin-left: 29px;
}
#bodas #nav li#navLista a:hover,
#bodas #nav li#navLista a.active {
	background-position: -442px -19px;
}
#bodas h1 {
  margin-left: 0px;
}
/*HOME*/
#bodas .imageShower {
  width: 758px;
	position: relative;
}
#bodas .imageShower .marco {
  top: -90px;
	position:absolute;
}
#bodas .imageShower p.nombres {
  position: relative;
	z-index: 9999999;
	font-size: 1.3em;
	color: #FFFFFF;
  text-align: center;
	bottom: 38px;
	width: 100%;
	font-weight: bold;	
}
/* Restaurante */
#bodas #localizacionRestaurante {
  text-align:left;
  background-color:white;
}
#bodas #localizacionRestaurante h1.es {
  text-indent: -999px;
  background: transparent url("../img/titulo-bodas-restaurante.gif") no-repeat 0px 0px;
}
#bodas #localizacionRestaurante #innerContainer {
	height: 255px;
	width: 692px;
	background: url("../img/fdo-contenido.jpg") no-repeat;
	margin: 9px 0 0 16px;
	padding: 15px 0 0 13px;
}
#bodas #localizacionRestaurante #innerContainer .sidebar {
  float: left;
	width: 236px;
}
#bodas #localizacionRestaurante #innerContainer .datos {
	height: 119px;
	width: 185px;
	background: url("../img/datoscontacto.gif") no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 8px;
}
#bodas #localizacionRestaurante #innerContainer .mail a {
  height: 21px;
	width: 167px;
	text-indent: -9999px;
	background: url("../img/mail-off.gif") no-repeat;
	display: block;
	margin: 0 0 5px 8px;	
}
#bodas #localizacionRestaurante #innerContainer .hora {
  font-size: 1.2em;
	margin: 10px 0 15px 8px;

}
#bodas #localizacionRestaurante #innerContainer .googleMaps {
  float: left;
  height: 269px;
  width: 448px;
}
#bodas #localizacionRestaurante #innerContainer .mail a:hover {
	background: url("../img/mail-on.gif") no-repeat;
}

#bodas #localizacionRestaurante #innerContainer .comoLlegar {
	height: 93px;
	width: 210px;
	background: url("../img/fdo-caja-bodas-restarante.gif") no-repeat;
	color: 858585;
	font-size: 1.1em;
	padding: 7px 0 0 10px;
	position: relative;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar input {
  background: #FFFFFF;
	border: 1px solid #d9d9d9;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar p.llegar {
  position: absolute;
  top: 30px;
	left: 11px;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar p.numero {
  position: absolute;
  top: 30px;
	left: 167px;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar input.llegar {
  position: absolute;
  top: 43px;
	left: 10px;
	width: 143px;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar input.numero {
  position: absolute;
  top: 43px;
	left: 166px;
	width: 36px;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar p.ciudad {
  position: absolute;
  top: 64px;
	left: 11px;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar input.ciudad {
  position: absolute;
  top: 77px;
	left: 10px;
	width: 111px;
}
#bodas #localizacionRestaurante #innerContainer .comoLlegar input.boton {
  position: absolute;
  bottom: 2px;
	right: 36px;
	border: none;
}
/* Ceremonia */
#bodas #localizacionCeremonia {
  text-align: left;
  background-color: white;
}
#bodas #localizacionCeremonia h1.es {
  text-indent: -999px;
  background: transparent url("../img/titulo-bodas-ceremonia.gif") no-repeat 0px 0px;
}
#bodas #localizacionCeremonia #innerContainer {
	height: 255px;
	width: 692px;
	background: url("../img/fdo-contenido.jpg") no-repeat;
	margin: 9px 0 0 16px;
	padding: 15px 0 0 13px;
}
#bodas #localizacionCeremonia #innerContainer .sidebar {
  float: left;
	width: 236px;
	padding: 45px 0 0 0;
}
#bodas #localizacionCeremonia #innerContainer p {
  font-size: 1.2em;
	margin: 0 0 12px 8px;
	color: #656565;
	line-height: 16px;
}
#bodas #localizacionCeremonia #innerContainer strong {
	color: #000000;
}
#bodas #localizacionCeremonia #innerContainer .googleMaps {
  float: left;
  height: 269px;
  width: 448px;
}
/* Lista de bodas */
#bodas #listaDeBodas {
  text-align: left;
  background-color: white;
	position: relative;
}
#bodas #listaDeBodas h1.es {
  text-indent: -999px;
  background: transparent url("../img/titulo-bodas-listadebodas.gif") no-repeat 0px 0px;
}
#bodas #listaDeBodas #innerContainer {
	height: 255px;
	width: 692px;
	margin: 9px 0 0 16px;
	padding: 15px 0 0 13px;
}
#bodas #listaDeBodas #innerContainer .sidebar {
  float: left;
	width: 244px;
	padding: 45px 0 0 0;
	background: url("../img/foto-listadebodas.jpg") no-repeat;
  height: 235px;
}
#bodas #listaDeBodas #innerContainer strong {
	color: #000000;
}
#bodas #listaDeBodas .marco{
  position: absolute;
  bottom: -33px;
  left: 12px;
}
#bodas #listaDeBodas #innerContainer .mainContainer {
  float: left;
  height: 269px;
  width: 448px;
	background: url("../img/fdo-contenido-listadebodas.jpg") no-repeat 0 43px;
}
#bodas #listaDeBodas #innerContainer .scrollContainer {
  height: 173px;
  width: 448px;
	margin:24px 0 37px;
}

#bodas #listaDeBodas #innerContainer .scrollContainer ol {
	list-style-image: inherit;
	list-style-position: inside;
	list-style-type:decimal;
}
#bodas #listaDeBodas #innerContainer .scrollContainer ul {
	list-style-image: inherit;
	list-style-position: inside;
	list-style-type: inherit;
}
#bodas #listaDeBodas #innerContainer .mainContainer p.intro {
  margin: 12px 0 11px 5px;
	font-size: 1.1em;
}
#bodas #listaDeBodas .mainContainer .contenidoContainer {
overflow:hidden;
  height: 173px;
  width: 448px;
	position: relative;
}
#bodas #listaDeBodas  .mainContainer .contenidoContainer .contenido {
  
  width: 402px;
	padding: 0 0 0 15px;
}
#bodas #listaDeBodas .mainContainer .contenidoContainer .contenido p {
 	font-size: 1.1em; 
}
#bodas #listaDeBodas .mainContainer .contenidoContainer .contenido p.copete {
  margin: 0px 0 15px 0;
	font-weight: bold;
}
#bodas #listaDeBodas .mainContainer .contenidoContainer .flechas {
  width: 7px;
	position: absolute;
	right: 15px;
	bottom: 0px;
}
#bodas #listaDeBodas .mainContainer .contenidoContainer .flechas a {
  display: block;
	margin-bottom: 3px;
}


#bodas #listaDeBodas .mainContainer .contenidoContainer div#dragBar {
background-color:#CECED6;
margin:12px 0 0 1px;
position:absolute;
width:7px;
height:240px;
}

#bodas #listaDeBodas .mainContainer .contenidoContainer div#track {
background-color:#f2f0e9;
margin:0 0 4px 2px;
width:7px;
height:145px;
}
#bodas #listaDeBodas .mainContainer .contenidoContainer div#up {
margin:0 1px 4px;
}

#bodas #listaDeBodas .mainContainer .contenidoContainer div#down {
margin:0 1px 4px;
}

#bodas #listaDeBodas .mainContainer .contenidoContainer div#flechas img {
display:block;
}

/* 404 */
#error {
  background: #FFF;
}
#error #content {
  height: 400px;
}
#error #content h1 {
  height: 84px;
	width: 164px;
  margin: 62px auto 68px;
 
}
#error #content .mensaje {
  height: 100px;
	background: #e8d36f;
  margin-bottom: 92px;
}
#error #content .mensaje p {
  height: 100px;
	width: 380px;
  margin: 0px auto;
	text-indent: -9999px;
	background: url("../img/msjnoexiste-bodas.gif") no-repeat;
}
.jcarousel-skin-servicios {
  height:227px;
  overflow-y:hidden;
}
.scroll-servicios {
  height:227px;
  
}
.extras #wn{
position:relative;

}


.extras #flechas #up{
bottom:65px;
cursor:pointer;
height:4px;
position:absolute;
right:23px;
width:8px;
}
.extras #flechas #down{
bottom:1px;
cursor:pointer;
height:4px;
position:absolute;
right:23px;
width:8px;
}

.extras . div#dragBar {
background-color:#CECED6;
margin:12px 0 0 1px;
position:absolute;
width:7px;
height:240px;
}

.extras div#track {
background-color:#f2f0e9;
margin:0 0 4px 2px;
width:7px;
height:145px;
}
.extras div#up {
margin:0 1px 4px;
}

.extras div#down {
margin:0 1px 4px;
}

.extras div#flechas img {
display:block;
}
