/* =======================================================
css.de La Gastroteca de Santiago S.L.
licencia CC. BY/NC/ND 
======================================================= */
* {
margin: 0;
padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #786752;
	font: normal 68%/140% Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-top: 5px solid #999999;
	background: #151515 url(../images/hojita_fondo.gif) no-repeat fixed right top;
	overflow: auto;
}
img { border: none; }
a { text-decoration: none;}
.limpiar {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 820px;
	height: 100%;
}
#header {
	width: 820px;
	margin: 65px 0 0 0;
	border-bottom: 3px solid #2C2C2C;
}
#logo {
	float: left;
	height: 76px;
	width: 275px;
	padding:2px;
}
#subheader {
	height: 50px;
	width: 820px;
	margin:0;
	background-color: #151515;	
}
#cambiosf {
	padding: 4px 0 2px 0;
	width: 820px;
	height: 251px;
	margin:0;
	border-top: 3px solid #2C2C2C;
	border-bottom: 3px solid #2C2C2C;
}
#cambiosf {
	padding: 4px 0 2px 0;
	width: 820px;
	height: 251px;
	margin: 0;
	border-top: 3px solid #2C2C2C;
	border-bottom: 3px solid #2C2C2C;
	background: transparent url(../images/bgcambiosf.jpg) repeat-x;
}
#cf1 {
	position:absolute;
}
#cf2 {
	position:absolute;
}
#cf3 {
	position:absolute;
}
#gastroteca #cambiosf 	{
	padding: 4px 0 3px 0;
}
html>body #cambiosf {
	padding: 4px 0 3px 0;
}
#principal {
	width: 820px;
	margin: 35px 0 0 0;
}
#sidebar {
	float: left;
	width: 270px;
}
#contenido {	
	float: right;
	width: 546px;
	margin: 0;
	padding: 0;
}
#map {
    width: 540px; height: 415px;
	border : 0px;
}
#map .gmls {
     width : 300px;
	 margin-left:20px;
}
#footer	{
	width: 820px;
	margin: 25px 0 0 0;
}
#footerleft	{
	float: left;
	width: 277px;
	margin: 0;
	padding: 5px 0 5px 0;
	border-top: 3px solid #2C2C2C;
}
#footerright {
	float: right;
	width: 543px;
	margin: 0;
	padding: 5px 0 5px 0;
	border-top: 3px solid #2C2C2C;
}
a:link {
	color: #F1222C;
	text-decoration: none;
	border-bottom: 0px solid #f1222C;
}
a:visited {
	color: #F1222C;
	text-decoration: none;
	border-bottom: 0px solid #F1222C;
}
a:hover {
	color: #FF9933;
	text-decoration: none;
	border-bottom: 0px solid #FF9933;
}
a:active {
	color: #F1222C;
	text-decoration: none;
	border-bottom: 0px solid #F1222C;
}
#contenido a:link, #contenido a:visited, #contenido a:active {
	text-decoration: none;
	border-bottom: 0px solid #FF9933;
	padding: 0 0 0 10px;
	margin: 0;
	color: #F1222C; 
	letter-spacing: 0.05em;
	background: transparent url(../images/arrow_subnavup.gif) no-repeat 0px 60%;
}
#contenido a:hover {
	text-decoration: none;
	border-bottom: 0px solid #FF9933;
	padding: 0 0 0 10px;
	margin: 0;
	color: #FF9933; 
	letter-spacing: 0.05em;
	background: transparent url(../images/arrow_subnavup.gif) no-repeat 0px 60%;
}
.arrow {
	float:none;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0;
	color: #F1222C; 
	letter-spacing: 0.05em;
	background: transparent url(../images/arrow_subnavup.gif) no-repeat 0px 60%;
}
.arrow a:hover {
	float:none;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0;
	color: #F1222C; 
	letter-spacing: 0.05em;
	background: transparent url(../images/arrow_subnavhover.gif) no-repeat 0px 60%;
}
#navegacion {	
	float: right;	
	height: 27px;
	width: 531px;
	margin: 40px 0 0 0;
	padding: 0;
	background: transparent;
}
#navegacion ul {
	float: right;
	border: 0;	
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navegacion ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 17px 0 0;
}
#navegacion ul li a {
	font: normal 1.3em Tahoma;
	padding: 5px 0 0 0;
	margin: 0;
	text-decoration: none;	
	color: #ff9933;
	letter-spacing: 0.05em;
	text-transform: capitalize;
}
#navegacion ul li a:hover {
	color: #FFFFFF;
	background: transparent url(../images/arrow_navihover.gif) no-repeat 50% 0px;
}
#subnavegacion {	
	float: right; 	
	height: 20px;
	width: 531px;
	margin: 15px 0 0 0;
	padding: 0;
}
#subnavegacion ul {
	float: left;
	border: 0;	
	margin: 0 0 0 19px;
	padding: 0;
	list-style-type: none;
}
html>body #subnavegacion ul {
	margin: 0 0 0 19px;
}
#subnavegacion ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 8px 0 0;
}
#subnavegacion ul li a {
	font: normal 1.3em Tahoma;
	padding: 0 0 0 10px;
	margin: 0;
	text-decoration: none;
	color: #CCC;
	letter-spacing: 0.05em;
	background: transparent url(../images/arrow_subnavup.gif) no-repeat 0px 60%;
}	
#subnavegacion ul li a:hover {
	color: #FF9933;
	background: transparent url(../images/arrow_subnavhover.gif) no-repeat 0px 60%;
}
h1:first-letter {
	font-size:xx-large;
	letter-spacing: 0.07em;
}	
h1 {	
	color: #F1222C;
	height: 55px;
	margin: 0;
	padding: 4px 0 0 30px;
	font: normal 24px/24px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;	
	letter-spacing: 0.07em;
}
h2:first-letter {
	font-size:xx-large;
	letter-spacing: 0.07em;
}	
h2 {
	color: #F1222C;
	margin: 0;
	padding: 7px 0 10px 0;
	font: normal 22px/24px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
}
h3:first-letter {
	font-size:xx-large;
	letter-spacing: 0.10em;
}	
h3 {
	color: #FF9933; 
	margin: 4px 0 6px 2px;
	font: normal 14px/20px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.10em;
}
h4:first-letter {
	font-size:xx-large;
	letter-spacing: 0.08em;
}	
h4 {	
	color: #CCC;
	padding: 4px 0 6px 2px;	
	font: normal 13px/17px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
}
h5 {	
	color: #CCC;
	padding: 0 0 2px 0;
	font: normal 13px/17px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
}
p.article:first-line {
	color: #CCCCCC;
	font-weight: bold;
	text-align: justify;
	letter-spacing: 0.09em;
}
p.article {text-align:justify;}
p.centrado {text-align:center}
p {
	color: #786752;
	font-size: 1.2em;	
	letter-spacing: 0.07em;
	line-height: 1.5em;
	margin: 0 8px 15px 0;
	padding: 0;
}
p.c3 {text-align: justify}
p.c1 {text-align: justify}
#sidebar p{
	margin: 0 5px 15px 0;	
}
#footer p {
	color: #786752;
	font-size: 1em;
	line-height: 1.7em;
	margin: 0;
}
i {
	font-style: italic;
	color: #776655;
}
b, strong {	
	font-weight: bold;
	color: #786656;
}
#gastroteca #sidebar p:hover {color: #CCCCCC; }
.highlight {
	background-color: #786752;
	color: #151515;
	font-weight: bold;
	padding: 8px 20px 8px 25px;
	border-top: 3px solid #999;
	border-bottom: 3px solid #999;
}
.news1 {
	float: left;	
	margin: 0;
	padding: 0 0 12px 12px;
	background: transparent;
}
.news1 ul li a {
    font-size: 1.2em;	
	letter-spacing: 0.10em;
	line-height: 1.5em;
}
.news table { width: 100%; margin: 0 0 13px 0; padding: 0; border:thin solid #999;}
.news table tr td { padding:5px; color: #151515; text-align:center; font-size: 1.2em;	
	letter-spacing: 0.07em;	line-height: 1.5em; font-weight: bold; border:thin solid #999; background-color: #786752;}
.news2 {
	float: left;	
	margin: 0;
	padding: 15px 0 0 2px;
	background: transparent;
}
/* #sidebar .news1:hover{
	float: left;
	background: #111;
}*/
#contenido .news {
	float: none;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 100%;
	height: auto;
	background: transparent url(../images/puntitos2.gif) repeat-x 0% 100%;
}
.news ul li {
    color: #786752;
	font-size: 1.2em;	
	letter-spacing: 0.07em;
	margin: 0 0 9px 25px;
	padding: 0;
}
.news ul li b {
	font-weight: bold;
	color: #7E6656;
}
.linea { 	
	float: left;	
	height: 2px;
	width: 250px;
	line-height: 2px;
	margin:0;
	padding: 0;
	background: transparent url(../images/puntitos2.gif) repeat-x 0% 100%;
}
.rightalign {
	float: right;
}
.leftalign {
	float: left;
	margin: 4px 12px 4px 0;
}

body#gastroteca a#navgastroteca,
body#equipo a#navequipo,
body#carta a#navcarta,
body#bodega a#navbodega,
body#situacion a#navsituacion,
body#contacto a#navcontacto

{	color: #F1222C;	}

body#historia a#subnavhistoria,
body#menciones a#subnavmenciones,
body#galeria a#subnavgaleria

{	color: #F1222C;	}