/*
	full d'estil pagina	
*/

body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #fff url(../images/bg.jpg) repeat-x top;
color : #454545;
}
a {
color : #616161;
background : inherit;
text-decoration : none;
}
a:hover {
color : #616161;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h1.secc_titol
{
	background : url(../images/lrline.gif) no-repeat bottom left;
	margin: 0 0 15px 0;
}
h1.secc_titol2
{
	background : url(../images/lrline2.gif) no-repeat bottom left;
	margin: 0 0 15px 0;
}
h1.secc_subtitol{
	margin-top:0px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
h3.subtitol{
border-bottom:1px solid #999;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
.content {
margin : 0 auto;
width : 900px;
}
#top {
padding-top : 0;
background : transparent;
height : 80px;
}
#top h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #616161;
}
#top h2 {
font : 1.7em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#top #icons {
float : right;
margin : 15px 15px 0;
padding : 0;
}
#top #icons img {
padding-right : 2px;
border : 0;
}
#menu {
margin : 0;
height : 34px;
padding-top : 0;
}
#menu li {
list-style : none;
display : inline;
line-height : 34px;
}
#menu li a {
text-decoration : none;
margin : 0;
padding : 9px 15px 10px 15px;
font-weight : bold;
color : #fff;
}
#menu li a:hover {
color : #fff;
background : #616161 url(../images/trcorner.gif) no-repeat top right;
margin : 0;
}
#menu li a.current {
background : #616161 url(../images/trcorner.gif) no-repeat top right;
color : #fff;
}
#language
{
float:right;
margin-top:-18px;
margin-right:15px;
}
#main {
width : 900px;
margin : 0;
padding : 0;
}
.bloc_img{
margin-top: 8px;
padding: 5px;
height: 120px;
clear:none;
}
.seccio_grafic
{
	height:200px;
	width:650px;
	margin: 25px 0 25px 0;
}
.seccio_desc{
	padding: 5px 0 10px 0;
}
.seccio_desc ul{
	padding: 5px 0 10px 0;
}
.seccio_solucions{
	clear:both;
	vertical-align:top;
	padding: 7px 0 7px 0;
	margin: auto;
}
.seccio_solucions ul{
	padding: 10px 0 10px 0;
}
.seccio_clients{
	margin:15px auto;
}
.seccio_partners1{
	margin:20px 20px 0 0;
	float:left;
	width:440px;
}
.seccio_partners2{
	margin:20px 0 0 0;
	float:left;
	width:440px;
}
.seccio_img{
	float:left;
	width:250;
	padding-right:20px;
}
.seccio_desc_clients{
	width:600px;
	float:left;
	padding: 5px 0 10px 0;
	min-height:50px;
    height:auto !important;
    height:50px;
}
.seccio_desc_partners{
	float:left;
	padding: 20px 0 10px 0;
	min-height:50px;
    height:auto !important;
    height:50px;
}
.separator{
	clear:left;
/*	border-top:1px dotted #ccc;
*/	margin-bottom:10px;
}
.img_1{
	padding-left:20px;

}
.img_1 img{
	padding-right:20px;
}
#right_side {
float : right;
width : 230px;
background : #ffffff url(../images/topr.jpg) no-repeat top right;
overflow : hidden;
}
#right_side .pad {
padding : 35px 10px 10px 17px;
}
#right_side ul {
padding : 3px 0 8px 0;
}
#right_side li {
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 15px;
color : #616161;
}
#right_side a {
background : inherit;
text-decoration : none;
font-weight:bold;
}
#right_side a:hover {
text-decoration : underline;
}
#right_side h3 {
color : #949494;
font : bold 1.2em Arial, Sans-Serif;
margin-top : 10px;
}
#menu_solucions h3{
color:#fff;
padding-left:5px;
}
#menu_solucions p{
padding-right:3px;
}
.nosel h3{
background:#868686;
}
.sel h3{
background:#ffae31;
}
#left_side h3 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.4em Arial, Sans-Serif;
}
#center_side {
float:left;
background : inherit;
margin-bottom : 10px;
width : 900px;
}
#left_side {
float:left;
background : inherit;
margin-bottom : 10px;
width : 650px;
}
#center_side .intro,
#left_side .intro {
height : 32px;
background : #616161;
color : #fff;
overflow : hidden;
}
#center_side .intro .pad {
float:left;
width:750px;
margin: 0 auto;
padding : 7px 0 12px 0;
}
#left_side .intro .pad {
float:left;
width:650px;
margin: 0 auto;
padding : 10px 0 15px 0;
}
#center_side .intro .pad h3,
#left_side .intro .pad h3 {
font-size:16px;
}
#center_side .intro a,
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#center_side .intro a:hover,
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#center_side .mpart,
#left_side .mpart {
padding : 40px 0 0 0;
}
#center_side .mpart a,
#left_side .mpart a{
color:#676767;
}
#center_side .mpart a:hover,
#left_side .mpart a:hover{
text-decoration:underline;
}
#center_side .mpart h2,
#left_side .mpart h2 {
background : url(../images/lrline.gif) no-repeat bottom left;
height : 20px;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
}
#center_side .contacteDades,
#left_side .contacteDades {
	padding: 10px 0 30px 0;
	margin-left:215px;
}
#center_side .contacteDades h3,
#left_side .contacteDades h3{
	padding-top:5px;
}
#center_side p,
#left_side p {
color : #454545;
padding : 0;
text-align : justify;
}

#left_side img {
float : left;
padding : 0 10px 5px 0;

}
#center_side blockquote,
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #ffae31;
margin : 10px 0 10px 25px;
}

.date {
border-top : 1px dotted #ccc;
padding : 5px 0;
margin : 10px 0 25px 0;
text-align : right;
}
#left_side .rs {
float : right;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#center_side ul,
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#center_side ul li,
#left_side ul li {
list-style-image:url(../images/squareIE.gif);
margin-left : 15px;
}
#center_side ul ul li
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type:circle;
list-style-position : inside;
}
#center_side .greybox{
	border : 1px solid #ccc;
	background : #f5f5f5;
	padding : 10px;
	margin-bottom:20px;
	width:513px;
	height: auto!important;
    height: 155px;
    min-height: 155px;
}
#left_side .greybox .humansoftImg
{
float:left;
width:370px;
padding:20px 20px 0 0;
}
#left_side .greybox .humansoftEslogan
{
float:left;
width:238px;
height:100px;
margin: 0 auto;
padding-top: 35px;
font-weight:bold;
font-size:1.1em;
}
#footer {
clear : both;
width : 900px;
margin : 0 0 6em 0;
color : #777;
background : #fff url(../images/rlline.gif) no-repeat top right;
}
#footer .right {
float : right;
text-align : right;
background : inherit;
padding-top : 10px;
width : 900px;
}
#footer a {
text-decoration : none;
background : #fff;
}

.error {
	background:#ffae31 !important;
	background:; 
	margin-top:5px; 
	color:#333;
	font-weight:bold;
	text-align:center;
}

form {
  padding: 0;
  margin: 0;
}

#login{
	padding-bottom:25px;
}

#contacta input, select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  width:190px;
  border: 1px solid #CCC;
}

#contacta textarea {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  width:190px;
  border: 1px solid #CCC;
}

#contacta input.button {
  float:right;
  padding: 2px 5px;
  margin-right:9px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #ffae31;
  width:100px;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

#contacta2 input, select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  width:260px;
  border: 1px solid #CCC;
}

#contacta2 textarea {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  width:260px;
  background: #EEE;
  border: 1px solid #CCC;
}

#contactaCV {
  width:450px;
  margin: auto;
}

#contactaCV input, select, textarea {
  padding: 1px;
  margin-bottom:4px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  width:300px;
  border: 1px solid #CCC;
}

#contacta input:focus,
#contacta input:hover,
#contacta textarea:focus,
#contacta textarea:hover,
#contacta select:focus,
#contacta2 select:hover,
#contacta2 input:focus,
#contacta2 input:hover,
#contacta2 textarea:focus,
#contacta2 textarea:hover,
#contacta2 select:focus,
#contacta2 select:hover,
#contactaCV input:focus,
#contactaCV input:hover,
#contactaCV textarea:focus,
#contactaCV textarea:hover,
#contactaCV select:focus,
#contactaCV select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

#contacta2 input.button {
  float:right;
  padding: 2px 5px;
  margin-right:20px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #ffae31;
  width:100px;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
  margin: 5px;

}

#contacta2 fieldset{
  border: 1px solid #ced0d2;
  *padding:5px;
}

#contactaCV input.button {
  float:right;
  padding: 2px 5px;
  margin-right:20px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #ffae31;
  width:100px;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input, select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  width:180px;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  float:right;
  padding: 2px 5px;
  margin-right:20px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #ffae31;
  width:100px;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}

input.radioLeft{
  background: none;
  border: 0px;
  margin-left:140px;
}

input.radioRight30{
  background: none;
  border: 0px;
  margin-left:30px;
}

input.radioRight50{
  background: none;
  border: 0px;
  margin-left:46px;
}

input.textLeft{
  margin-top:10px;
  margin-left:135px;
}

input#tmptxt{
	height:21px;
	*margin-left:-130px;
}

#right_side input#tmptxt{
	height:21px;
	*margin-left:0px;
	margin-bottom:10px;
}


#right_side fieldset{
	width:190px;
}