html, body{
    height: 100%;
}

body{
    padding: 0;
    margin: 0;
    background: url('imgweb/bg.jpg');
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #23446f;
}

label{
    width: 10em;
    text-align: right;
    margin-bottom: 15px;
    margin-right: 5px;
    display: block;
    float: left;
}

input, select, textarea, button{
    width: 20em;
    color: #23446f;
    border: 1px solid #23446f;
    background: #d9e5f0;
    margin-bottom: 10px;
}

#cabecera{
    width: 930px;
    height: 211px;
    margin: 0 auto;
    background: url('imgweb/cabecera.png') no-repeat;
}

#idioma{
    padding: 15px 0 0 760px;
}

#menu{
    padding: 95px 65px 0 0;
    text-align: right;
}

#menu a{
    text-decoration: none;
    color: inherit;
}

#menu a:hover, #menu a.activo{
    text-decoration: underline;
}

#contenido{
    width: 830px;
    background: url('imgweb/body.png') repeat-y;
    margin: 0 auto;
    padding: 10px 50px;
    display: block;
}

#pie{
    width: 930px;
    height: 26px;
    margin: 0 auto;
    background: url('imgweb/pie.png') no-repeat;
    padding-top: 75px;
    text-align: center;
    color: #fff;
}

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

#pie a:hover{
    text-decoration: underline;
}

.enlacegraf{
    width:186px;
    height:45px;
    float:left;
    display: block;
    text-decoration:none;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
    color:#fff;
    padding: 177px 8px 5px 8px;
}

tr.alt td{
    background: #c7d7ea;
    color: #23446F;
}

.tabla-listado th{
    padding:5px;
    background:#333 url('img/nosort.png') no-repeat center left;
    border-bottom:1px solid #999;
    text-align:left;
    font-weight: normal;
    color:#ddd;
    cursor: pointer;
    padding-left: 20px;
    padding-right:.5em;
}

.tabla-listado td{
    padding:5px 20px 5px 5px;
    border-bottom:1px solid #ddd;
    color: #23446F;
    background: #f2e6df;
}

.tabla-listado a { color:#000;}
.tabla-listado th.nosort {cursor: default; background: #333 none; color:#ddd;}
.tabla-listado th.ordenasc {background: #333 url('img/asc.png') no-repeat center left;}
.tabla-listado th.ordendesc {background: #333 url('img/desc.png') no-repeat center left;}

#paginacion{
    margin: 1em 0;
    padding: 0;
    display: block;
    clear: both;
}

#paginacion li{
    list-style-type: none;
    padding: 0;
    margin: .2em;
    float: left;
}

#paginacion li a{
    color: inherit;
    text-decoration: none;
    padding: .3em;
}

.currentPage{
    background: #f3f3f3;
}

.barco{
    width: 384px;
    height: 116px;
    padding: 6px;
    background: url('img/bg_barcos.jpg') no-repeat;
    color: inherit;
    display: block;
    float: left;
    margin: 8px;
    text-decoration: none;
    border: 0;
}

.miniimgbarco{
    float: left;
    width: 155px;
    height: 115px;
    margin-right: 4px;
    border: 0;
    background: url('img/spinner.gif') no-repeat center center;
}

.titulobarco{
    color: #fff;
    font-weight: bold;
    width: 220px;
    height: 25px;
    display: block;
    margin-left: 159px;
    font-size: 1.2em;
    line-height: 1.5em;
}

.datosbarco{
    line-height: 1.4em;
    padding-top: .3em;
}

.datosbarco b{
    color: #000;
}

#imagenes{
    height: 312px;
    width: 100%;
    margin: 10px 0;
}

#imggrande{
    float: right;
    width: 380px;
    height: 310px;
    border: 1px solid #23446f;
    background: url('img/spinner.gif') no-repeat center center;
}

#thumbnails{
    width: 425px;
    height: 313px;
    float: left;
}

#thumbnails a{
    width: 82px;
    height: 82px;
    float: left;
    margin: 6px;
    text-decoration: none;
    color: inherit;
    border: 0;
}

#thumbnails a img{
    width: 80px;
    height: 80px;
    border: 1px solid #23446f;
}

#pagbarcos{
    text-align: center;
}

#pagbarcos a{
    padding: .3em;
    margin: .3em;
    text-decoration: none;
    font-weight: bold;
    color: inherit;
}

#pagbarcos a:hover, .actualpag{
    padding: .3em;
    margin: .3em;
    text-decoration: none;
    font-weight: bold;
    color: inherit;
    text-decoration: underline;
}

#popup{
    width:100%;
    height: 100%;
    background: url('img/fondolightbox.png');
    position:fixed;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
    z-index: 99;
}

#popupimg{
    background: url('img/spinner.gif') no-repeat center center;
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
}

#carruselmain{
    margin: 0 8px;
    width: 795px;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
}

#preloadcarrusel{
    width:1px;
    height:1px;
    overflow:hidden;
    visibility:hidden;
}

#textocarrusel{
    position: absolute;
    z-index: 5;
    color: #fff;
    top: 0;
    right: 0;
    width: 208px;
    background: url('img/fondocarrusel.png');
    height: 264px;
    padding-top: 12px;
    padding-right: 8px;
    padding-left: 4px;
    padding-bottom: 4px;
    overflow: hidden;
}

#enlacecarrusel img{
    border: 0;
    z-index: 3;
}

#titulocarrusel{
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

#imagencarrusel{
    width: 795px;
    height: 280px;
}

#txtcarrusel{
    text-align: right;
    padding: .3em;
    margin-top: 15px;
    font-size: 1.5em;
}