/**************** LAYOUT PRINCIPAL *************/


* {
margin: 0;
}

html, body {
height: 100%;
font-family: "Helvetica",Trebuchet MS, Verdana, sans-serif;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; 
_text-align:center;
}

.footer {
height:142px;
background-color:#acd732; 
border-top:1px solid #8cad2d;
}

.push {
height:142px;
}


#box {
margin:0 auto;
width:750px;
height: 700px;

}

/**************** FIN LAYOUT PRINCIPAL *************/

/*********** HEADER ************/
#box #header {
background: url(images/header.jpg) no-repeat;
width:736px;
height:133px;
}

/*********** FIN HEADER ************/




/*********** BARRA IZQUIERDA ************/

#box #sidebar {
margin:5px 0 0 0;
height:250px;
float:left;
}

/*---------- LOGO ---------------*/

#box #sidebar #logo {
width:131px;
height:53px;
background: url(images/logo.jpg) no-repeat;
}

/*---------- FIN LOGO ---------------*/

/*---------- MENU ---------------*/

#box #sidebar #menu {
margin:10px 0 0 0;
width: 130px;
}


#box #sidebar #menu a {
color: #666666;
text-decoration: none;
display: block;
}

#box #sidebar #menu a:hover {
color: #999999;
}

#box #sidebar #menu ul {
font-size: 0.75em;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 2.25em;
list-style-type: none;
padding: 0px;
}

#box #sidebar #menu li {
line-height: 2.25em;
text-align: right;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
margin-bottom: -1px;
}

#box #sidebar #menu #inici {
background-image: url(images/inici.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #menu #equip {
background-image: url(images/equip.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #menu #portafoli {
background-image: url(images/portafoli.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #menu #contacte {
background-image: url(images/contacte.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #menu #descarregues {
background-image: url(images/down.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #menu #labs {
background-image: url(images/labs.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #menu #blog {
background-image: url(images/blogico.jpg);
background-repeat: no-repeat;
background-position: 5px center;
}

#box #sidebar #idioma  ul{

margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
list-style-type: none;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #999999;
margin-bottom: -1px;

}

#box #sidebar #idioma li {
display:inline;
padding-left:16px;
}

#box #sidebar #idioma li a{
color: #666666;
font-size: 0.75em;
line-height: 2.25em;
text-align: right;
text-decoration: none;
}

/*------------ FIN MENU ------------*/

/*********** FINAL BARRA IZQUIERDA ************/




/*********** CONTENIDO ************/

#box #contenido {
float:left;
margin: 55px 0 0 50px;
width:500px;
height:400px;
}

/*#box #contenido p {
font-size: 0.75em;
margin-top:15px;
line-height: 2.25em;
color: #666666;
text-align: justify;
}*/

/************ INICI **************/

#box #contenido .text {
font-size: 0.75em;
margin-top:15px;
line-height: 2.25em;
color: #666666;
text-align: justify;
}

#box #contenido p span{
color:black;

}

#joe {
margin:20px auto;
width:80%;
height:50px;	
}

#box #contenido #joe ul{
float:left;
}

#box #contenido  #joe li{
background: url(images/tick.jpg) no-repeat;
list-style: none;
}

#box #contenido #joe a{
font-size: 0.85em;
padding-left: 20px;
text-decoration: none;
color:#666666;
}


#eg1 {
width: 				450px;
padding-left:		50px;
margin: 			4px 0;
height:				5px;
padding-bottom:		30px;
padding-left:		50px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
margin-bottom: -1px;
}

#eg1 li {
float:left;
list-style: none;
}
			
			
#eg1 li a {
font-size: 0.75em;
margin-left: 30px;
text-decoration:none;
outline:none;
text-align:center;
top:14px;
letter-spacing:0;
z-index:10;
display:block;
position:relative;
overflow: hidden;
color:#666666;
}
			

#eg1 li a:hover {
color:#999999;
}


/*******************************************/



.roof {
right:0;
margin:0;
padding:0;
position:absolute;
top:0;
z-index:1010;
}