/*
 * The Propa stylesheet, carried over verbatim from the Symfony 2 bundle (reset.css + estils.css,
 * 2013): the site must look the same the day it comes back on Symfony 8 (runbook D9). The only
 * changes: the url() references point at ../images/ (AssetMapper rewrites them to the digested
 * paths) and Dosis is self-hosted below instead of hotlinked from Google Fonts.
 */

/* Dosis (OFL), @fontsource/dosis 5.3.0, latin 400 and 700 */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../fonts/dosis-latin-400-normal-lY4HRqI.woff2") format('woff2');
}
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../fonts/dosis-latin-700-normal-IkaZ5J6.woff2") format('woff2');
}

/* ---- reset.css ---- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    text-decoration: none;

}
/* ---- estils.css ---- */
body{

    display:block;
    margin:0;
    font-family: 'Dosis', sans-serif;
    background-color: #000;


}
nav a, nav a:visited{
    color: #FFF;
}
footer a, footer a:visited{
    color: #FFF;
}
strong{
    font-weight: bold;

}
nav{
    background-color: #000;
    margin: 0 auto;
    height: 80px;
    padding:20px 0;

}

nav h1{
    display:none;

}
nav #logotip_propa{
    float:left;


}
p{line-height: 1.3em;}
h2{
    color:#FF7500;
    font-size: 1.6em;
}
.columnfix{
    margin: 0 auto;
    width:960px;

}
#menuIdioma a, #menuIdioma a:visited{
    color: #FFF;
}
#menuIdioma a:nth-child(2){

    padding:0 5px;


}
.actiu{
    color:#FF7500!important;
}
#menuIdioma{
    text-align: right;
    color:white;


}
#menu{
    position:relative;
    top:42px;
    float:right;
    text-align:right;
    font-size: 1.2em;
}

#menu li{
    padding: 0 6px;
    float:left;
}

#content{
   background-image:url("../images/concrete_wall_2-jRIty-R.jpg");
 height: 100%;
    padding:40px 0;
    overflow: hidden;


}
footer{

    margin: 20px 0;
    color: #FFF;
    font-size: 0.95em;
    line-height:1.2em;
}
footer a:hover{
    color:#FF7500;
}
footer #adreça{
    float:left;

}
footer #contacte{
    width:100px;
    margin-left:300px;
    float:left;
}
#xarxes{
    float:  right;

    text-align: right;
}
#facebook{
    width: 32px ;
    height: 32px;
    background:url("../images/facebook-YzIteBh.png") no-repeat 0 0;
    margin: 0 5px;
    display:block;
    float:left;
}
#facebook:hover{

    background:url("../images/facebook-YzIteBh.png") no-repeat 0 -32px;

}
#linkedin{
    width: 32px ;
    height: 32px;
    background:url("../images/linkedin-iUwIcpB.png") no-repeat 0 0;
    margin: 0 5px;
    display:block;
    float:left;
}
#linkedin:hover{

    background:url("../images/linkedin-iUwIcpB.png") no-repeat 0 -32px;

}
#pagina, #obres{
    background-color: #FFF;
    padding: 40px;
    float:left;
}
#pagina h2{
    margin-bottom: 20px;

}
#pagina p:first-child{
    margin:0 0 10px 0;
}
#pagina p{
    margin:10px 0;
}
#pagina p:last-child{
    margin:10px 0 0 0;
}
#pagina .download{
    margin-top:20px;
}
#pagina .download a{
    display:block;



}
#pagina .download img{
    position: relative;
    top:10px;
    margin-right: 10px;
    margin-left:10px;


}
#imatge_pagina{

    padding-bottom:40px;

}
#pagina #columna_esquerra{
   padding-right:19px;
    border-right: 2px;
    border-color: #999;
    border-style: solid;
}
#pagina #columna_esquerra li{
    list-style-type: disc;
    margin:6px 0px 6px 25px;
    line-height: 1.2em;


}
#pagina #columna_dreta li{
    list-style-type: disc;
    margin:6px 0px 6px 25px;
    line-height: 1.2em;


}
#pagina #columna_dreta{
    padding-left:19px;
    border-left: 2px;
    border-style: solid;
    border-color: #999;
    margin-left: -2px;;
}
#pagina #columna_esquerra, #pagina #columna_dreta{
   width:420px;
   float:left;
}

#obres #columna_esquerra, #obres #columna_dreta{
    width:410px;
    float:left;
}
#obres #columna_dreta{
    padding-left:60px;
}
#obres h2{
    margin-top: 40px;


}
#obres a, #obres a:visited{
    color:#FF7500;
}
#llista_obres{
    padding:40px;
    background-color: #FFF;
    overflow: hidden;
}
.info_obra{
    float:left;
    width:320px;
    margin-right: 40px;


}
.info_obra h3{

    color:#FF7500;
    font-size: 1.6em;
    margin-bottom: 25px;


}
.obra img{
    margin-bottom:40px;
}
.obra:first-child{
    padding-top:0px;
}
.obra{
    padding-top:40px;
    border-style: solid;
    border-color: #999;
    border-bottom-width:2px;
    overflow: hidden;

}
.obra_lloc{
    margin: 15px 0;
    background:url("../images/home-SVoirso.png") no-repeat 0 0;
    padding: 7px 0 0 40px;
}
.obra_any{
    margin-top: 15px;
    margin-bottom:25px;
    background:url("../images/calendar-w8sABQw.png") no-repeat 0 0;
    padding: 7px 0 0 40px;
}
.pagination{

    margin-top: 20px;
    font-size: 1em;
}
.pagination a, .pagination .current{
    margin: 0 10px 0 0;
    padding: 2px 10px;

}
.pagination a{
    color:#FFF;
    background-color: #000;

}

.pagination .next, .pagination .last, .pagination .previous, .pagination .first{
display:none;


}
#news_list{
    background-color: #FFF;
    padding: 40px;
    overflow: hidden;

}
#news_list h2{
    margin-bottom: 5px;
}
#news_list .imatge_noticia{
    float:left;
    margin-right: 40px;
}
.news_left{
    float:left;
    width:410px;
    padding-right:60px;
}
.news_right{
    width:410px;
    float:left;
}
.news_row
{
    padding-bottom: 40px;
    overflow: hidden;
    border-style: solid;
    border-bottom-width:2px;
    border-color: #999;
    margin-bottom:40px;
}
.news_row:last-child {
    margin-bottom:0px;

}
#noticia{
    background-color: #FFF;
    overflow: hidden;
    padding:40px;
}
#noticia .imatge_noticia{
    margin-bottom:40px;

}
#noticia #noticia_esquerra{
    float:left;
    width:440px;


}
#noticia h2{
    margin-top:20px;
    margin-bottom:5px;
}
#noticia #noticia_dreta{
    float:left;
    width:440px;


}
.addthis_toolbox{
    margin-top:60px;

}
#noticia span{
    float:left;
}
#noticia #noticia_dreta p{
    line-height: 1.3em;
}
#contacta{
    background-color:#FFF;
    padding:40px;
    overflow: hidden;
}
#contacta a:visited, a{
    color: #000;
}
#contacta a:hover{
    color:#FF7500;
}
#contacta #contactans{
    float:left;
    width:440px;
    margin-bottom:40px;
}
#localitzans{
    margin-left:40px;
    margin-bottom:40px;
    float:left;
}

.telefon{
    margin: 15px 0;
    background:url("../images/iphone-rojNt_0.png") no-repeat 0 0;
    padding: 7px 0 0 40px;
}
.mail{
    margin: 15px 0;
    background:url("../images/email-K6Bj4Ic.png") no-repeat 0 0;
    padding: 7px 0 0 40px;

}
.lloc{
    margin: 0px 0;
    background:url("../images/home-SVoirso.png") no-repeat 0 0;
    padding: 0px 0 0 40px;
    line-height: 1.4em;;

}
#formulari
{

    width:398px;
    height:440px;
    border-style: solid;
    border-right-width:2px;
    border-color: #999;
    padding-right:40px;
    float:left;
}

#mapa
{
    width:400px;
    padding-left:40px;
    float:left;
}
#contacta label{
    display:none;

}
#contacta input{
width:300px;
border:solid 1px #000;
padding:2px;
}
button {
background:#000;
    color:#FFF;
    border: 0;
    padding:5px;
    cursor:pointer;
    margin-left:40px;

}
button:hover{
    background-color:#FF7500 ;

}
#contacta #nom{
    margin: 15px 0;
    background:url("../images/man-C-CcuFv.png") no-repeat 0 0;
    padding: 5px 0 0 40px;

}
#contacta #mail{
    margin: 15px 0;
    background:url("../images/email-K6Bj4Ic.png") no-repeat 0 0;
    padding: 2px 0 0 40px;

}
#contacta #missatge{
    margin: 15px 0;
    background:url("../images/message-MRUXQNj.png") no-repeat 0 0;
    padding: 4px 0 0 40px;

}
#contacta #propa_contact_message{
    resize:none;
    width:300px;
    height:120px;


}
#contacta form{
    margin-top:46px;

}
.flash{
    text-align: center;
    margin-bottom: 25px;
    color:#FFF ;
    font-size: 1.3em;
    background-color: #ffa65e;
    padding:5px;
}

#mapa a,a:visited{
    color:#FFF;
}

#mapa a:hover{
    color:#FF7500 !important;

}

.imatge_admin{
    margin-bottom:20px;
    margin-left:200px;
}
#error{
    background-color: #FFF;
    padding: 80px;
    font-size:1.7em;
    text-align: center;

}
#error span{
    color:red;
}