@charset "utf-8";
/* CSS Document */

body {
font-family:Times, "Times New Roman", Georgia, serif;
margin:0;
padding:0;
background-color:#000000;
}

p {
margin-top:0;
margin-bottom:15px;
}

img {
border:none;
}


.contenedor-total {
margin:0 auto;
width:800px;
height:700px;
border:1px #666666 solid;
border-top:none;
}

.header {
background:url(../images/bg_header.jpg) no-repeat;
width:800px;
height:260px;
color:#fff;
}

/* ---- COMIENZA CONTENIDOS ----*/

.contenido-home {
background:url(../images/bg_home.jpg) no-repeat;
width:800px;
height:440px;
}

.contenido-ubicacion {
background:url(../images/bg_ubicacion.jpg) no-repeat;
width:800px;
height:440px;
}

.contenido-pesca {
background:url(../images/bg_pesca.jpg) no-repeat;
width:800px;
height:440px;
}

.contenido-servicios {
background:url(../images/bg_servicios.jpg) no-repeat;
width:800px;
height:440px;
}

.contenido-contacto {
background:url(../images/bg_contacto.jpg) no-repeat;
width:800px;
height:440px;
}


/* ---- FINALIZA CONTENIDOS ----*/

.top {
width:800px;
height:44px;
float:left;
border-bottom:1px #fff solid;
position:relative;
}

.mid {
width:800px;
height:180px;
float:left;
border-bottom:1px #fff solid;
margin-bottom:5px;
position:relative;
}

.menu {
width:800px;
height:30px;
float:left;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.espacio {
width:800px;
height:5px;
float:left;
border-bottom:1px #fff solid;
margin-bottom:15px;
}

.contenedor {
width:800px;
height:355px;
float:left;
margin-bottom:15px;
position:relative;
}

.footer {
width:800px;
height:49px;
float:left;

position:relative;
font-size:10px;
color:#fff;
background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}

.footer2 {
	width:800px;
	height:49px;
	float:left;
	border-top:1px #fff solid;
	position:relative;
	font-size:10px;
	color:#fff;
	margin-top:-49px;
	top: 8;
}

/* ---- COMIENZA CONTENIDO DE HEADER ----*/

/* ---- CONTENIDO DE TOP ----*/

.header a {
color:#fff;
text-decoration:none;
}

.header a:hover {
text-decoration:underline;
}

.top-menu {
width:360px;
position:absolute;
left:10px;
font-style:italic;
font-size:12px;
}

.top-menu ul{
list-style:disc;
list-style-type:disc;
}

.top-menu ul li{
float:left;
margin:0;
font-weight:bold;
list-style:disc;
list-style-type:disc;
}

.idiomas {
	position:absolute;
	left:343px;
	top:15px;
	font-size:12px;
    font-weight:bold;
	width: 115px;
	height: 25px;
}

.buscar {
position:absolute;
right:35px;
top:12px;
}

.buscar input {
background:url(../images/search.png) no-repeat;
border:none;
width:260px;
height:21px;
padding-left:10px;
padding-right:0;
color:#fff;
}

/* ---- CONTENIDO DE MID ----*/

.logo {
height:95px;
width:267px;
background:url(../images/logo.png) no-repeat;
position:absolute;
left:35px;
top:50%;
margin-top:-46px;
}

.logo h1 {display:none;}

.promesa {
position:absolute;
right:-16px;
top:18px;
width:465px;
height:130px;
background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
text-decoration:none;
display:block;
}

.promesa2 {
position:absolute;
right:-12px;
top:21px;
width:456px;
text-decoration:none;
}

.promesa2 a {
width:380px;
padding:15px;
padding-right:35px;
text-decoration:none;
display:block;
}

.promesa2 a:hover {
text-decoration:none;
}

.promesa2 h2 {
font-size:17px;
text-align:justify;
font-style:italic;
padding:0;
margin:0;
text-decoration:none;
}

/* ---- FINALIZA CONTENIDO DE HEADER ----*/

/* ---- COMIENZA CONTENIDO DE FOOT ----*/

.footer2 a {
color:#fff;
}

.logo-foot {
height:32px;
width:104px;
background:url(../images/logo-foot.png) no-repeat;
position:absolute;
left:35px;
top:8px;
}

.data-web {
width:300px;
text-align:center;
position:absolute;
left:50%;
top:8px;
margin-left:-150px;
}

.data-web a {
font-variant:small-caps;
font-size:14px;
}

.data-contacto {
position:absolute;
right:40px;
top:3px;
text-align:right;
line-height:11px;;
font-size:12px;
}

/* ---- FINALIZA CONTENIDO DE FOOT ----*/

/* ---- COMIENZA CONTENIDO DE MENU ----*/

.menu ul {
margin:0 auto;
height:30px;
font-weight:bold;
list-style:none;
list-style-type:none;
font-size:18px;
}

.menu ul li{
height:30px;
float:left;
padding-top:5px;
}

.menu ul li a{
height:30px;
padding:0px 25px 0px 25px;
border-right:2px #FFFFFF solid;
}

/* ---- FINALIZA CONTENIDO DE MENU ----*/

/* ---- COMIENZA CONTENIDO DE CONTENIDO ----*/

.novedades {
width:275px;
heigth:354px;
position:absolute;
left:35px;
top:0px;
}

h3.separado {
width:275px;
height:22px;
font-size:12px;
background-color: #FFFF00;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
float:left;
margin:0;
margin-bottom:10px;
text-align:center;
padding-top:7px;
font-size:12px;
}

h3.abajo {
margin-top:10px;
margin-bottom:0px;

}

#scroll {
background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
float:left;
width:245px;
height:285px;
padding:15px;
}

.ubicacion {
width:275px;
heigth:354px;
position:absolute;
left:35px;
top:0px;
}

#scroll-ubicacion {
background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
float:left;
width:245px;
height:324px;
padding:15px;
}

.pesca {
width:275px;
heigth:354px;
position:absolute;
left:35px;
top:0px;
}

.pesca2 {
width:1px;
heigth:354px;
position:absolute;
left:41px;
top:968px;
}

.servicios2 {
width:275px;
heigth:354px;
position:absolute;
left:325px;
top:0px;
/*background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;*/
overflow:hidden;
display:block;
}


#scroll-pesca {
background-color: #fff;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
float:left;
width:245px;
height:324px;
padding:15px;
}

#sliders {
width:275px;
heigth:354px;
position:absolute;
left:325px;
top:0px;

overflow:hidden;
}

.servicios {
width:275px;
heigth:354px;
position:absolute;
left:35px;
top:0px;
}

#scroll-servicios {
background-color: #fff;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
float:left;
width:245px;
height:285px;
padding:15px;
}

.columna {
width:142px;
heigth:354px;
position:absolute;
right:35px;
top:0px;
background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
padding:4px;
}

.columna img {
padding-bottom:4px;
}

.columna a {
padding:0;
margin:0;
}

.columna2 {
width:142px;
heigth:354px;
position:absolute;
right:35px;
top:0px;
padding:4px;
}

.columna2 img {
padding-bottom:4px;
}

.columna2 a {
padding:0;
margin:0;
}

.Scroller-Container {
  text-align:justify;
}

.Scroller-Container h3 {
  font-size:12px;
  font-variant:small-caps;
  margin:0;
  margin-bottom:15px;
}

.ubicacion-mapa {
width:440px;
heigth:354px;
position:absolute;
right:35px;
top:0px;
background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
display:block;
}

.ubicacion-mapa2 {
width:435px;
heigth:354px;
position:absolute;
right:35px;
top:0px;
padding:4px;
}

.panoramio {
margin-top:4px;
margin-left:3px;
}

.contacto {
width:360px;
heigth:354px;
position:absolute;
right:35px;
top:0px;
background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
display:block;
}

.contacto2 {
width:360px;
heigth:354px;
position:absolute;
right:35px;
top:0px;
}

.contacto2 h3 {
	font-size:12px;
	margin:0;
	padding:0;
	margin-left:15px;
	padding-top:15px;
}

.relativo {
	position:relative;
	width:360px;
}
.contacto2 input {
	border:1px solid #333;
	height:20px;
	width:310px;
	margin-bottom:10px;
	font-family:"Times New Roman", Times, serif;
	padding:5px;
}

.contacto2 textarea {
	border:1px solid #333;
	height:120px;
	width:310px;
	font-family:"Times New Roman", Times, serif;
	padding:5px;
}

#result {
	margin-left:15px;
}

#result label {
	font-size:10px;
	color:#FFF;
	background-color:#F00;
	position:absolute;
	top:10px;
	right:30px;
}

UL.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding: 0;
					margin-left:4px;
					padding-top:4px;
                }

                UL.tabNavigation LI {
                    display: inline;
					height:29px;
                }

                UL.tabNavigation LI A {
                    padding: 3px 5px;
					background-color: #333;
                    color: #ccc;
                    
                    text-decoration: none;
                }

                UL.tabNavigation LI A.selected,
                UL.tabNavigation LI A:hover {
                    background-color: #fff;
                    color: #000;
                }
                
                UL.tabNavigation LI A:focus {
                 
                }

                div.tabs > div {
					background-color:#fff;
					margin-left:4px;
					width:430px;height:270px;
					margin-top:2px;
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
				}
	
.contenetabs {
	width:430px;
	height:270px;
}