body {
margin:0;
padding:0;
background-color:#211f20;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight:normal;
font-size:100%;
text-align:center;
color:#b3b3b3;
}

#flaz {
width:270px;
float:left;
margin:10px 0 0 240px;
text-align:center;
}

h1 {
font-family: Geneva, Helvetica, Verdana, sans-serif;
font-size:1.3em;
font-weight:normal;
color:#fff;
}


h2 {
font-family: Geneva, Helvetica, Verdana, sans-serif;
font-size:1.1em;
font-weight:normal;
text-align:center;
color:#f00;
}

h3 {
font-family: Geneva, Helvetica, Verdana, sans-serif;
font-size:0.9em;
font-weight:normal;
text-align:left;
color:#d7d7d7;
}

h4 {
font-family: Geneva, Helvetica, Verdana, sans-serif;
font-size:1.1em;
font-weight:normal;
text-align:center;
color:#d7d7d7;
}



img {
text-decoration:none;
border:0;
}

a {
text-decoration:none;
}

a:hover {
color:#F00;
}

table {
font-size:0.8em;
margin:0 0 0 20px;
}

.tnescales {
margin-top:12px;
}

.tnescales:empty {
margin-top:4px;
}

#continguts {
margin: 20px auto 40px auto;
width:900px;
text-align:left;
}

#adalt {
background: transparent url(media/bg_top.jpg) top left no-repeat;
width:900px;
height: 42px;
margin:0;
padding:0;
}

#central {
background: transparent url(media/bg.jpg) top left repeat-y;
width:900px;
margin:0;
padding: 0 0 20px 0;
}

#abaix {
background: transparent url(media/bg_bottom.jpg) top left no-repeat;
width:900px;
height: 52px;
margin:0;
padding:0;
font-size:0.8em;
text-align:center;
}


#home {
width:750px;
margin:0 0 0 75px;
font-size:0.8em;
line-height:1.4em;
}

#capcelera {
width: 800px;
height:150px;
}

#logo {
width:203px;
height:150px;
float:left;
padding-bottom:30px;
}


#idiomes {
float:left;
width: 300px;
margin:-20px 0 0 230px;
height:60px;
/*background: transparent url(media/pestanya_idiomes.jpg) top left no-repeat;*/
font-size:0.8em;
z-index:10;
}

html>body #idiomes {
margin:-20px 0 0 275px;
}

#idiomes ul {
list-style-type: none;
margin:15px 0 0 10px;
padding-left:20px;
}

html>body #idiomes ul {
list-style-type: none;
margin:15px 0 0 5px;
}

#idiomes li {
display:inline;
}

#idiomes li a, #xixa a {
color:#666;
text-decoration:none;
padding-left: 5px;
}

#idiomes li a:hover, #xixa a:hover {
color:#F00;
}

#menugral {
width:750px;
clear:both;
height:30px;
}

.item-menu, .item-menu-sol {
background:transparent url(media/bg_li.gif) top left no-repeat;
background-position: 8px 0;
width:115px;
height:30px;
text-align:center;
color:#FFF;
text-decoration:none;
display:block;
margin:0;
float:left;
line-height:2em;
}

.item-menu-sol {
width:124px;
margin-left:8px;
}

a.item-menu:hover, a.item-menu-sol:hover {
color:#F00;
}

.item-menu-sol {
background:transparent url(media/bg_li_sol.gif) top left no-repeat;
}

#menugral ul {
list-style-type: none;
margin:0;
}

html>body #menugral ul {
margin:-10px 0 0 -35px;
}

#menugral li {
display:inline;
}

#menugral li a {
color:#fff;
text-decoration:none;
text-align:center;
padding:0.5em 2em;
background: transparent url(media/bg_li.png) top left no-repeat;
}

#menugral li a.home {
padding:0.5em 2.8em;
background: transparent url(media/bg_li.png) top left no-repeat;
}

#menugral li a.empresa {
padding:0.5em 2.2em;
background: transparent url(media/bg_li.png) top left no-repeat;
}

#menugral li a:hover {
color:#F00;
}

#xixa {
width:780px;
margin:0;
padding:10px 0 0 0;
}

.escaleras {
margin-right:5px;
margin-left:-10px;
/*min-height:140px;*/
float:left;
}



.escaleras p {
text-align:center;
font-size:0.8em;
color:#fff;
}

p.texto {
width:720px;
text-align:left;
}

.clr {
height:5px;
clear:both;
}

#submenu {
padding:50px 0 50px 0;
margin:0;
width:750px;
text-align:center;
clear:both;
}

#submenu a {
text-decoration:none;
color:#999;
}

#submenu a:hover {
color:#F00;
}

#menuescaleras {
text-align:center;
width:350px;
margin:0 0 0 245px;
}

#formulario {
text-align:center;
width:350px;
margin:0 0 0 200px;
}

#empresa {
text-align:justify;
width:350px;
margin:0 0 0 200px;
}

#empresa ul.pral {
margin:0 0 30px 0;
}

.tramos, .caracol, .barandas, .revestimientos, .plegables {
width:257px;
height:171px;
float:left;
overflow:visible;
/*padding-left:6px;*/
}

/*html>body .tramos, .caracol, .barandas, .revestimientos {
margin-left:-6px;
}*/

.tramos-foto, .caracol-foto, .barandas-foto, .revestimientos-foto, .plegables-foto {
padding:1em;
float:left;
width:109px;
height:129px;
}

.tramos-text, .caracol-text, .barandas-text, .revestimientos-text, .plegables-text {
padding:1em;
float:left;
}

.tramos {
background:transparent url(media/bg_lila.jpg) top left no-repeat;
}

.caracol {
background:transparent url(media/bg_groc.jpg) top left no-repeat;
}

.barandas {
background:transparent url(media/bg_blau.jpg) top right no-repeat;
}

.revestimientos {
background:transparent url(media/bg_verd.jpg) top left no-repeat;
}

.plegables {
background:transparent url(media/bg_taronja.jpg) top left no-repeat;
}

.tramos-foto img {
border: 1px solid #8e0750;
}

.tramos-text {
color:#8e0750;;
}

.caracol-foto img {
border: 1px solid #ffb847;
}

.caracol-text {
color: #ffb847;
}

.barandas-foto img {
border: 1px solid #64bfc5;
}

.barandas-text {
color: #64bfc5;
}

.revestimientos-foto img {
border: 1px solid #7D9306;
}

.revestimientos-text {
color: #7D9306;
}

.plegables img {
border: 1px solid #ff8a00;
}

.plegables-text {
color:#ff8a00;
}

span.lila {
color: #8e0750;
}

span.groc {
color: #ffb847;
}

span.blau {
color: #64bfc5;
}

span.taronja {
color: #ff8a00;
}



span.retorn {
color:#999;
}

#mod-tramos, #mod-caracol, #mod-laser, #mod-plegables {
padding:2em;
width:764px;
height:514px;
margin-left:5px;
}

#mod-laser {
height:644px;
}

html>body #mod-tramos, html>body #mod-caracol, html>body #mod-laser, html>body #mod-plegables { 
margin-left:0;
}

#mod-tramos {
background:transparent url(media/bgr_lila.jpg) top left no-repeat;
}

#mod-laser {
background:transparent url(media/bg_laser.jpg) top left no-repeat;
}

#mod-caracol {
background:transparent url(media/bgr_groc.jpg) top left no-repeat;
}

#mod-plegables {
background:transparent url(media/bgr_taronja.jpg) top left no-repeat;
}

#mod-plegables img {
float:left;
border: 1px solid #ff8a00;
}

#mod-tramos img {
float:left;
border: 1px solid #8e0750;
}

#mod-laser img {
float:left;
border: 1px solid #8e0750;
}

#mod-caracol img {
float:left;
border: 1px solid #ffb847;
}

.mod-esc, .mod-esc-c2 {
width:129px;
padding:0;
margin: 0 0 15px 15px;
}

html>body .mod-esc, mod-esc-c2 {
margin: 0px 0 8px 15px;
line-height:0;
}

/*
*:lang(ca) #dades {
margin:15px 0 0 0;
display:table;
}
*/


*:lang(ca) .mod-esc-c2 {
margin: -17px 0 8px 15px;
line-height:0;
}




.tngran {
float:left;
}

.tnpetits {
width:300px;
float:left;
}

#footer {
font-size:0.7em;
color:#999;
width:900px;
clear:both;
height:50px;
text-align:center;
}

#cataleg {
text-align:center;
width:300px;
margin:0;
font-size:0.9em;
float:left;
}

#cataleg a {
color:#f00;
}

#cataleg a:hover {
color:#666;
}

#cataleg form {
text-align:right;
}

#portada-cataleg {
width:280px;
float:left;
margin:0 0 0 10px;
}

tr.par {
background-color:#9f9099;
}

tr.impar {
background-color:#999;
}

tr.par, tr.impar {
color:#000;
}

a.del {
color:#d7d7d7;
}