/* generales */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;}
body {background:#000;margin:0;padding:0;}
:focus {outline:0;}
ol, ul {list-style:none;}
p {margin:0 0 20px; text-align: justify;color: #fff;}

/* formularios */
form {margin:0;}
input, textarea {font:12px Arial, Helvetica, sans-serif;color:#333;margin:0;padding:2px;}
textarea {width:250px;height:70px;}
select {font:12px Arial, Helvetica, sans-serif;color:#333;margin:0;padding:2px;}
.btn {border-top:1px solid #666;border-left:1px solid #666;border-bottom:1px solid #000;border-right:1px solid #000;background-color:#4B2525;color:#fff;font-weight:bold;width:100px;font-size:12px;}

/* links */
a {color:#fff999;text-decoration:none;}
a:hover {color:#000;}

/* títulos */
h1 {font-size:20px;letter-spacing:-1px;font-weight:bold;padding-bottom:10px;color: #fff999;padding-top:20px;}
h2 {font-size:16px;letter-spacing:-1px;font-weight:bold;padding-bottom:10px;color: #fff999;padding-top:20px;}

/* estructura */
#content {width:960px;display:block;margin:0 auto;font:12px Arial, Helvetica, sans-serif;color:#fff;text-align:left;}

#header {float:left;width:960px;}
#menu {float:left;text-align:left;width:870px;}

#contenido {
	float:left;
	width:960px;
	height:490px;
	color:#fff;
	font-size:14px;
	line-height:20px;
}


.contacto {background:url(../images/contacto.jpg) no-repeat;}
#contacto {width:300px;padding:50px 0 0 50px;}

#pie {width:940px;padding:5px 0 10px 10px;font:11px Arial, Helvetica, sans-serif;text-align:center;}



/* menú */
.menu {font:14px Arial, Helvetica, sans-serif;width:960px;}
.menu ul {padding:0;margin:0;list-style-type:none; height:2em;}
.menu ul ul {width:15em;margin-left:-15px;}
.menu ul ul ul{margin-left:0px;}
.menu ul li {float:left;height:3em;line-height:2.5em;display:block;margin:0 5% 0 5%;}
.menu ul ul li {display:block;width:12em;height:auto;line-height:1em;font-size:12px;}
.menu a, .menu a:visited {display:block;float:left;height:100%;text-decoration:none;color:#fff;font-size:16px;}
.menu ul ul a, .menu ul ul a:visited {display:block;color:#fff;width:100px;height:100%;line-height:1em; padding:5px 10px;background:#fff;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;width:100px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.menu ul ul ul a, .menu ul ul ul a:visited  {width:160px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.menu ul ul ul li {margin-left:12px;}
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
* html .menu a:hover {color:#785631; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#785631;}
* html .menu ul ul a:hover{color:#fff; position:relative; z-index:110;background:#666;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background:#666;}
* html .menu ul ul ul a:hover {color:#fff; position:relative; z-index:120;background:#666;}
.menu ul ul ul :hover > a {color:#fff;background:#666;}
.menu ul ul ul ul a:hover {color:#fff; position:relative; z-index:130;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2em; left:0; width:14em;}
.menu ul ul ul{left:12em;top:0;width:14em;}
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible; left:6em;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}






.clear {
	clear:both
}

#gallery {
z-index:-1; 
	position:relative;
	height:490px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:-1;
	}

	#gallery .caption {
		z-index:-1; 
		background-color:#000; 
		color:#ffffff; 
		height:60px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#fff;
	}
	#gallery .caption .content{
		margin:0;
		padding-left:5px;
		/*padding-top:5px;*/
	}
#izqda{
width:45%;
float:left;
}
#drcha{
width:50%;
float:right;
}

.galeria img{
border:none; 
margin-left:5px; 
width:230px;
height:154px;
}


.ubicacion{
padding-left:5px;
padding-right:5px;
width:200px;
height:128px;
}

.cursiva{
font-style: italic;
}

#select {
    color: #fff999;
    display: block;
    float: left;
    font-size: 16px;
    height: 100%;
    text-decoration: none;
}


.galeria img{
border:none; 
margin-left:5px; 
width:230px;
height:154px;
}