body {
 font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
background:#1f3111;
}
img, div{ /* fitxer que fa que els PNG siguin transparents en IE6 */
behavior:url(iepngfix.htc);
border:0;
}

/*idiomes*/
#idiomes a:link, #idiomes a:visited{
color:#a5ada0;
text-decoration:none;
font-size:11px;
margin:0 7px 0 7px;
}
#idiomes a:hover{
color:#FFF;
text-decoration:none;
}
.idiomes_sel{
color:#FFF;
font-size:11px; 
}

/*header*/

#header img{
}
/*menu*/

#navigation ul{
display:inline;
height:51px;
float:right;
}
#navigation li{
list-style:none;
float:left;
height:51px;
}

#navigation li a:link, #navigation li a:visited{
border-right:1px solid #798370;
padding: 16px 0 0px 0;
}
#navigation li a:link.noborder, #navigation li a:visited.noborder{
border-right:none;
}
#navigation li:hover{
background:url(../img/bt_selected.jpg) no-repeat center bottom;
/*padding: 16px 0 18px 0;*/
height:51px;
}
/*i6 hack*/
* html #navigation li a:hover{
/*background:url(../img/bt_selected.jpg) no-repeat center bottom;
padding: 16px 0 18px 0;
height:51px;*/
}
/*ie7 hack*/
*:first-child+html #navigation li:hover{
}

/**/
.navigation_selected{
background:url(../img/bt_selected.jpg) no-repeat center bottom;
}
.navigation_selected_border{
border-right:1px solid #798370;
padding: 16px 0 0px 0;
height:51px;
}

/*content*/ 
h1 { 
font-size:11px; 
font-weight:normal;
color:#a5ada0;
margin:0px;
padding:0px;
float:left;
}
h2{
font-size:12px;
color:#ffffff;
}
h3{
font-size:11px;
color:#b6b9ba;
font-weight:normal;
}
h4{
font-size:12px;
font-weight:normal;
float:left;
width:160px;
height:30px;
}

#pedidodos h4{
width:142px;
}
.thumb_frame{
width:142px;
float:left;
height:120px;
}
.thumb_frame img{
	margin-top:15px;
}

h5{
font-size:12px;
font-weight:normal;
float:left;
height:30px;
}

input{
height:20px;
border:1px solid #ccccce;
}
#radio{
border:none;
width:auto;
height:auto;
margin-right:5px;
}

hr{
clear:both;
border:0;
color:#4c5a41;
background-color:#4c5a41;
height:2px;
width:870px;
margin-top:20px;
}
#padidouno hr, #pedidodos hr, #pedidotres hr{
width:730px;
}

#contenido #content p{
text-align:justify;
}

#contenido #content a:link, #contenido #content a:visited{
color:#FFFFFF;
text-decoration:none;
}
#padidouno #content a:link, #padidouno #content a:visited{
color:#FFFFFF;
}

#foto{
margin-left:20px;
}

#contenido #content a.link_content{ 
text-decoration:underline;
}

#contenido #content a.link_content:hover{ 
text-decoration:none;
}

/*botones*/

.izq{
float:left;
/*width:494px;*/
height:41px;
margin: 0px 0px 2px 0px;
}

.bt_home{
margin: 0px 0px 2px 0px;
padding: 13px 0 13px 78px;
/*display:block;*/
width:198px;
background:url(../img/bt_realizar-pedido-home_off.jpg) no-repeat;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
/**/float:left;
}

a.bt_home:hover{
background:url(../img/bt_realizar-pedido-home_on.jpg) no-repeat;
}

.bt_peq{
margin: 0px 0px 0px 0px;
padding: 4px 0 4px 0;
text-align:center;
display:block;
width:87px;
background:url(../img/bt_petit_off.jpg) no-repeat;
text-decoration:none;
color:#FFFFFF;
float:left;
}
#leftcolumn .bt_peq{
margin: 20px 0px 20px 20px;
float:none;
}
#capa_banner .bt_peq{
margin: 0px 0px 20px 102px;
float:none;
}

a.bt_peq:hover{
background:url(../img/bt_petit_on.jpg) no-repeat;
}


.tabla_resumen .bt_peq{
margin: 0px 0px 0px 0px;
padding: 4px 8px 4px 8px;
text-align:center;
display:inline;
width:87px;
background:url(../img/bt_petit_off.jpg) no-repeat;
text-decoration:none;
color:#FFFFFF;
float:none;
font-weight:normal;
}



#continuar{
float:right;
margin-top:20px;
}

.bt_med{
margin: 0px 5px 0px 0px;
padding: 4px 0 4px 0;
text-align:center;
display:block;
width:166px;
background:url(../img/bt_gran_off.jpg) no-repeat;
text-decoration:none;
color:#FFFFFF;
float:left;
}

a.bt_med:hover{
background:url(../img/bt_gran_on.jpg) no-repeat;
}

.link_uno{
margin: 0 0 0 20px;
color:#b3b9af;
text-decoration:none;
}
a.link_uno:hover{
color:#FFF;
}


.bt_grd{
margin: 20px 0px 20px 0px;
padding: 14px 0  14px 70px;/**/
display:block;
width:140px;
background:url(../img/bt_realizar-pedido_off.jpg) no-repeat;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

a.bt_grd:hover{
background:url(../img/bt_realizar-pedido_on.jpg) no-repeat;
}

.bt_grd_ver{
margin: 20px 0px 20px 0px;
padding: 14px 0  14px 93px;
display:block;
width:117px;
background:url(../img/bt_verpedido_off.png) no-repeat;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

a.bt_grd_ver:hover{
background:url(../img/bt_verpedido_on.png) no-repeat;
}

.bt_grd_vertarifas{
margin: 12px 0px 20px 0px;
padding: 14px 30px 14px 28px;
display:block;
width:152px;
background:url(../img/bt_vertarifas_off.jpg) no-repeat;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

a.bt_grd_vertarifas:hover{
background:url(../img/bt_vertarifas_on.jpg) no-repeat;
}




/*left column*/
#capa_banner{ 
width: 210px;
/*height:60px;*/
padding-top:190px;
padding-bottom:16px;

}

#leftcolumn h2{
font-size:14px;
background:url(../img/fons-area-clientes.png) repeat-x;
padding: 16px 0 11px 20px;
border-bottom:2px solid #4c5a41;
}

#capa_reg{ 
width: 206px;
background:#425136;
border:2px solid #4c5a41;
padding-bottom:20px;
}

#leftcolumn p{
padding: 20px 20px 0px 20px;
}

#leftcolumn em{
font-style:normal;
color:#b3b9af;
padding: 20px 0px 0px 20px;
}

#leftcolumn input{
margin: 0px 20px 0px 20px;
width:164px;
}

#leftcolumn #recordar{
margin: 0px 5px 10px 0px;
width:auto;
height:auto;
float:left;
border:none;
}

#leftcolumn hr{
width:170px;
color:#68745e;
background-color:#68745e;
margin-left:20px;
margin-top:20px;
}
/*i6 hack*/
* html #leftcolumn hr{
margin-left:0px;
}
/*ie7 hack*/
*:first-child+html #leftcolumn hr{
margin-left:0px;
}

#marco_si{
margin-top:50px;
}
#marcos{
margin-bottom:50px;
}
#marcos img{
margin:0 16px 0 16px;
}

#marco_tot{
text-align:center;
}
#marco_centrado{
padding:43px;
margin: 0 0 0 75px;
}
.tabla_productos_div{
width:729px;
border:2px solid #4c5a41;
}

.tabla_productos{
width:729px;
}

.tabla_productos th{
background:#76816d;
border-bottom:2px solid #4c5a41;
border-right:2px solid #7d8774;
height:33px;
}
.tabla_productos th.txt_left{
text-align:left;
padding-left:20px;
}
.tabla_productos th.no_border{
border-right:0px;
}
.tabla_productos td{
background:#425136;
border-right:2px solid #4c5a41;
text-align:center;
}
.tabla_productos td.no_border{
border-right:0px;
}
.tabla_productos img{
float:left;
padding:10px 0 10px 20px;
}
.tabla_productos div{
padding:22px 0 0 20px;
/*font-style:normal;*/
float:left;
}
.tabla_productos a:link, .tabla_productos a:visited{
color:#FFFFFF;
}

.tabla_resumen{
width:729px;
background:#425136;
}
.tabla_resumen th{
width:530px;
}
.tabla_resumen th.txt_left{
border-top:2px solid #4c5a41;
text-align:left;
padding-left:20px;
font-weight:normal;
}
.tabla_resumen td{
border-top:2px solid #4c5a41;
padding:10px 20px 10px 0px;
text-align:right;
font-weight:bold;
}

.tabla_resumen td.no_border{
border-top:0px;
}

#pedidotres #form1 fieldset{
border:0;
float:left;
width:310px;
}
#pedidotres #form1 fieldset input{
width:292px;
}

#pedidotres #form1 .bt_peq{
margin:15px 0 0 20px;
}
#pedidotres #form1 .link_uno{
margin:0;
}

#pedidotres #form2 fieldset{
border:0;
float:left;
width:384px;
height:45px;
}

#pedidotres #form2 fieldset input{
width:343px;
}
#pedidotres #form2 em{
font-style:normal;
color:#B3B9AF;
font-size:10px;
}
#pedidotres #form2 fieldset #checkbox{
margin: 0px 5px 10px 0px;
width:auto;
height:auto;
float:left;
border:none;
}
#pedidotres #checkbox{
margin: 0px 5px 10px 0px;
width:auto;
height:auto;
float:left;
border:none;
}

#pedidotres #form2 textarea{
width:730px;
border:1px solid #ccccce;
}
#pedidotres #form2 fieldset.field_left{
width:345px;
}

#pedidotres #form2 fieldset.field_subir{
width:384px;
height:100px;
}

#pedidotres #form2 .bt_peq{
margin:15px 0 0 0;
}
#pedidotres #form2 .link_uno{
margin:0;
}

#subir{
margin-top:15px;
}

/*ejemplos*/
#ejemplos #content{
width:750px;
}
.ejemplo{
float:left;
width:155px;
height:255px;
padding-right:30px;
}

.cen{
margin-left:20px;
margin-bottom:20px;
}

.cen2{
margin-left:40px;
margin-bottom:20px;
}
.ver{
margin-top:20px;
margin-bottom:40px;
}


/*footer*/
#footer a:link, #footer a:visited{
color:#798370;
text-decoration:none;
}
#footer a:hover{
color:#FFF;
}
#footer ul { margin:3px 0px; }
#footer li { display:inline; line-height:3px; padding:0px 8px; border-left:solid 1px #798370 }
#footer li.first { border-left:none; padding-left:0px; }
#footer li a { padding:0px; text-decoration:none; }
#footer li a:hover { }

#footer_left{
float:left;
width:400px;
}
#footer_right{
float:right;
width:600px;
text-align:right;
}

#flash-obras{
float:left;
width:770px;
height:192px;
margin-bottom:20px;
cursor:default;
}

#empresa-text{
float:left;
width:366px;
margin-right:47px;
}

#empresa-imatge{
float:left;
width:298px;
text-align:center;
}
