@charset "utf-8";
@font-face {
    font-family: 'ChunkFiveRoman';
    src: url('../fonts/chunkfive-webfont.eot');
    src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunkfive-webfont.svg#ChunkFiveRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */
/* CSS Document */
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, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/* Fonts */
body{
background-image:url(../images/fons.jpg);
background-position:top left;
background-repeat:repeat;
}
#container{
width:1024px;
min-height: 1000px;
  height: auto !important;
  height: 1000px;
position:absolute;
left: 50%;
margin-left: -512px;
background-color:#FFF;
}
h1{
padding-top:15px;
padding-bottom:15px;
font-family:ChunkFiveRoman,Tahoma;
font-size:32px;
font-weight:normal;
color:#333;
}
h2{
padding-top:14px;
padding-bottom:14px;
font-family:ChunkFiveRoman,Tahoma;
font-size:30px;
font-weight:normal;
color:#333;
}
h3{
padding-top:24px;
padding-bottom:8px;
font-family:ChunkFiveRoman,Tahoma;
font-size:20px;
font-weight:normal;
color:#999;	
}
h4{
padding-top:10px;
font-family:ChunkFiveRoman,Tahoma;
font-size:16px;
font-weight:normal;
color:#999;	
}
p{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
text-align:left;
}
em{
font-style:italic;
}
.neteja{
clear:both;
}
#header{
width:1024px;
height:154px;
float:left;
}
#marges_header{
padding-left:42px;
padding-right:56px;
}
#header_left{
width:805px;
height:154px;
background-image:url(../images/ralla.jpg);
background-position:bottom left;
background-repeat:repeat-x;
float:left;
}
#marges_header_left{
padding-top:83px;
}
#logo{
width:331px;
height:64px;
background-image:url(../images/logo.jpg);
background-position:bottom left;
background-repeat:no-repeat;	
}
#header_right{
width:121px;
height:154px;
background-image:url(../images/ralla.jpg);
background-position:bottom left;
background-repeat:repeat-x;
float:left;
}
#marges_header_right{
padding-top:132px;
}
#idioma{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#999;
}
#idioma a{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#999;
text-decoration:none;
}
#idioma a:hover{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
#content{
width:1024px;
min-height: 660px;
  height: auto !important;
  height: 660px;
float:left;
}
#marges_content{
padding-top:35px;
padding-left:56px;
padding-right:56px;
}
#marges_content2{
padding-top:35px;
padding-left:56px;
padding-right:56px;
}
#marges_content3{
padding-left:56px;
padding-right:56px;
}
#bloc1{
height:140px;	
}
#bloc2{
height:40px;	
}
#bloc3{
height:720px;	
}
#bloc4{
min-height: 714px;
  height: auto !important;
  height: 714px;
background-color:#ccc;
}
#bloc44{
height: 200px;
background-color:#ccc;
}
#bloc5{
height: 75px;
background-color:#ccc;
}
#formulari{
width: 872px;
float:left;
}
/*Portfolio*/
#portfoli { 
display:block; 
}
#portfolio ul#portfolio-list { 
list-style:none;
list-style-type:none; 
margin-top:24px;
}
#portfolio ul#portfolio-list li { 
width:304px; 
height:335px;
float:left; 
display:inline; 
}
#portfolio ul#portfolio-list li .item-description {
	width:286px;
	height:187px;
	text-align:left;
	display:block;
	padding-right: 10px;
	padding-left: 8px;
}
#portfolio ul#portfolio-list li .item-description p { 
margin-bottom:8px;
}
#portfolio ul#portfolio-list li a img {
	-webkit-transition: all 0.25s ease-out;
}
#portfolio ul#portfolio-list li a { 
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#999;
text-decoration:none;
}
#portfolio ul#portfolio-list li a:hover {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#666;
text-decoration:underline;
}
#portfolio ul#portfolio-list li a:hover img {
opacity: 0.5;
-moz-opacity: 0.5;
}
.error {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
float:left;
display:none;
  }
#footer{
width: 872px;
height:60px;
float:left;	
}
.unitat_footer{
width:270px;
height:60px;
float:left;
}
.unitat_footer_left{
width:67px;
height:60px;
background-image:url(../images/mobil.png);
background-position:top left;
background-repeat:no-repeat;
float:left;
}
.unitat_footer_left2{
width:65px;
height:60px;
background-image:url(../images/mobilskype.png);
background-position:top left;
background-repeat:no-repeat;
float:left;
}
.unitat_footer_right{
font-family:ChunkFiveRoman,Tahoma;
font-size:30px;
font-weight:normal;
color:#999;	
line-height:60px;
float:left;
}