body {margin:0;padding:0;background:#fff;width:100%}
div,td,body { font-family:arial,sans-serif;font-size:13px;line-height:1.2;color:#333}
a {text-decoration:none;color:#31982A}
a:hover{color:#000;text-decoration:none}
a.sel {color:#000;text-decoration:underline;font-weight:bold}
a.sel:hover{color:#000;text-decoration:underline;font-weight:bold}
.clear{clear:both;margin:0;padding:0;}
p,form {margin:0;padding:0;}

ul{margin:0;padding:0;list-style:none;}
img{border:0}
input{font-family:arial;font-size:11px;font-weight:normal;vertical-align:middle;margin:0;padding:3px 10px 3px 5px;border:0;width:auto;}
input.button{width:auto;height:auto;margin:0 10px 0 5px;vertical-align:middle;}
.ch{width:auto;margin:2px 0 0 0;}
*html .ch{margin-left:-4px;margin-top:2px;}



#cap {width:910px; margin:50px auto 30px auto;}
.home #cap {width:880px; margin:57px auto 44px auto;}
#pomhome {float:right;margin-right:15px;padding-top:8px;width:550px;color:#31982A;text-align:right;}
#pomhome .idiomes {color:#31982A;font-size:11px;margin-right:18px}
*html #pomhome .idiomes {margin-right:0}
#pomhome .idiomes a{font-size:11px}

#pomhome .menu{padding-top:35px;width:550px;color:#31982A}
*html #pomhome .menu{padding-top:40px;}
#pomhome .menu a{font-weight:bold;font-size:14px}
.sotalogo{padding:0 0 0 50px;margin:0}

.menu {float:right;margin-right:15px;padding-top:18px;width:527px;color:#31982A;}
*html .menu{width:506px;margin-right:17px;}
#logo img{float:left;width:128px;margin-right:12px;margin-left:50px}
#logo div{padding-top:2px}
*html #logo div{padding-top:1px}

.home #subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_home.jpg) no-repeat center 20px;}
.quienes #subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_quisom.jpg) no-repeat center 20px;}
.compromisos #subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_compromisos.jpg) no-repeat center 20px;}
.experiencia #subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_experiencia.jpg) no-repeat center 20px;}
.noticias #subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_noticies.jpg) no-repeat center 20px;}
.contacto #subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_contacta.jpg) no-repeat center 20px;}


#subcap{width:100%;height:247px;margin-bottom:38px;background:url(../img/fons_metode.gif) no-repeat center 20px;}
#subcap .verd{background:#6BB240;height:20px}
#subcap .gris{background:#E5E5E5;height:20px}
#subcap #flash{width:910px; margin:0 auto;}

.home #subcap #flash{height:187px;padding:20px 0 0 140px}
.home #peu{padding:59px 0 0 0;color:#999;font-family:arial;font-size:13px}

#peu a{color:#999;text-decoration:none;}
#peu a:hover{color:#000;text-decoration:none;}

#contingut {width:910px; margin:0 auto;}

/* METODO */

#esquerra{float:left;padding-top:770px;width:320px;margin-right:50px}
*html #esquerra{width:312px;margin-right:42px}
#esquerra .text{color:#999;padding:10px 0 0 10px}
#dreta{margin:0;padding:0;width:511px;line-height:1.7}
html>body #dreta{padding-left:370px}
ul{margin:0 0 35px 0}
li{background:url(../img/listverd.gif) no-repeat 0 7px;padding:0 0 0 19px}

.menupeu {padding:20px 0 50px 0;width:510px;color:#31982A;}
.menupeu a {text-decoration:none;color:#31982A}
.menupeu a:hover{color:#000;text-decoration:none}

/* QUIENES SOMOS */
.quienes #esquerra{float:left;padding-top:300px;width:320px;margin-right:50px}
*html .quienes #esquerra{width:312px;margin-right:53px}

/* COMPROMISOS */
.compromisos ul.dins{margin:0 0 0 30px}
.compromisos #esquerra{float:left;padding-top:350px;width:320px;margin-right:50px}
*html .compromisos #esquerra{padding-top:348px;width:312px;margin-right:42px}
.compromisos #esquerra .text{color:#999;padding:17px 0 0 10px}
*html .compromisos #esquerra .text{color:#999;padding:19px 0 0 10px}
.compromisos .menupeu {padding:0 0 50px 0;width:510px;color:#31982A;}
.compromisos ul{margin:0 0 23px 0}

/* EXPERIENCIA */

.experiencia .col{float:left;width:240px;margin-right:40px;}
.experiencia .col2{width:220px;margin-right:0;height:430px;line-height:1.2}
.experiencia #dreta ul{margin:5px 0 0 0;}
.experiencia #dreta li{background:url(../img/listverd.gif) no-repeat 0 7px;padding:0 0 5px 19px}
.experiencia #esquerra{float:left;padding-top:420px;width:320px;margin-right:50px;}
*html .experiencia #esquerra{float:left;padding-top:440px;width:312px;margin-right:53px}

/* CONTACTO */

.contacto .col,.col2{float:left;width:240px;margin-right:40px;line-height:1.7}
.contacto .col2{width:220px;margin-right:0;height:180px;line-height:1.7}
.contacto #esquerra{float:left;padding-top:172px;width:320px;margin-right:50px;}
*html .contacto #esquerra{float:left;padding-top:192px;width:312px;margin-right:53px;}
.contacto #flash{height:207px}
.contacto a.n{color:#333;text-decoration:none}
.contacto a.n:hover{color:#333;text-decoration:underline}
.contacto  .menupeu a{color:#31982A;}
.contacto .menupeu a:hover{text-decoration:none}

/* NOTICIAS */

.noticias #flash{height:207px}

.news {width:670px;padding-left:150px}
.newstext {float:right;width:450px;padding-bottom:20px}
.foto {width:200px;padding-bottom:20px}
.roig {color:#ff0000}
.paginacio{background:#E5E5E5;height:17px;text-align:center;padding-top:3px;color:#31982A;margin-top:20px}

#cont2 {width:910px; margin:0 auto;}
#cont2 #esquerra{float:left;padding-top:30px;width:320px;margin-right:50px;}
*html #cont2 #esquerra{margin-right:48px;}

#cont2 #dreta{padding-top:23px;}


#peu a.n{color:#999;text-decoration:none}
#peu a.n:hover{color:#333;text-decoration:underline}