/* ESTRUCTURA GENERAL */
html {background-color:#C5C7C8;}
body {margin:0px; text-align:center; background-color:#C5C7C8;}
p {margin-top:12px; margin-bottom:0px;}
img {border:0px;}
#home {margin-top:10px; margin-left:auto; margin-right:auto; width:766px; height:620px; text-align:left; background-color:#ffffff;}

/* PÀGINA INICI */
#logo_inici  {position:absolute; margin-top:150px; margin-left:137px; width:200px; height:67px;}
#lang_inici  {position:absolute; margin-top:150px; margin-left:570px;}
#img_inici   {position:absolute; margin-top:230px; margin-left:139px; width:480px; height:82px; padding-top:15px; border-top:1px dashed #000000;}
#boles_inici {position:absolute; margin-top:370px; margin-left:125px; width:515px; height:95px;}

/* MENU PRINCIPAL */
#opcions {position:absolute; margin-top:10px; margin-left:15px; width:741px;}
.opcio1,.opcio2 {float:left; width:238px; padding-top:8px; padding-bottom:5px;}
.opcio1 {background-color:#646567;}
.opcio2 {background-color:#000000;}
a.opcio1:hover {background-color:#000000;}

/* MENU PORTFOLIO */
#menu {position:absolute; margin-top:53px; width:250px;}
.menu1,.menu2 {float:left; width:74px; margin-right:6px; line-height:16px; text-align:center; text-decoration:none;}
.menu1 {background-color:#646567;}
.menu2 {background-color:#0086CB;}
a.menu1:hover {background-color:#7FD0F0;}

/* DALT */
#fonsdalt  {position:absolute; margin-top:46px; margin-left:15px; height:40px; width:736px;}
.fonsdalt1 {background-image:url(../media/img/fonsdalt1.gif);}
.fonsdalt2 {background-image:url(../media/img/fonsdalt2.gif);}
.fonsdalt3 {background-image:url(../media/img/fonsdalt3.gif);}

#boles {position:absolute; margin-top:86px; margin-left:255px; width:515px; height:95px;}

#fonsleft {position:absolute; margin-top:86px; margin-left:15px; width:250px; height:440px;}
.fonsleft1,.fonsleft2,.fonsleft3 {background-repeat:no-repeat}
.fonsleft1 {background-image:url(../media/img/fonsleft1.gif);}
.fonsleft2 {background-image:url(../media/img/fonsleft2.gif);}
.fonsleft3 {background-image:url(../media/img/fonsleft3.gif);}

#logo {position:absolute; margin-top:12px;}

/* IDIOMES */
#idiomes {position:absolute; margin-top:540px; margin-left:15px; height:67px;}

/* COS */
#content {position:absolute; margin-top:181px; margin-left:269px; width:478px; height:338px;}
#foto {float:left; padding:5px; border:1px dashed #000000;}
#text {float:left; margin-top:25px; width:480px; height:265px; background-color:#e3e4e5;}

/* VISOR */
#visor {position:absolute; margin-top:171px; margin-left:15px; width:242px; height:365px; background-color:#ffffff;}
#visor_boxes  {float:left; width:238px; height:310px;}
#visor_navega {position:absolute; margin-top:510px; margin-left:210px; height:29px; width:50px;}

.visor_box,.visor_boxh {float:left; width:222px; height:90px; margin-top:10px; padding:5px; border:1px dashed #000000;}
.visor_boxh {display:none;}
a.visor_box:hover,a.visor_boxh:hover {border-color:#009EE0;}

/* PORTFOLIO */
#portfolio {float:left; padding:5px; border:1px dashed #000000;}
#portfolio_navega {margin-left:55px; margin-top:5px; width:424px; text-align:right;}
#portfolio_text   {margin-top:5px; width:480px; height:73px; background-color:#e3e4e5;}

/* MAPA CONTACTE */
#mapa  {position:absolute; margin-top:181px; margin-left:269px; width:478px; height:301px; border:1px dashed #000000; background-color:#fcbc2d;}
#staff {position:absolute; margin-top:482px; margin-left:269px; width:478px; height:120px; border:1px dashed #000000; background-color:#fcbc2d;}
.dades  {float:left; margin-top:15px; margin-left:15px;}
.adreca {float:right; margin-top:15px; margin-right:15px; text-align:right;}

/* FORMULARI CONTACTE */
#formulari {position:absolute; margin-top:195px; margin-left:293px; width:424px; height:217px;}

.cinput,.ctextarea {width:320px; border:1px solid #F49C00; background-color:#FFEF66;}
.cinput {height:15px;}
.ctextarea {height:90px; scrollbar-face-color:#FFEF66; scrollbar-shadow-color:#FFEF66; scrollbar-highlight-color:#FFEF66; scrollbar-3dlight-color:#FFEF66; scrollbar-darkshadow-color:#FFEF66; scrollbar-track-color:#FFEF66; scrollbar-arrow-color:#F49C00;}

#adreca {position:absolute; width:390px; margin-top:15px; margin-left:15px; text-align:center; line-height:16px;}

/* FONTS I ESTILS */
.tn1  {font-family: Arial;}
.tn1  {color: #000000;}
a.tn1 {text-decoration: none;}
a.tn1:hover {color: #E3001B;}

.tb1  {font-family: Arial;}
.tb1  {color: #ffffff;}
a.tb1 {text-decoration: none;}

.tr1  {font-family: Arial;}
.tr1  {color: #E3001B;}
a.tr1 {text-decoration: none;}
a.tr1:hover {color: #ffffff; background-color: #E3001B;}

.t8 {font-size:8px;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t11 {font-size:11px;}
.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t15 {font-size:15px;}
.t16 {font-size:16px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t22 {font-size:22px;}

.e70 {font-size:0.7em;}
.e75 {font-size:0.75em;}
.e80 {font-size:0.8em;}
.e90 {font-size:0.9em;}
.e100 {font-size:1em;}
.e105 {font-size:1.05em;}
.e110 {font-size:1.1em;}
.e120 {font-size:1.2em;}

.pad5  {padding:5px;}
.pad20 {padding:20px;}
.padtext_portolio {padding:5px 10px 5px 10px;}
.padleft5 {padding-left:5px;}
.padleft15 {padding-left:15px;}

.mtop30 {margin-top:30px;}
.mtop50 {margin-top:50px;}
.mleft5 {margin-left:5px;}
.mleft11 {margin-left:11px;}
.mleft15 {margin-left:15px;}
.mleft22 {margin-left:22px;}
.mleft33 {margin-left:33px;}

.just {text-align:justify;}
.centre {text-align:center;}

.lineh12 {line-height:12px;}
.lineh13 {line-height:13px;}
.lineh15 {line-height:15px;}
.lineh20 {line-height:20px;}
.lineh25 {line-height:25px;}