/*reset css*/
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{text-decoration: none;}
/*end of reset and beggining of real styling */
html{font-size:100%;}
body {color:#222;
font: normal 0.85em/1.5em Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
}

h1, h2, h3, h4, h5, h6, em{font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
color:#786254;}

h1{font-weight: bold;
font-size:1.5em;
line-height:3em ;
}
em{font-weight: bold;
font-size:102%;}
#header, #texto, #fotos ul, #frase p {width: 65%; margin: 0 auto;}
#header img {
width:22em;
height:auto; /* si no se le pone el otro valor, en IE6 la foto se deforma */
float:left;
margin-bottom:-1.5em;
}

#menu {margin:0; padding: 0; list-style-type: none; list-style-position: outside; line-height: 2em; clear:both; float:right;}
#menu li{float: left;position: relative; padding:0 0.5em;}
#menu a:link, #menu a:active,#menu a:visited{display: block; color: #111;
font: 1.3em/2em "Engel Light", "Arial Narrow", "Helvetica", Arial, sans-serif;padding:0 0.3em;}
#menu a:hover{color:#fff; background-color: #666;}

#menu ul {font-size:0.9em; position: absolute; width: 14em; top:2em; display: none; margin-left:-0.5em;
background-color: white;
opacity: 0.85;}
#menu li ul a{width: 11em; float:left;}
#menu ul ul {top: auto;}
#menu li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
	
    }

#frase{clear: both;
width:100%;
background: #C5BAB5;
border-bottom: 2px solid white;}

#frase p{
font:2em/1.3em "century gothic",Verdana, Helvetica, Arial, sans-serif;
color: #fcf8dd;
padding:1.8em 0;
text-shadow: #1d0f06 0.05em 0.05em 0.05em;
text-align:center;
}

#fotos {background: #4d392e url(../imglayout/shadow_pics_bac.gif) repeat-x top left;
width:100%;
height:auto;
padding:1em;
text-align: center;}

#fotos li{display: inline;}
#fotos img{height: 8.5em;
width: auto;
border:0.6em solid white;
margin:0.5em;}

#contenido{
padding: 1em;
background: transparent url(../imglayout/texto_bac.gif) repeat-x top left;}

.seccion{margin: 3em 0; text-align: center;}
#texto p{line-height:1.8em;}
.img {float: right;}


#texto ul{margin:1em 0 1em 2em;}
#texto a:link{color: #333; font-weight:bold;}
#texto a:active; #texto a:hover{color: #000;}
#texto a:visited{color: #333; font-weight:bold;}
#footer{clear:both;
width: 65%;
margin:1em auto;
font-size: 0.8em;
}
p.horario{font-weight:bold; margin: 1.5em 0 1.5em 2em;}

#footer p{margin-top:0.5em; border-top: 1px solid #333; width: 200px;float:right;}