body {margin:0;padding:0;font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:12px; background-color:#1E7E90;}
table {border:1px solid #ccc; font-size:12px; color:fff;}
td {background-color:#228DA1;}

#sitegesamt  {width: 980px;  margin-left:auto; margin-right:auto;  position:relative; }
#header {width: 980px; height: 368px; position:relative;}
#header.main {width: 980px; height: 448px;}
#header.ballenas {background: url(../images/ballenas-delfines.jpg); width: 980px; height: 368px; no-repeat;}
#header.qsomos {width: 980px; height: 368px; background: url(../images/quienes-somos.jpg);no-repeat;}
#header.precios {width: 980px; height: 368px; background: url(../images/precios.jpg);no-repeat;}
#header.reservas {width: 980px; height: 368px; background: url(../images/reservas.jpg);no-repeat;}
#header.contacto {width: 980px; height: 368px; background: url(../images/contacto.jpg);no-repeat;}
#header.actividades {width: 980px; height: 368px; background: url(../images/actividades.jpg);no-repeat;}
#header.prensa {width: 980px; height: 368px; background: url(../images/prensa.jpg);no-repeat;}
#header.novedades width: 980px; height: 368px; {background: url(../images/novedades.jpg);no-repeat;}
#header.estrecho width: 980px; height: 368px; {background: url(../images/estrecho-de-gibraltar.jpg);no-repeat;}
#header.enlaces {width: 980px; height: 368px; background: url(../images/enlaces.jpg);no-repeat;}
#header.fotos {width: 980px; height: 368px; background: url(../images/fotos.jpg);no-repeat;}
#header.mapa {width: 980px; height: 368px; background: url(../images/mapa.jpg);no-repeat;}

#logo {width: 92px; height: 106px; left:12px; top:-46px; position:relative;}
#logotxt {width: 416px; height: 80px; left:104px; top: -152px; position:relative;}
#headerimg {width: 980px;  left:0px; top: 122px; position:absolute;}

#footer {width: 980px; height: 20px; font-size:10px; border-top:1px solid #F4C402; color:#F4C402; text-align:center; margin-top:20px; float:right;}

#navi {width: 860px; height:20px; top: 105px; left: 120px; margin-left:0px; position:relative;  color:#ccc; }
#subnavi {width: 360px; height:20px; top: 350px; left: 590px; position:relative;  color:#ccc; }
#subnavi.main {top: 425px;}

#language {width: 100px; height:20px; top: -20px; left: 850px;position:relative;  color:#ccc; }

/*#col1 {width: 275px; height:660px; background: url(../images/ballenas-delfines-left.jpg);no-repeat;position:absolute;  color:#ccc; }
#col2 {width: 670px; top: 388px; left: 296px; position:absolute;  color:#fff; font-size:13px;}*/

#col1 {width: 275px; position:relative; color:#ccc; float:left;}
#col1.advertising { background: url(../images/ballenas-delfines-left.jpg);no-repeat;}
#col1.estrecho { background: url(../images/estrecho-left.jpg);no-repeat;}
#col2 {width: 670px; position:relative;  margin-top: 30px; margin-left:20px; color:#fff; font-size:13px; float:left;}


#block{width: 275; height:165px; left: 7px; top: 125px; position:relative; padding-left:20px;}
#headertxt{width: 630; height:20px; left: 320px; top: 92px; position:relative; font-size:10px; color:#F4C402;}
#headertxt.main{top:170px;}


h1 {font-family: Lucida Sans unicode, Verdana, Helvetica, Arial,sans-serif; font-size: 24px; font-style: normal; line-height:1; font-weight: bold; color: #F4C402; display: inline;  margin: 0px}
h2 {font-family: Lucida Sans unicode, Verdana, Helvetica, Arial,sans-serif; font-size: 18px; font-style: normal; line-height:1; font-weight: bold; color: #fff; display: inline;  margin: 0px}
h3 {font-family: Lucida Sans unicode, Verdana, Helvetica, Arial,sans-serif; font-size: 14px; font-style: normal; line-height:1; font-weight: bold; color: #F4C402; display: inline;  margin: 0px}
.normal {font-size: 13px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}


.white   { color: #fff;}
.headyellow   { color: #F4C402; font-weight: bold;}


a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
font-style: normal; line-height: normal; font-weight:normal; color: #F4C402;}
a:hover {color: #CCC; }
a:active {color: #CCC;}

a.navi {font-size: 11px; font-weight: bold; text-decoration:none;}
a.navi:hover {font-weight: bold; text-decoration:none}
a.navi:active {font-weight: bold; text-decoration:none}

.imgleft {
  margin-right:20px;
  margin-bottom:10px;
  float: left;
	
}
.imgright {
      margin-left:20px;
      float: right;
}

.imgleftborder {
  border: 1px solid #fff;
  margin-right:20px;
  margin-bottom:10px;
  float: left;
	
}
.imgrightborder {
	  border: 1px solid #fff;
      margin-left:20px;
      float: right;
}

.line {
  border-bottom-color: #F4C402;
  border-bottom-width: 2px;
  border-bottom-style:dotted;
}

hr {display:none}