/************************************************************************************
	navBar
************************************************************************************/
#navbar {
	background:black;
	height:40px;
	border-bottom:5px solid #a2a250;
	margin:0 0 10px 0;
	padding:0  0 0 90px;
}

#navbar ul {
	list-style:none;
	padding:12px 0 0  0;
	height:22px;
}
#navbar ul li {
	float:left;
	height:22px;
}
#navbar ul li a {
	float:left;
	width:134px;
	height:22px;
	overflow:hidden;
	text-indent:-1000px;
}

#navbar ul li span.spacer {
	float:left;
	width:12px;
	height:22px;
	background:transparent url("../media/navbarspacer.gif") no-repeat  0 0;
}


#navbar ul li a.inicio:link, #navbar ul li a.inicio:visited {
	background:transparent url("../media/inicio.jpg") no-repeat  0 0;
}
#navbar ul li a.inicio:hover {
	background-position: 0 -22px;
}

#navbar ul li a.inicio_selected {
	background:transparent url("../media/iniciosel.jpg") no-repeat  0 0;
}

#navbar ul li a.catering:link, #navbar ul li a.catering:visited {
	background:transparent url("../media/catering.jpg") no-repeat  0 0;
}
#navbar ul li a.catering:hover {
	background-position: 0 -22px;
}
#navbar ul li a.catering_selected {
	background:transparent url("../media/cateringsel.jpg") no-repeat  0 0;
}


#navbar ul li a.oliveres:link, #navbar ul li a.oliveres:visited {
	background:transparent url("../media/doliveres.jpg") no-repeat  0 0;
}
#navbar ul li a.oliveres:hover {
	background-position: 0 -22px;
}
#navbar ul li a.oliveres_selected {
	background:transparent url("../media/doliveressel.jpg") no-repeat  0 0;
}

#navbar ul li a.bodegueta:link, #navbar ul li a.bodegueta:visited {
	background:transparent url("../media/bodegueta.jpg") no-repeat  0 0;
}
#navbar ul li a.bodegueta:hover {
	background-position: 0 -22px;
}
#navbar ul li a.bodegueta_selected {
	background:transparent url("../media/bodeguetasel.jpg") no-repeat  0 0;
}


#navbar ul li a.contacto:link, #navbar ul li a.contacto:visited {
	background:transparent url("../media/contacto.jpg") no-repeat  0 0;
}
#navbar ul li a.contacto:hover {
	background-position: 0 -22px;
}
#navbar ul li a.contacto_selected {
	background:transparent url("../media/contactosel.jpg") no-repeat  0 0;
}

/************************************************************************************
	imagenes
************************************************************************************/
#imagenes {
	margin:0 0 15px 0;
}

.pics {
    height:  450px;
    width:   900px;
    padding: 0;
    margin:  0;
}

.pics_vertical {
	height:  556px;
    width:   445px;
    padding: 0;
    margin:  0;
}


#player1{
	margin:0;
	padding:0;
}
/************************************************************************************
	Columnas
************************************************************************************/
.box {
	margin:0 0 10px 0;
	  background:transparent url("../media/boxbody.png") repeat  0 0;
}
.box h4 {
	padding:2px 5px;
	background:#a2a250;
	color:white;
	font-weight:bold;
	margin:0 0 2px 0;
}

.box_body {
	padding:15px;

	color:white;
}
.box_body p {
	text-align:justify;
	margin:0 0 10px 0;
}
.box  h5 {

	font-style:italic;
	color:#a2a250;
	font-size:14pt;
	margin:0 0 10px 0;
}

h6 {

	font-style:italic;
	color:#a2a250;
	font-size:14pt;
	margin:0 0 10px 0;
	border-bottom:1px solid #a2a250;
	margin:0;
	padding:0 ;
}

h7 {
	display:block;
	font-style:italic;
	color:#a2a250;
	font-size:11pt;
	margin:0 0 15px 0;
	border-bottom:1px solid #a2a250;

}

.video_table td {
	vertical-align:top;
}
.video_table td .text {
	padding:0 10px 0 0;
}
.video_table td img {
	border:1px solid #a2a250;
}
.box ul {
	margin:0 0 0 20px;
}
.box ul li {
	margin:0 0 10px 0;
}
/************************************************************************************
	googlemaps
************************************************************************************/
.fondo_trans {
	 background:transparent url("../media/boxbody.png") repeat  0 0;
}

#directions  {
	float:left;

	color:white;
	border:1px solid #a2a250;
	width: 435px;
	height: 390px;
	overflow:auto;
	margin:0 15px 0 0;
}


#directions * {
	background:transparent;
}

#directions a {
	color:#a2a250;
	text-decoration:none;
	font-weight:bold;
}



#map_canvas {
	float:left;
	width: 400px;
	height: 400px;
	border:1px solid #a2a250;

}

input {
	height:20px;
	width:300px;
	line-height:20px;
	vertical-align:middle;
	border:1px solid #a2a250;
}
/************************************************************************************
	cssform
************************************************************************************/
.cssform {
	margin:50px 0 0 0;
}
.cssform label {
	display:block;
	float:left;
	height:20px;
	width:70px;
	text-align:right;
	padding:0 10px 0 0;
	line-height:20px;
	vertical-align:middle;
	color:#a2a250;
	font-weight:bold;
}
.cssform input {

	height:20px;
	width:300px;
	line-height:20px;
	vertical-align:middle;
	border:1px solid #a2a250;
}
.cssform textarea {
	height:100px;
	width:300px;
	line-height:20px;
	vertical-align:middle;
	border:1px solid #a2a250;
}
.cssform p {
	clear:both;
}

.cssform .button {
	height:20px;
	width:100px;
	margin:0 0 0 110px;

}
a#submit_button:link, a#submit_button:visited {
	float:right;
	display:block;
	height:22px;
	width:98px;
	background:transparent url("../media/sendmail.jpg") no-repeat  0 0;
	overflow:hidden;
	text-indent:-1000px;
	margin:0 35px 0 0;
}
a#submit_button:hover {
	background-position: 0 -22px;
}



/************************************************************************
	galeria
************************************************************************/
#galeria {
	padding:20px 80px;

}

#galeria  .padding {


}


#galeria .gal_thumb {
	display:block;
	text-decoration:none;
	float:left;
	text-align:center;
}
#galeria a img {
	border:2px solid #a2a250;
	margin:0 0 15px 0;
}
#galeria .center {
	margin:0 30px;
}
#galeria .gal_thumb p {
	color:white;
	font-size:12pt;
}
