* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px ; font-family: arial }

p {text-align: justify }
h1{font-size: 10px; color:#8B8989 ; font-weight:normal ; text-decoration: none ; text-align: left}
h2{font-size: 18px; color:#000 ; font-weight: bold ; text-decoration: none ; text-align: left}
h3{font-size: 14px; color:#000 ; font-weight:bold ; text-decoration: none ; text-align: left}
h4{font-size: 14px; color:#000 ; font-weight:bold ; text-decoration: none ; text-align: none}
h5{font-size: 14px; color:#03C}
h6{font-size: 10px; color:#00F ; font-weight:bold ; text-decoration: none ; text-align: left}
h7{font-size: 18px; color:#03C}
h8{font-size: 24px; color:#03C}
h9{font-size: 18px; color:#C00}
h10{font-size: 18px; color:#8B8989 ; font-style:italic ; text-decoration: none ; text-align:left}

body {text-align: center;}


html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}


.cb-slideshow,
.cb-slideshow ul{ list-style:none}
.cb-slideshow:after {
    position: absolute;
	width: 1024px;
    z-index: 0;
}

.cb-slideshow li span {
    position: absolute;
	width: 1024px;
	top:50%;
	left:50%;
	margin-right:50%;
	transform: translate(-50%, -50%); 
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 72s linear infinite 0s;
	-webkit-animation: imageAnimation 72s linear infinite 0s;
}

.cb-slideshow li:nth-child(1) span {
    background-image: url(portada1.jpg);
	   animation-delay: 0s;
	-webkit-animation-delay: 0s;
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(portada2.jpg);
    animation-delay: 6s;
	-webkit-animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(portada3.jpg);
    animation-delay: 12s;
	-webkit-animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(portada4.jpg);
    animation-delay: 18s;
	-webkit-animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(portada5.jpg);
    animation-delay: 24s;
	-webkit-animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(portada6.jpg);
    animation-delay: 30s;
	-webkit-animation-delay: 30s;
}
.cb-slideshow li:nth-child(7) span {
    background-image: url(portada7.jpg);
    animation-delay: 36s;
	-webkit-animation-delay: 36s;
}
.cb-slideshow li:nth-child(8) span {
    background-image: url(portada8.jpg);
    animation-delay: 42s;
	-webkit-animation-delay: 42s;
}
.cb-slideshow li:nth-child(9) span {
    background-image: url(portada9.jpg);
    animation-delay: 48s;
	-webkit-animation-delay: 48s;
}
.cb-slideshow li:nth-child(10) span {
    background-image: url(portada10.jpg);
    animation-delay: 54s;
	-webkit-animation-delay: 54s;
}
.cb-slideshow li:nth-child(11) span {
    background-image: url(portada11.jpg);
    animation-delay: 60s;
	-webkit-animation-delay: 60s;
}
.cb-slideshow li:nth-child(12) span {
    background-image: url(portada12.jpg);
    animation-delay: 66s;
	-webkit-animation-delay: 66s;
}
.cb-slideshow li:nth-child(13) span {
    background-image: url(portada13.jpg);
    animation-delay: 72s;
	-webkit-animation-delay: 72s;
}

@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    5% { opacity: 1; animation-timing-function: ease-out; }
    9% { opacity: 1 }
    20% { opacity: 0 }
    100% { opacity: 0 }
}
@-webkit-keyframes imageAnimation { /* Safari and Chrome */
    0% { opacity: 0; animation-timing-function: ease-in; }
    5% { opacity: 1; animation-timing-function: ease-out; }
    9% { opacity: 1 }
    20% { opacity: 0 }
    100% { opacity: 0 }
}

.no-cssanimations .cb-slideshow li span{
    opacity: 1;
} 


#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#wrapper {
  width: 80%;
  margin: 100%;
  color: #333;
}

#global {width: 800px ; margin: 10px auto }

#contingut {width: 800px ;height: 540px; background-color: }
.titol p{text-align:right ; font-size:18px }
.imatge {float: ; list-style : none}
.web {float:left ; list-style : none ; font-size: 10px ; color:#000 ; font-weight:bold}

table {font-size: 14px ; color: #8B8989 ; vertical-align:bottom }
.foto {width:130px ; height:78px; border-bottom:2px solid #FFF}
.nom {width:190px ; height:78px; text-align:left; border-bottom:2px solid #FFF}
.descripcio {width:480px ; height:78px; text-align:left; border-bottom:2px solid #FFF}

.projectes {width:160px ; height: 93px}
.popup {position:relative; z-index: 0 }
.popup:hover{background-color:transparent ; z-index: 50}
.popup span{ /*CSS for enlarged image*/position:absolute; left:0px; top:30px ; visibility: hidden}
.popup span img{ /*CSS for enlarged image*/width:550px}
.popup:hover span{ /*CSS for enlarged image on hover*/visibility: visible/*position where enlarged image should offset horizontally */}
.popup2 {position:relative; z-index: 0 }
.popup2:hover{background-color:transparent ; z-index: 50}
.popup2 span{ /*CSS for enlarged image*/position:absolute; left:0px ; top:30px ;visibility: hidden}
.popup2 span img{ /*CSS for enlarged image*/width:260px}
.popup2:hover span{ /*CSS for enlarged image on hover*/visibility: visible/*position where enlarged image should offset horizontally */}

#consultoria {width:400px ; height: 93px ; background-color:#F5F5F5; border:2px solid white}
#send {width:400px ; height: 93px}
#text-display {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display2 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display3 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display4 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display5 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display6 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display7 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display8 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display9 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
#text-display10 {text-align:justify ; margin:10px ; font-size: 14px; color:#000 ; text-decoration: none }
.casella1 {border:2px solid black}
.casella2 { font-weight: bold;background-color:transparent}

.ambit {width:300px ; height:420px ; padding: 0px 0px 0px 0px}
.barra {width:460px ; height:420px ; overflow:auto ; padding: 0px 20px 0px 20px ; border-top: 0px solid #FFF}
.barra p{text-align:left}
.santpedor{border-top: 142px solid #FFF}

.intro{color:#8B8989 }
.llistat li{list-style: none ; font-size: 18px ; margin: 20px 0px 0px 0px ; text-align: left}
.llistat p{list-style: none ; font-size: 14px ; margin: 0px 0px 0px 0px ; text-align: left}

#navegacio {padding:5px 0px 0px 0px ; height:20px ; background-color:}
.navegacio {float:left ; list-style : none ; font-size: 14px ; margin: 0px 0px 0px 0px}

#menu2 {padding:0px 0px 0px 0px ; height:20px }
.menu2 {font-size: 14px ; text-align: center }

#menu1 {padding: 0px 0px 0px 0px ; height:20px}
.menu1 {font-size: 18px ; text-align: center}

#cabecera {padding: 0px 0px 0px 0px ; height: 100px ; background-color:}
#logo {}
.monfort {font-size: 85px ; color:#000 ; font-weight:none ; text decoration:none; text-align: left }
.arquitectes {font-size: 37px ; color:#8B8989; font-weight:normal ; text decoration:none; border-top: 35px solid #FFF; text-align: right}

a {color: #8B8989 ; font-size:1em ; text-decoration: none  ; display: block }
a:link {}
a:visited {}
a:hover {color:#000 ; text-decoration:none ; font-weight: bold }

#logo a {color: #000 ; font-size:1em ; text-decoration: none  ; display: block }
#logo a:link {}
#logo a:visited {}
#logo a:hover {color:#8B8989 ; text-decoration:none ; font-weight: normal }
#logo a:active {}