/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18 déc. 2013, 22:55:41
    Author     : Digi
*/

/* Estilos de Polices --------------------------- */
@font-face {
    font-family: 'corbelitalic';
    src: url('fuentes/corbeli-webfont.eot');
    src: url('fuentes/corbeli-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/corbeli-webfont.woff') format('woff'),
         url('fuentes/corbeli-webfont.ttf') format('truetype'),
         url('fuentes/corbeli-webfont.svg#corbelitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'corbelbold_italic';
    src: url('fuentes/corbelz-webfont.eot');
    src: url('fuentes/corbelz-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/corbelz-webfont.woff') format('woff'),
         url('fuentes/corbelz-webfont.ttf') format('truetype'),
         url('fuentes/corbelz-webfont.svg#corbelbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'corbelregular';
    src: url('fuentes/corbel-webfont.eot');
    src: url('fuentes/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/corbel-webfont.woff') format('woff'),
         url('fuentes/corbel-webfont.ttf') format('truetype'),
         url('fuentes/corbel-webfont.svg#corbelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Fuentes cuerpo -------------------------------- */

@font-face {
    font-family: 'crimson_textroman';
    src: url('fuentes/crimsontext-roman-webfont.eot');
    src: url('fuentes/crimsontext-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/crimsontext-roman-webfont.woff') format('woff'),
         url('fuentes/crimsontext-roman-webfont.ttf') format('truetype'),
         url('fuentes/crimsontext-roman-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crimson_textitalic';
    src: url('fuentes/crimsontext-italic-webfont.eot');
    src: url('fuentes/crimsontext-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/crimsontext-italic-webfont.woff') format('woff'),
         url('fuentes/crimsontext-italic-webfont.ttf') format('truetype'),
         url('fuentes/crimsontext-italic-webfont.svg#crimson_textitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------------------------------------------------------------------ */


h1, .h1 {
    font-size: 36px; color:#000;
}
h2, .h2 {
    font-size: 28px; color:#000;
}
h3, .h3 {
    font-size: 24px; color:#000;
}
h4, .h4 {
    font-size: 20px; color:#000;
}
h5, .h5 {
    font-size: 18px; color:#000;
}
h6, .h6 {
    font-size: 12px; text-transform: uppercase; letter-spacing: 1px;
}
a{
    color: #EFFBF5; text-decoration: none;
}

/* ----------------------------------------------- */

/* header logo */
#logo {
    padding-top: 30px;
    padding-bottom: 1px;
}

#titulo {
        font-family: 'corbelitalic';
        line-height: 35px;
        font-size: 26px;
        letter-spacing: 1px;
        margin-top: 0px;
        margin-bottom: 8px;
}

/* Menu navegacion */
#nav {
        float: left;
        width: 960px;
        padding: 0;
        margin-top: 1px;
        background-color: #153E49;
        /* Dégradés */
        background: -webkit-linear-gradient(#2C515B,#093440);
        background: -moz-linear-gradient(#2C515B,#093440);
        background: -o-linear-gradient(#2C515B,#093440);
        background: linear-gradient(#2C515B,#093440);
}

#nav li {
        float: left;
        list-style-type: none;
        border-left:1px solid #707070;
        padding-left: 12px;
        padding-right: 15px;
}

#nav li > a {
        padding-left: 12px;
        padding-right: 15px;
        line-height: 28px;
        color: #EFFBF5;
        text-decoration: none;
        text-align: left;
        font-size: 16px;
        letter-spacing: 1px;
}

#nav li > a:hover {
        -moz-transition:0.5s;
        -o-transition:0.5s;
        -webkit-transition:0.5s;
        color: #7EBCF1;
        padding-bottom: 2px;
        border-bottom: solid thick white;
        border-bottom-width: 1px;
}

/* Formulario */

#columnas >div {
    padding-top: 2em;
}

#columnas h5{
        font-family: 'corbelitalic';
        line-height: 8px;
        font-size: 24px;
        letter-spacing: 0.3px;
        color: #596D31;
        margin-top: 0.6em;
        margin-bottom: 2em;
        text-align:center;
}

#columnas p{
        font-family: 'crimson_textroman';
        margin-top: 5px;
        font-size: 17px;
        letter-spacing: 0.2px;
}

.one {
        height: 2em;
}

.one1 {
        height: 2em;
        margin-top: 1em;
        height: 2.5em;
}

input#nom {
    width: 36em;
    background-color:rgb(230, 244, 253);
    border-color: black;
}

input#adresse {
    width: 36em;
    background-color:rgb(230, 244, 253);
    border-color: black;
}

input#codepostal {
    width: 18em;
    background-color:rgb(230, 244, 253);
    border-color: black;
}

input#ville{
    width: 18em;
    background-color:rgb(230, 244, 253);
    border-color: black;
}

input#email {
    width: 18em;
    background-color:rgb(230, 244, 253);
    border-color: black;
}

textarea#comments {
    width: 35.6em;
    height: 18em;
    background-color:rgb(230, 244, 253);
}

select {
        background-color:rgb(230, 244, 253);
}
/*-------------------------*/


/* Pie de pagina */

.pie {
    background: url("f_isla.png");
    background-color: #2C515B;
    height: 12em;
    display: inline;
    float: left;
    width: 960px;    
}

.esppie {
    padding-top: 1.8em;
    padding-left: 0;
    padding-right: 0;
}

.esppie1 {
    padding-top: 1.8em;
    font-size: 14px;
    letter-spacing: 1px;
    font-style: italic;
    color: white;
    margin-left: 0px;
}

/* Barra copyright */

#pie_copy {
    background-color: #000000;
    height: 5.5em;
    display: inline;
    float: left;
    width: 960px;
}

.log_img {
    padding-top: 1em;
    height: 3em;
    width: 2.6em;
}

#text_log {
    padding-top: 2em;
    font-size: 12px;
    letter-spacing: 1px;
    color: white;
}