/* CSS Document */
BODY{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
line-height: 19px;
background-color:#000000;
background-image:url(images/fondo_index.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed;
}

a:link{
color:#7B8C23;}
a:hover{
color:#CCCCCC;}

a:visited{
color:#637235;}



h3{
color:#999999;
font-size: 16px;}

.clear{
clear:both;}

#contenedor{
width:900px;
margin:auto;}

#cabecera{
}

#contenido{
margin: 20px 0 20px 0;
text-align:left;
width:790px;
clear:both;
float:right;}

#contenido_left{
float:left;
width:495px;}

#contenido_right{
margin: 10px 0 0 0;
float:right;
width:260px;}

.box-right{
background-color:#201F1F;
margin: 30px 0 0 0;
padding: 20px;}

.left{
float:left;}
.right{
float:right;
}

#nav{
float:right;
margin-top: 92px;
margin-right: -10px;}


/* ----------------------------- start #nav ----------------------------- */
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; height: 53px; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#one { background:url(images/menu_roll_01.gif) no-repeat left bottom;}
#two { background:url(images/menu_roll_02.gif) no-repeat left bottom; }
#three { background:url(images/menu_roll_03.gif) no-repeat left bottom; }
#four { background:url(images/menu_roll_04.gif) no-repeat left bottom; }
#quinto { background:url(images/menu_roll_05.gif) no-repeat left bottom; }
#sexto { background:url(images/menu_roll_06.gif) no-repeat left bottom; }
#septimo { background:url(images/menu_roll_07.gif) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */


.index_page div#contenedor div#cabecera div#nav ul li a#one {
background:url(images/menu_roll_01.gif) no-repeat left bottom;}

.index_page div#contenedor div#cabecera div#nav ul li a#one img{
visibility:hidden;}

.celebraciones_page div#contenedor div#cabecera div#nav ul li a#two {
background:url(images/menu_roll_02.gif) no-repeat left bottom;}

.celebraciones_page div#contenedor div#cabecera div#nav ul li a#two img{
visibility:hidden;}

.catering_page div#contenedor div#cabecera div#nav ul li a#three {
background:url(images/menu_roll_03.gif) no-repeat left bottom;}

.catering_page div#contenedor div#cabecera div#nav ul li a#three img{
visibility:hidden;}

.fotografias_page div#contenedor div#cabecera div#nav ul li a#four {
background:url(images/menu_roll_04.gif) no-repeat left bottom;}

.fotografias_page div#contenedor div#cabecera div#nav ul li a#four img{
visibility:hidden;}

.localizacion_page div#contenedor div#cabecera div#nav ul li a#quinto {
background:url(images/menu_roll_05.gif) no-repeat left bottom;}

.localizacion_page div#contenedor div#cabecera div#nav ul li a#quinto img{
visibility:hidden;}

.contacto_page div#contenedor div#cabecera div#nav ul li a#sexto {
background:url(images/menu_roll_06.gif) no-repeat left bottom;}

.contacto_page div#contenedor div#cabecera div#nav ul li a#sexto img{
visibility:hidden;}


.otros_page div#contenedor div#cabecera div#nav ul li a#septimo {
background:url(images/menu_roll_07.gif) no-repeat left bottom;}

.otros_page div#contenedor div#cabecera div#nav ul li a#septimo img{
visibility:hidden;}

#pie{
width:790px;
position:fixed;
bottom:0;
text-align:right;
margin: 20px 0 30px 0;
clear:both;}

/* ----------------------------- start lightbox ----------------------------- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}  


#gallery {
width: 800px;
margin: 0 0 50px 0;
}
	
#gallery ul { 
list-style: none;
display:inline;
margin:0;
padding:0;
}
#gallery ul li { 
display: inline; 
}
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
	
	#gallery ul a:hover { color: #fff; }
	
	/* ----------------------------- end lightbox ----------------------------- */
	
	/* FORMULARIOS */

#formulario {
width: 480px;
margin: 0 0 30px 0;
}

#formulario input, #formulario textarea {
	padding: 5px;
	width: 360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #666666;
	background-color:#333333;
	color:#FFFFFF;
}

#formulario textarea {
	height: 100px;
}

#formulario textarea:focus, #formulario input:focus {
	border: 1px solid #000000;
}

#formulario input.submit-button {
	width: 130px;
	margin: 0;
	background-color:#FFFFFF;
	color:#000000;
}

label{
	float: left;
	text-align: right;
	margin-right: 25px;
	width: 80px;
	padding-top: 5px;
	font-size: 16px;
}

#formulario h3 {
margin: 0 0 30px 0;}