/* 
    Document   : base
    Created on : 15-mar-2011, 17:40:14
    Author     : Jorge
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html,body {
    padding:0px;
    margin:0px;
    border:0px;
    
    height:100%;
    width:100%;
    background-image: url(images/fondo.jpg);
    background-position: center top;
    background-repeat: no-repeat;
	background-color: #eaeaea;
}

.wrapper{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
}

#logo {
    background-image: url("images/logo.png");
    height: 127px;
    left: 50%;
    margin-left: -420px;
    position: absolute;
    top: 17px;
    width: 396px;
}
#panel {
    background-image: url("images/panel.png");
    height: 342px;
    left: 50%;
    margin-left: -501px;
    position: absolute;
    top: 125px;
    width: 1003px;
    z-index:995;
}

#lightBox{
    position:fixed;
    left:50%;
    top:35px;
    margin-left: -40%;
    height:80%;
    width:80%;
    background-color: #DDDDDD;
    z-index: 99999999;
    padding:20px;
}
#lightBox_modal{
    position:fixed;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color: black;
    z-index: 99999997;
    padding:20px;
}

#botonera {
    background-image: url("images/botoneraOFF.png");
    height: 44px;
    left: 50%;
    margin-left: -464px;
    position: absolute;
    top: 453px;
    width: 929px;
    z-index:1000;
}

    .boton
    {
        position:relative;
        float:left;
        height:44px;
        width:232px;
        top:0px;
        cursor:pointer;
    }

#secciones {
    background-image: url("images/INICIO.png");
    min-height: 342px;
    height: auto;
    left: 50%;
    margin-left: -501px;
    position: absolute;
    top: 484px;
    width: 1003px;
    z-index:995;
}

    .lineaBarco {
        float: left;
        height: 156px;
        left: 0;
        margin-bottom: 5px;
        margin-left: 37px;
        position: relative;
        top: 25px;
        width: 932px;
        overflow: hidden;
    }
            .zonaDatos {
                height: 91px;
                left: 304px;
                position: absolute;
                top: 171px;
                width: 581px;
                z-index: 1000;
            }

                .lineaDato_Personas {
                    height: 20px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Cabinas {
                    height: 20px;
                    left: 0px;
                    position: absolute;
                    top: 23px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Eslora_total {
                    height: 20px;
                    left: 0px;
                    position: absolute;
                    top: 46px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Eslora_de_casco {
                    height: 20px;
                    left: 0px;
                    position: absolute;
                    top: 69px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }

                .lineaDato_Manga_de_casco {
                    height: 20px;
                    left: 230px;
                    position: absolute;
                    top: 0;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Desplazamiento_en_rosca {
                    height: 20px;
                    left: 230px;
                    position: absolute;
                    top: 23px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Calado {
                    height: 20px;
                    left: 230px;
                    position: absolute;
                    top: 46px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Capacidad_de_carburante {
                    height: 20px;
                    left: 230px;
                    position: absolute;
                    top: 69px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }



                .lineaDato_Capacidad_agua {
                    height: 20px;
                    left: 460px;
                    position: absolute;
                    top: 0;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
				
                .lineaDato_Motorización {
                    height: 20px;
                    left: 460px;
                    position: absolute;
                    top: 23px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Categoría_CE {
                    height: 20px;
                    left: 460px;
                    position: absolute;
                    top: 46px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
                .lineaDato_Superficie_velamen_total {
                    height: 20px;
                    left: 460px;
                    position: absolute;
                    top: 69px;
                    width: 118px;
                    font-size: 9pt;
                    color:#777777;
                    line-height: 19px;
                }
            .imagenPortadaBarco {
                height: 141px;
                left: 8px;
                position: absolute;
                top: 8px;
                width: 148px;
                z-index: 100;
            }
            .estiloLinea
            {
                position:absolute;
                left:0px;
                top:0px;
                height:100%;
                width:100%;
                background-image: url(images/LineaBarco.png);
                background-repeat: no-repeat;
                z-index:110;
            }

            .btnFotosBarco {
                height: 74px;
                position: absolute;
                right: 6px;
                top: 8px;
                width: 181px;
                z-index: 999999;
                cursor:pointer;
            }
                    .btnFotosBarco:hover {
                        background-image: url("images/btnBarcos.png");
                        height: 74px;
                        position: absolute;
                        right: 6px;
                        top: 8px;
                        width: 181px;
                        z-index: 999999;
                        cursor:pointer;
                    }
            .btnMasInfoBarco {
                height: 83px;
                position: absolute;
                right: 6px;
                top: 82px;
                width: 181px;
                z-index: 999999;
                cursor:pointer;
            }
                        .btnMasInfoBarco:hover {
                            background-image: url("images/btnBarcos.png");
                            background-position: 0 -74px;
                            height: 83px;
                            position: absolute;
                            right: 6px;
                            top: 82px;
                            width: 181px;
                            z-index: 999999;
                            cursor:pointer;
                        }
                        .btnMasInfoBarcoOVER {
                            background-image: url("images/btnBarcos.png");
                            background-position: 0 -74px;
                            height: 83px;
                            position: absolute;
                            right: 6px;
                            top: 82px;
                            width: 181px;
                            z-index: 999999;
                            cursor:pointer;
                        }

            .txtPortadaBarco {
                color: #587EA2;
                font-size: 16pt;
                height: 25px;
                left: 160px;
                position: absolute;
                top: 30px;
                width: 350px;
                z-index: 120;
            }
                    .txtPersonasBarco {
                        color: #A3A3A3;
                        font-size: 11pt;
                        height: 25px;
                        left: 211px;
                        position: absolute;
                        top: 62px;
                        width: 180px;
                        z-index: 120;
                    }
                    .txtCabinasBarco {
                        color: #A3A3A3;
                        font-size: 11pt;
                        height: 25px;
                        left: 211px;
                        position: absolute;
                        top: 82px;
                        width: 180px;
                        z-index: 120;
                    }
                    .txtEsloraBarco {
                        color: #A3A3A3;
                        font-size: 11pt;
                        height: 25px;
                        left: 211px;
                        position: absolute;
                        top: 102px;
                        width: 180px;
                        z-index: 120;
                    }
                    .txtAnioBarco {
                        color: #A3A3A3;
                        font-size: 11pt;
                        height: 25px;
                        left: 211px;
                        position: absolute;
                        top: 122px;
                        width: 180px;
                        z-index: 120;
                    }
            .txtPrecioBarco {
                color: #777777;
                font-size: 13pt;
                height: 25px;
                left: 547px;
                position: absolute;
                top: 279px;
                width: 180px;
                z-index: 120;
            }
#socialmedia {
    height: 342px;
    left: 50%;
    margin-left: 40px;
    position: absolute;
    top: 70px;
    width: 300px;
}


.gallery-fade {
    width: 240px;
}

.gallery {
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 964px;
}

#a_pagar{
	position: relative;
	top: -112px;
	z-index: 995;
	float: right;
	margin: 0px 30px;
}

#banner{
	width:100%;
position: absolute;
margin: 0 auto;
text-align: center;
padding: 20px 0px;
top: 817px;
}