/* ESTRUCTURA BASE DEL SITIO */
* { padding:0;
	margin:0;
}
body { background-image:url(../imagenes/interfaz/bg_body.jpg);
}
#contenedor {
	width:800px;
	margin:0 auto;
}
#header {
	background-image:url(../imagenes/interfaz/header.jpg);
	height:175px;
}

#contenido {
}
#leftColumn {
	padding:10px;
	float:left;
	width:140px;
}
#middleColumn {
	float:left;
	width:480px;
	padding:10px;
	padding-top:0;
}
#rightColumn {
	padding:10px;
	float:left;
	width:120px;
}
#footer {
	text-align:center;
	padding-top:15px;
	clear:both;
	height:83px;
	background-image: url("../imagenes/interfaz/bg_footer.jpg");
}
.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0; } /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

/* --- Header ---- */
#header h1 {
	color:#FFFFFF;
	padding:60px 0 0 380px;
	font-size:46px;
}
#header #pubheader {
	margin-top:54px;
	margin-left:50px
}

/* ESTILO MENÚ */
#menu a {
	display:block;
	padding-left:11px;
	background-image:url(../imagenes/interfaz/bg_boton.png);
	font-size:18px;
	text-decoration: none;
}
dl {
width:140px;
}
dl, dd {
margin:0;
}
dt {
padding-left:10px;
background-image:url(../imagenes/interfaz/bg_boton.png);
font-size:18px;
}
dt a {
text-decoration: none;
}
dd a {
padding: 1px 0px 0px 5px;
color:#000000;
text-decoration: none;

}
#leftColumn ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:8px;
font-size:14px;
}

/* Div de contenidos */
h1 {
	color: #5A79FF;
	padding:0 0 0 1em;
	font-size:40px;
}
h2 {
	padding:0.5em 0 0 1em;
	color:#5A79FF;
	font-size:1.2em;
}
h3 {
	font-size: 1.08em;
	font-style:italic;
}
p {
	padding-top:1.4em;
	line-height:1.3em;
}
p strong {
	font-weight:bold;
}
/* imagenes con slide */
#divimage {
	margin:10px 0 -10px 0;
	padding-top:10px;
	background:url(../imagenes/interfaz/bg_imagenes.png) no-repeat;
	width:460px;
	height:218px;
}
#image {
	margin:10px;
	border:1px solid #0033ff;
}

/* Tablas alojamientos */
#tabinfo table {
	border-style: solid;
    border-width: 1px;
    border-color:#DEEFFF;
	width:480px;
	margin-top:20px;
	font-size:1em;
}
#tabinfo table td{
	padding:2px 0 0 10px;
}
#tabinfo #nombre {
	width:150px;
}
#tabinfo #direcc {
	width:150px;
}
.tabcolor {
	background-color:#DEEFFF;
}
/* --- tabla de mareas ---- */
#tabmareas {
	width:480px;
	font-size:1em;
}
#tabmareas tr{
	border: 1px solid #319eef;
	text-align:left;
}
.columnadia {
	 width:30px;
	 background-color:#A5CBEF;
}
.columnaancha {
	width:60px;
	background-color:#A5CBEF;
}
.dianum {
	background-color:#A5CBEF;
}
/* --- tabla de teléfonos útiles ---- */
.colnombre {
	 width:180px;
	 background-color:#A5CBEF;
}
.coldirec {<a href="../fotos-videos/fotos.php">Fotos de Las Grutas, San Antonio Este y San Antonio Oeste</a>
	width:140px;
	background-color:#A5CBEF;
}
.coltel {
	width:50px;
	background-color:#A5CBEF;
}
/* --- N O T I C I A S ---- */
#divimage #imgnoti {
	padding-left:10px;
}
.bgfoto {
	width: 180px;
	height:180px;
	margin:10px 0 0 15px;
	background: url(../imagenes/interfaz/bgGaleria.png) no-repeat;
	float:left;
	padding:21px;
}
#publigoogle {
	padding:10px;
	text-align:center;
}