/* elements comuns */

html, body {height:100%; margin:0; font-family: 'Josefin Sans', sans-serif;}
body {position:relative;}
img {border:0;}
a {text-decoration:none; outline:none;}
input, textarea, select {outline:none;}
.preload {visibility:hidden; width:0; height:0; overflow:hidden;}
.negre {color: #000;}
#web {position:absolute; left:50%; margin-left:-340px; top:50%; margin-top:-297px; width:680px; height:594px; font-family:'Josefin Sans', sans-serif; font-weight:600; max-width: 100%; max-height: 100%; text-align: center;}
#web .idiomes {font-size: 20px; color: #7f7f7f; position: absolute; width: 100%; top: 12px; font-weight: 400; }
#web .idiomes a {color: #7f7f7f; text-decoration: none; }
#web .idiomes a:hover {color: #000; }
.blau, .content .text.blau a { color: #08396d !important; }

.sidebar { float: left; width: 187px; height: 300px; text-align: right; padding-top: 55px; font-size: 20px; color: #7f7f7f; }
.sidebar a { color: #7f9db9; }
.sidebar a:hover, .sidebar a.active { color: #08396d; }
.sidebar img { margin-bottom: 10px; }

.content { font-size: 20px; line-height: 120%; color: #7f7f7f; float: left; width: 750px; max-width: 100%; z-index: 2; padding-bottom: 100px; }
.content a { color: #7f9db9; }
.content a:hover, .content a.active { color: #000; }
.content .langnav { margin-left: 0px; padding-top: 20px; height: 35px; }
.content .imatge { position: relative; width: 402px; height: 397px; float: left; margin-left: 20px; }
.content .imatge img { width: 100%; height: auto; }
.content .imatgebg { position: absolute; top: 0; z-index: -1; }
.content .imatge .imatgenav { margin-top: 10px; }
.content .text a { color: #000; }
.content .text a:hover { color: #08396d; }
.content .imatge .imatgenav.blau a { color: #08396d; font-weight: 700; }
.content .imatge .imatgenav.blau a:hover { color: #4883c2; }
.content .imatge .imatgenav a { color: #08396d; font-weight: 700; }
.content .imatge .imatgenav a:hover { color: #4883c2; }
.content .imatge .imatgenav img { width: 91px; height: auto; }
.content .imatge .imatgenav img.active { outline: 3px solid #08396d; outline-offset: -3px; }
.content .text { margin-left: 20px; width: 260px; float: left; color: #000; margin-top: 10px; position: relative; }
.content .formulari { position: relative; width: 388px; height: 383px; float: left; margin-left: 20px; border: 7px solid #08396d; background: #ccd7e1; color: #08396d; }
.content .formulari a { color: #08396d; }
.content .formulari a:hover { color: #4883c2; }
.content .formulari label { float: left; width: 30%; text-align: right; margin-top: 8px; color: #08396d; }
.content .formulari .form0 { margin-top: 16px; }
.content .formulari input, .content .formulari textarea { float: left; width: 64%; margin-left: 2%; margin-top: 8px; border: 0; font-size: 12px; line-height: 140%; padding-left: 1%; font-family: 'Josefin Sans', sans-serif; font-size: 1em; }
.content .formulari input { height: 24px; }
.content .formulari textarea { width: 63.5%; height: 124px; resize: none; }
.content .formulari input[type="submit"] { float: right; margin-right: 3%; width: 65.2%; height: 50px; font-family: 'Josefin Sans', sans-serif; font-size: 20px; cursor: pointer; background: #7f9db9; }
.content .formulari input[type="submit"]:hover { background: #08396d; color: #fff; }
.content .formulari .missatge { padding: 20px; }
.content .adhoc { position: absolute; top: 340px; left: -100px; z-index: 3; }
@media screen and (max-width: 718px) { .content .adhoc { left: 0; } }
.content .adhoc-desc { font-size: 18px; line-height: 110%; margin-bottom: 280px; }
.lista-ciudades a { color: #7f9db9 !important; }
.lista-ciudades a:hover, .lista-ciudades a.active { color: #08396d !important; }

.resta0 { float: left; background-color: #fff; width: calc(50% - 468px); height: 100%; z-index: -2; }
.resta { float: left; background-color: #fff; width: calc(50% - 469px); height: 100%; z-index: -2; }

#footer { position: fixed; bottom: 0; left: 0; z-index: 0; width: 100%; height: 70px; background: #ccd7e1; }
#footer_content { position: absolute; left: 50%; margin-left: -260px; font-size: 12px; line-height: 16px; margin-top: 10px; }
@media screen and (max-width: 718px) { #footer_content { position: absolute; left: 20px; margin: 0; } }
#footer_content a { color: #08396d; }
#footer_content a:hover { color: #000; }
@media screen and (max-width: 918px) {
	.content .imatge .imatgenav { padding-bottom: 120px; }
	.tauguri { margin-top: 120px !important; }
}
@media screen and (max-width: 718px) {
	.lista-ciudades { padding-bottom: 80px; margin-top: 80px !important; }
	.mmmh { margin-top: 60px !important; }
}