/*CSS BASIC*/
body { background-color:#032753; } /*021b3a*/
a { color:inherit; }
h2, h3, h4 a { color:#FFF !important; }

div.content h3 {
    color: #444 !important;
}

.neteja { clear:both; }
.img-responsive {  max-width:100%; height:auto; }
.inferior.segon { display:none; }
.titol1 { color:#054589; font-size:18px; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.titol2 { color:#054589; font-size:16px; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; }

.idioma { width:20px;}

/*.idioma { list-style: none; }
.idioma > li > a { text-decoration: none; border-bottom: none; }
.idioma > li > a > img { width:20px; }*/
#header {
    height:5rem;
}
#header div { float:left; }
#header div.fraja-fons {
    background-color: #032753;
    height:20px;
    float:none;
}
#header h1 > div { margin-right: 20px; }
#header nav {
    margin-top:23px;
}

#nav {
    margin-right:120px;
}

#header .navPanelToggle {
    position:inherit;
    margin-top: 22px;
    height: 0px;
    width: 0px;
}

.feed {
    padding:5px;
}

@media screen and (max-width: 450px) {
    .logo_top_alcala {
        display:none;
    }    
}
#header div.idioma {
    width:140px;
    margin-top: 23px;
    height: inherit;
    line-height: inherit;
    position: absolute;
    right: 1.5em;
    top: 0;
}
#header div.idioma > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header div.idioma > ul > li {
    display: inline-block;
    margin-left: 2em;
    padding: 0;
}

#header div.idioma a {
    margin-left: 5px;
    border-bottom:none;
}

.idioma img { width:20px; }
.idioma {  }
/*.logo > img { margin:5px 10px 0 10px; }*/
.dades_header { line-height:15px; margin-left:40px; }
.dades_header a { text-transform: lowercase; color:#FFF !important; font-size:0.8rem; padding: 0px 10px 0px 0px; text-decoration: none; border-bottom:none; }


strong, b {
    color: #FFF;
    font-weight:bold;
    text-decoration: underline;
}

.no-underline {
    text-decoration: none;
}

#top {
    height:50px;
    margin-top:-50px;
}

#instafeed {
    text-align: center;
}

/*SKELETON*/
.container {
    max-width:none;
}

/*SLATE*/

#two h2 {
    text-align:center;
}

#two h2:after {
    border-bottom: none;
}

#two section.content {
    text-align: center;
}

#header.alt {
    background-color: #fff;
    color: #444;
    top:0;
}
#header.alt h1 a, #header.alt a {
    color: #444;
}


.wrapper.style2 {
    background-color: inherit;
    color: #444;
    border-top: 0;
}

#banner > article:after {
    opacity: 0.15;
    background: transparent;
}

#banner > article {
    background-attachment: unset;
}

#banner {
    height: 600px;
    /*height: 65vh;*/
}

/*Icones*/

.wrapper.style2 .button {
        background-color: #07438c;
        color: #FFF !important;
        box-shadow: inset 0 0 0 1px #444;
}
.wrapper.style2 .button:hover {
        background-color: rgba(11, 97, 194, 0.75);
}
.wrapper.style2 .button:active {
        background-color: rgba(11, 97, 194, 0.2);
}

.features_index {
    display: flex;
}

.features_index > section:hover {
    cursor: pointer;
}

.features_index > section:before {
    width: 0;
}

.features_index > section {
    width: calc(20% - 2.5em);
}

@media screen and (max-width: 1280px) {

    .features_index > section {
        width: calc(25%);
        float:left;
    }
    .features_index { display: table; }
}

@media screen and (max-width: 980px) {

    .features_index > section {
        width: calc(25%);
        float:left;
    }
    .features_index { display: table; }
}

@media screen and (max-width: 736px) {
    
    .features_index > section {
        width: calc(50%);
        float:left;
    }
    .features_index { display: table; }

}

.features > section:before {
    width: 0px;
}


/*.posts .post {
    width: calc(50% - 1.25em);
}

@media screen and (max-width: 1280px) {

    .posts .post {
        width: 100%;
    }

}

@media screen and (max-width: 736px) {

    .posts {
        display: block;
    }

        .posts .post {
            width: 100%;
        }

}

*/

/* Enllaços*/

    .enllacos {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -moz-align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

        .enllacos .post {
            width: calc(20% - 1.25em);
        }

        @media screen and (max-width: 1280px) {

            .enllacos .post {
                width: calc(33.333333% - 1em);
            }

        }

        @media screen and (max-width: 736px) {

            .enllacos {
                display: block;
            }

                .enllacos .post {
                    width: 100%;
                }

        }

        
/* Reparacions*/

    .reparacions {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -moz-align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
    }

        .reparacions .post {
            width: calc(25% - 1.25em);
        }

        @media screen and (max-width: 1280px) {

            .reparacions .post {
                width: calc(33.333333% - 1em);
            }

        }

        @media screen and (max-width: 736px) {

            .reparacions {
                display: block;
            }

                .reparacions .post {
                    width: 100%;
                }

        }

/* Footer - CONCENTRIC */

#footer {
    position: relative;
    padding: 5em 0em 4em 0em;
    background-color:#999;
    border-top:none;
}

    #footer header {
        text-align: center;
        padding-bottom: 3em;
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
    }

        #footer header h2 {
            color: #56c9d6;
        }

    #footer ul.default li {
        border-top-color: #403E3E;
    }


/* Lists */

ul.lists {
    text-align: center;
}

    ul.lists li {
        display: inline-block;
        padding: 0em 1em;
    }

ul.featured {
    text-align: center;
}

    ul.featured li {
        display: inline-block;
        width: 22%;
        margin: 0 2.5% 5% 0;
        padding: 0em 0.50em;
        vertical-align: top;
    }

ul.default {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.default li {
        display: block;
        border-top: solid 1px #aaa;
        border-top-color: rgba(0, 0, 0, 0.1);
        line-height: 2.5em;
    }

        ul.default li:first-child {
            padding-top: 0;
            border-top: 0;
        }

    ul.default a {
        text-decoration: none;
        color: inherit;
    }

        ul.default a:hover {
            text-decoration: underline;
        }

ul.staff {
    margin: 0em 0em 3em 0em;
    padding: 2em 0em 1.5em 0em;
    list-style: none;
    text-align: center;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
}

    ul.staff li {
        display: inline-block;
        width: 160px;
        height: 160px;
        margin: 0 0.75em;
        background: #56c9d6;
        border-radius: 50%;
    }

    ul.staff img {
        border-radius: 50%;
    }

ul.social {
    margin: 3em 0em;
    padding: 2em 0em;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px -1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
}

    ul.social li {
        display: inline-block;
        padding: 0px 3px;
    }

    ul.social .icon {
        font-size: 1em;
        border: none;
    }

    ul.social li span {
        display: none;
    }

    ul.social li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        padding-top: 2px;
        background: #56c9d6;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
        color: #333131;
    }

ul.icons {
    cursor: default;
}

    ul.icons li {
        display: inline-block;
    }

    ul.icons a {
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;
        border: 0;
    }

ul.menu {
    cursor: default;
}

    ul.menu li {
        display: inline-block;
        line-height: 1em;
        border-left: solid 1px #ddd;
        padding: 0 0 0 0.5em;
        margin: 0 0 0 0.5em;
    }

        ul.menu li:first-child {
            border-left: 0;
            padding-left: 0;
            margin-left: 0;
        }

ul.actions {
    cursor: default;
}

    ul.actions li {
        display: block;
        margin: 0 0 0 0.5em;
    }

        ul.actions li:first-child {
            margin-left: 0;
        }

ol.default {
    list-style: decimal;
    padding-left: 1.25em;
}

    ol.default li {
        padding-left: 0.25em;
    }

.footer > .inner > div {
    float:left;
    width:50%;

}

#one {
    color:#FFF;
}

/*FOOTER*/
.bottom {color:#3e3e40; }
    #bottomTextAdreca { position:relative; padding-top:10px; text-align: right; margin-bottom: 10px; }
    .bottomTextIdioma { float:right; text-align:center; cursor:pointer; margin-left:5px; padding:5px 10px 5px 10px; }
        .bottomTextIdioma.actiu { background-color:#3e3e40; color:#FFFFFF; }
    #bottomSeparador { position:relative; float:left; width:100%; height:3px; background-color:#3e3e40; }
    #bottomAvis { position:relative; float:left; width:100%; height:12px; text-align:right; padding:10px 20px 0px 0px; }
    #bottomLogo { width: 100%; text-align: center; margin-top: 20px; }
    
/*REMODELACIONS*/
/*#remodelacio { margin-bottom:20px; }
    #remodelacio_img { margin-right:10px; margin-left:10px; background-color:#FFF; text-align:center; padding:10px; border-radius:10px; }
#remodela_img { position:absolute; width:70px; height:71px; background-image:url(../image/template/remodela.png); top:-35px; left:-35px; }
#remodelacio_imatge { width:120px; height:100px; float:left; margin: 15px 0 0 15px; }

.remodelacio_remodelacio { margin-bottom:4px; padding:10px; cursor:pointer; line-height:18px; background-color:#214A9A; color:#FFF; }
#remodelacio_titol { position:relative; float:left; width:90%; height:36px; line-height:36px; text-align:center; font-size:18px; background-color:#E30015; margin-left:15px; margin-bottom:0px; color:#FFF; }
#remodelacio_descripcio { position:relative; float:left; width:90%; text-align:center; font-size:14px; color:#3E3E40; background-color:#E30015; margin-left:15px; margin-bottom:15px; }*/

/*PREMIOS-CALIDAD*/
#premiosCalidadTitol { position:relative; float:left; font-size:18px; font-weight:bold; color:#333333; padding:20px 0px 0px 20px; }

/*RSE-PIME*/
#rsePimeTitol { font-size:18px; font-weight:bold; color:#333333; padding:20px 0px 0px 20px; }
#rsePimeFoto { text-align:center; }

/*FORMACIÓ I PRÀCTIQUES*/
#formacioContenidor { }
#formacioSeparador { width:2px; height:500px; background-color:#CCC; }
#formacioFormulari {  }

/*CONTACTE*/
#contacteWeb label, #contacteWeb input { color:#FFF; }
#contacteMapa { margin:20px 0; }
#contacteText { position:relative; float:left;text-align:center; }
#contacteFormulari { position:relative; float:left; }
/*    #contacteFormulari label { font-size:12px; font-weight:bold; color:#000; margin-bottom:0; }
    #contacteFormulari span { font-weight:normal; }
    #contacteFormulari input { width:70%; padding:3px; font-size:16px; color:#333; border:none; background-color:#FFF; border:2px solid #4E85BD; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -khtml-border-radius:10px 10px 10px 10px; }
/*        #contacteFormulari input.error { border:2px solid #F00; }
    #contacteFormulari textarea { width:90%; padding:3px; font-size:16px; color:#333; font-family:Verdana, Geneva, sans-serif; border:none; background-color:#FFF; border:2px solid #4E85BD; resize:none; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -khtml-border-radius:10px 10px 10px 10px; }
        #contacteFormulari textarea.error { border:2px solid #F00; }*/
.contacteDades { font-size:14px; font-weight:bold; color:#333333; }
#contacteFotos { position:relative; float:left; width:340px; padding:20px 0px 0px 20px; text-align:center; }
#contacte_img { position:absolute; width:70px; height:71px; background-image:url(../image/template/contacta.png); top:-35px; left:-35px; }
#valCaptcha { color:#EE7C07; display:none; width:100%; }



input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    background-color: transparent;
    /* color: #FFF !important; */
    color: #FFF;
    box-shadow: inset 0 0 0 1px #FFF;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
        background-color: #444;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
        background-color: #444;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.button.special {
        box-shadow: none;
        background-color: #FFF;
        color: #444 !important;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.button.special:hover {
        background-color: #FFF;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.button.special:active {
        background-color: #FFF;
}



@media (max-width: 550px) {
    #formacioSeparador { display:none; }
}

/*AVÍS LEGAL*/
#avisLegal { position:relative; float:left; width:600px; padding:30px 20px 20px 20px; text-align:justify; color:#333333; }

/*MAPA*/
#map_canvas { height:350px; width:100%; }



/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 999px) {
    /*PEU */
    #bottomTextAdreca { float:none; margin-bottom:20px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* REMODELACIONS */
    #remodelacio_imatge { width:100px; margin: 10px 0 0 10px; }
	
	#bottomLogo { padding-top : 60px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* REMODELACIONS */
    #remodelacio_imatge { width:100px; margin: 10px 0 0 10px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    /* REMODELACIONS */
    #remodelacio_imatge { width:100px; margin: 5px 0 0 5px; }
}

/* begin JIRA ALCALA-19 */

body, #header div.fraja-fons {
    background-color: #101820;
}

/* end JIRA ALCALA-19 */