body{
margin: 0;
padding: 0;
background-color: #fff;
font-family: verdana, arial;
text-align: center;
color: #000;
}

img{
border: none;
}

#pagina{
width: 779px;
height: 100%;
margin: auto;
font-size: 14px;
}

#head{
clear: both;
width: 779px;
height: 100px;
}

#body{
clear: both;
}

#menu{
margin-top: 10px;
float: left;
border-bottom: 2px solid #933;
width: 779px;
}

#content{
float: left;
text-align: justify;
padding: 20px;
border-left: 2px solid #933;
border-right: 2px solid #933;
width: 735px;
}

#foot{
float: left;
background-color: #933;
width: 779px;
margin-bottom: 10px;
font-size: 10px;
}

/*******************************************************************************************/
/***** HEAD *****/

#logo_i{
float: left;
margin: 5px;
}

#logo_t{
float: left;
margin: 5px;
margin-left: 40px;
}

#logo{
float: left;
margin: 5px;
margin-left: 200px;
margin-right: 70px;
}

*html #logo{
margin-left: 100px;
}

#idiomes{
float: left;
width: 140px;
}

#idiomes ul{
margin-top: 20px;
}

#idiomes ul li{
list-style: none;
text-align: left;
padding-top: 10px;
font-size: 12px;
}

#idiomes ul li img{
margin-right: 5px;
}

#idiomes ul li a{
text-decoration: none;
color: #666;
margin-top: -5px;
}

/***** MENU *****/

#menu ul{
}

#menu ul li{
margin: 0;
margin-left: 5px;
margin-right: 5px;
list-style: none;
float: left;
background-color: #933;
border: 2px solid #933;
border-bottom: none;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #933;
width: 100px;
}

#menu ul li a{
text-decoration: none;
color: #fff;
}

#menu ul li a:hover{
color: #e3c6c6;
}

#menu ul li.active{
background-color: #fff;
border: 2px solid #933;
border-bottom: 2px solid #fff;
margin-bottom: -2px;
}

/***** BODY *****/

#content_inici{
float: left;
text-align: justify;
padding: 10px;
border: 0px;
width: 759px;
}

.link_inici{
margin-left: 100px;
clear: both;
}

.link_inici span{
margin-top: 25px;
float: left;
}

.link_inici a{
color: #999999;
text-decoration: none;
margin-left: 20px;
font-family: Times New Roman;
font-size: 2.2em;
}
.link_inici a:hover{
color: #000000;
}

.link_inici img{
margin-top: 10px;
float: left;
}

h2{
clear: both;
font-size: 14px;
border-bottom: 2px solid #933;
padding-left: 5px;
padding-top: 10px;
}
*html, h2{
font-size: 14px;
clear: both;
border-bottom: 2px solid #933;
padding-left: 5px;
padding-top: 0px;
}

h3{
font-size: 12px;
clear: both;
text-align: center;
color: #666;
margin-top: 50px;
}

p.avis{
margin: 0;
margin-bottom: 5px;
color: #666;
font-size: 0.8em;
}

.error{
color: #FF0000;
font-weight: bold;
}

.placa{
background-color: #f5f5f5;
padding: 10px;
margin: 20px;
float: left;
width: 670px;
}

*html .placa{
width: 635px;
}

.marges{
border: 1px solid #e0e0e0;
}

#content_inici .placa{
width: 684px;
margin: 32px;
}

#content ul{
margin: 0px;
padding: 0px;
}

#content ul li{
list-style: none;
margin: 20px;
}
.img_ol{
background: transparent url('../img/fons_ol.png') no-repeat top left;
float: left;
color: #ffffff;
font-weight: bold;
height: 31px;
width: 31px;
font-size: 1.2em;
padding-top: 3px;
padding-left: 7px;
}

.img_ul{
background: transparent url('../img/fons_ul.png') no-repeat top left;
float: left;
height: 25px;
width: 25px;
}

.placa ul li a{
color:#933;
}

/***** FORM *****/

.field{
float: left;
margin-left: 5px;
}
*html .field{
float: left;
margin-left: 3px;
}

.field label{
display: block;
margin-top: 5px;
margin-bottom: 1px;
}
*html, .field label{
display: block;
margin-top: 10px;
margin-bottom: 2px;
}

.field input,
.field select,
.field textarea{
font-size:1em;
font-family: verdana, arial;
color: #933;
}

.field p{
margin-top: 3px;
padding: 3px;
background-color: #e3c6c6;
}

.long p{
width: 490px
}
.longest p{
width: 720px;
}
.mid p{
width: 233px;
}

.long textarea{
width: 720px;
}
.longest input{
width: 720px;
}

.long input{
width: 490px
}
.mid input{
width: 233px;
}
.mid select{
width: 238px;
}

.button input{
background-color: #933;
color: #fff;
width: 200px;
border: 1px solid #933;
}

.button{
clear: both;
text-align: center;
padding-top: 20px;
}

#captcha{
clear: both;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
width: 400px;
margin-left: 158px;
margin-top: 30px;
padding: 10px;
min-height: 100px;
}

#captcha .field{
padding-left: 135px;
}

#captcha .field input{
width: 115px;
}
*html, #captcha .field input{
width: 103px;
}

/***** FOOT *****/

#foot_i{
width: 100%;
}

#foot ul{
float: left;
margin:0px;
padding:0px;
margin-left: 220px;
padding-top:5px;
padding-bottom:5px;
}

*html #foot ul{
margin-left: 110px;
padding-bottom:8px;
}

#foot ul li{
list-style: none;
float: left;
color: #ccc;
font-size: 12px;
padding: 2px;
}

#foot ul li a{
color: #ccc;
text-decoration: none;
}

.casos {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.casosp {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.grana {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #821c29;
}