@charset "utf-8";
/* CSS Document */

body{
background-color:#FFFFFF;
text-align: center;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
}

img{
border: none;
}

a{
text-decoration: none;
color:#ff7c08;
}

h1{
color: #ff7c08;
font-size: 22px;
text-align: left;
}

h3{
font-size: 14px;
margin: 0px;
}

ul{
margin-left: 20px;
}

#container{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: left;
}

#head{
width: 100%;
height: 153px;
}

#data{
background-color: #494345;
width: 100%;
overflow: hidden;
}

#data-text{
background-color: #936438;
color: #FFFFFF;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
float: right;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
width: 140px;
}

#content-container{
width: 100%;
overflow: hidden;
padding-top: 10px;
}

#content{
float: left;
margin-left: 26px;
width: 560px;
text-align: justify;
line-height: 22px;
}

#banners{
width: 140px;
float: right;
}

#banners img{
margin-bottom: 20px;
}

#menu-container{
width: 160px;
float: left;
}

#menu-container a{
display: block;
background-color:#ff7c08;
width: 100%;
padding-left: 8px;
margin-bottom: 4px;
padding-top: 2px;
padding-bottom: 2px;
color:#FFFFFF;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
}

#menu-container a:hover{
background-color: #8c8c8c;
}

#menu-container a.actiu1{
background-color: #8c8c8c;
}

#menu-container a.menu2{
background-color: #FFFFFF;
color: #8c8c8c;
text-transform: none;
background-image:url(../img/fletxa-menu.jpg);
background-repeat: no-repeat;
background-position:center left;
}

#menu-container a.menu2:hover{
color: #494949;
}

#menu-container a.actiu2{
color: #494949;
}

#foot{
margin-top: 10px;
border-top: 1px dashed #999999;
padding-top: 5px;
color: #999999;
font-size: 11px;
text-align: center;
}

.cap{
display: block;
background-color:#ff7c08;
padding-left: 8px;
margin-bottom: 10px;
padding-top: 2px;
padding-bottom: 2px;
color:#FFFFFF;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
line-height: 16px;
}

div.destacat{
margin-top: 10px;
width: 100%;
overflow: hidden;
padding-bottom: 10px;
}

td.tdleft{
width: 100px;
text-transform: uppercase;
text-align: right;
}

input.inputText{
width: 300px;
padding: 1px;
border: 1px solid #cdb472;
color: black;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
}

textarea{
width: 300px;
height: 120px;
border: 1px solid #cdb472;
padding: 1px;
color: black;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
overflow: visible;
}
