*{
margin: 0;
padding: 0;
}

#contenidor {
overflow: hidden;
width: 760px;
background-color: #000000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image:url(../Imatges/Fons3.jpg);
}

#indexcontenidor {
overflow: hidden;
width: 760px;
height: auto;
background-color: #000000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color:#000000;
}

body {
background-color: #000000;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	background-color:#252525;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 10px 10px 10px 0px;
}

h2 {
	background-color:#141414;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	*padding: 10px 10px 10px 0px;
	padding: 10px 10px 10px 0px;
}

h2.sota {
	background-color:#141414;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	*padding: 8px 10px 0px 29px;
	padding: 8px 10px 0px 29px;
}

h3 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	padding: 0 5px 10px 20px;
}

h4 {
	background-color:#141414;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 0px;
}

h5 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: justify;
	padding: 0 0 0 20px;
}

p {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding: 0 5px 10px 20px;
}

.margetitol {
overflow: hidden;
display: block;
padding: 15px 0 5px 0;
}

img.dreta {
overflow: hidden;
background-color: #141414;
float: right;
padding: 5px 5px 5px 5px;
margin: 5px 0 0 5px;
}

img.centre {
overflow: hidden;
background-color: #141414;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 0 0 5px;
}

img.esquerra {
overflow: hidden;
background-color: #141414;
float: left;
padding: 5px 5px 5px 5px;
margin: 5px 0 0 20px;
}

.saltar {
clear: both;
display: block;
}

.saltar2 {
clear: both;
display: block;
margin: 0 0 20px 0;
}

img.link {
padding: 0 0 0 30px;
}

img.right {
overflow: hidden;
float: right;
padding: 10px 5px 10px 20px;
}

img.left {
overflow: hidden;
float: left;
padding: 10px 20px 10px 20px;
}

img.left2 {
overflow: hidden;
float: left;
padding: 0px 20px 10px 20px;
}

img.leftlink {
overflow: hidden;
float: left;
padding: 0px 0px 20px 20px;
}

.divlinks p{
overflow: hidden;
}

img.center {

vertical-align: middle;
padding: 5px 20px 5px 20px;
}

#banner {
width: 760px;
height: 185px;
padding: 0;
margin: 0;
border: 0;
}

#indexbanner {
width: 500px;
height: 432px;
padding: 0;
border: 0;
margin-top: 80px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#index {
width: 640px;
height: 360px;
padding: 0;
border: 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#menuprincipal {
width: 760px;
height: 64px;
background-image:url(../Imatges/BotonsCAT/Fons-boto2.jpg);
padding: 0;
margin: 0;
border: 0;
}

#peu p {
color:#999999;
}

#peu {
border-top: #000000 solid 5px;
width: 760px;
height: 105px;
background-color: #000000;
margin: 0;
padding: 0;
}

.titolgaleria {
width: 430px;
float: both;
margin: 20px 20px 0px 0;
}

#cos12esquerra {
width: 430px;
float: both;
margin: 20px 20px 20px 0;
}

#cos13esquerra {
width: 430px;
float: left;
margin: 20px 20px 20px 0;
}

.icon {
padding: 0 16px 0 20px;
}

.icongaleria {
padding: 0 4px 0 8px;
}

img.foto {
padding: 10px 2px 10px 2px;
}

.viu {
display: block;
border:2px dashed #CCC; 
*border:3px dashed #CCC;
}

.fotocentradacontacte {
display: block;
float: left;
width: 720px;
text-align: center;
margin: 0 0 10px 0;
}

.fotocentrada {
display: block;
float: left;
width: 720px;
text-align: center;
margin: 0 20px 10px 20px;
}

.fotocentradafinal {
display: block;
float: left;
width: 720px;
text-align: center;
margin: 10px 20px 20px 20px;
*padding: 0 0 15px 0;
}

.fotocentradafinalfons {
display: block;
float: left;
width: 720px;
text-align: center;
margin: 10px 20px 20px 20px;
*padding: 0 0 0 0;
background-color: #141414;
}

.espaifinal {
display: block;
width: 760px;
float: left;
*padding: 0 0 15px 0;
}

#cos11foto {
clear: both;
width: auto;
text-align: center;
margin: 0 20px;
padding: 0px;
}

#cos12foto {
clear: both;
width: auto;
text-align: center;
margin: 0 20px;
padding: 0px;
}

#cos13foto {
clear: both;
width: auto;
text-align: center;
margin: 0 20px;
padding: 0px;
}

.galeria600 {
margin: 0 0 8px 15px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:250px; 
width:320px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
}	

.galeria600 .fotogaleria600 {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:250px; 
width:320px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}

.galeriaseient {
margin: 0 0 8px 15px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:200px; 
width:240px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
}	

.galeriaseient .fotogaleriaseient {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:200px; 
width:240px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}

.galeriaseient2 {
margin: 0 0 8px 15px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:290px; 
width:240px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
}	

.galeriaseient2 .fotogaleriaseient2 {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:290px; 
width:240px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}

.galeriavespa {
margin: 0 0 8px 15px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:160px; 
width:220px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
}	

.galeriavespa .fotogaleria {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:160px; 
width:220px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}	

.galeriaprototips {
margin: 0 0 8px 15px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:265px; 
width:220px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
}	

.galeriaprototips .fotogaleria {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:265px; 
width:220px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}	


.galeria1 {
margin: 0 8px 0 20px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}	

.galeria2 {
margin: 0 8px 0 0;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}	

.galeria12 {
margin: 0 8px 0 20px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:354px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}	

.galeria3 {
margin: 0 8px 0 0;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}

.galeria4 {
margin: 0 8px 0 0;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}

.galeria5 {
margin: 10px 8px 0 20px;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}

.galeria6 {
margin: 10px 8px 0 0;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}	

.galeria7 {
margin: 10px 8px 0 0;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}

.galeria8 {
margin: 10px 8px 0 0;
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
border:2px dashed #CCC; 
*border:3px dashed #CCC; 
height:210px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;
float: left; 
}

.net {
clear: both;
}

.fotogaleria {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:170px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}	

.fotogaleria600 {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:230px; 
width:280px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}	

.fotogaleriaseient {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:230px; 
width:240px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}

.fotogaleriaseient2 {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:290px; 
width:240px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}


.fotogaleriasota {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:148px; 
width:170px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}

.galeria12 .fotogaleria {
display:table; 
/*se colocan dimensiones y un borde para poder visualizar la caja en el browser*/ 
height:170px; 
width:354px; 
/*propiedad solo para IE 6 y 7*/ 
*position:relative;}	

.fotogaleria div{ 
display:table-cell;
vertical-align:middle; 
text-align:center; 
  /*propiedades solo para IE 6 y 7*/ 
*position: absolute; 
*top:50%;
*width:100%;
}

.fotogaleria600 div{ 
display:table-cell;
vertical-align:middle; 
text-align:center; 
  /*propiedades solo para IE 6 y 7*/ 
*position: absolute; 
*top:50%;
*width:100%;
}

.fotogaleriaseient div{ 
display:table-cell;
vertical-align:middle; 
text-align:center; 
  /*propiedades solo para IE 6 y 7*/ 
*position: absolute; 
*top:50%;
*width:100%;
}

.fotogaleriaseient2 div{ 
display:table-cell;
vertical-align:middle; 
text-align:center; 
  /*propiedades solo para IE 6 y 7*/ 
*position: absolute; 
*top:50%;
*width:100%;
}

.fotogaleria span{ 
/*propiedades solo para IE 6 y 7*/ 
*position: relative; 
*top: -50%;
}

.fotogaleria600 span{ 
/*propiedades solo para IE 6 y 7*/ 
*position: relative; 
*top: -50%;
}

.fotogaleriaseient span{ 
/*propiedades solo para IE 6 y 7*/ 
*position: relative; 
*top: -50%;
}

.fotogaleriaseient2 span{ 
/*propiedades solo para IE 6 y 7*/ 
*position: relative; 
*top: -50%;
}

.fotogaleriasota div{ 
display:table-cell;
vertical-align:middle; 
text-align:center; 
  /*propiedades solo para IE 6 y 7*/ 
*position: absolute; 
*top:50%;
*width:100%;
}

.fotogaleriasota span{ 
/*propiedades solo para IE 6 y 7*/ 
*position: relative; 
*top: -50%;
}

.costext {
clear: both;
width: auto;
margin: 10px 15px 10px 0;
padding: 0;
}

.cosinici {
padding: 0;
margin: 5px 0 5px 0;
width: 760px;
overflow: hidden;
border-bottom:#000000 solid 5px;
}

.cos {
padding: 0;
*padding: 0 0 0 0;
margin: 0 0 5px 0;
width: 760px;
overflow: hidden;
border-bottom:#000000 solid 5px;
}

.cosfinal {
padding: 0;
margin: 0 0 5px 0;
width: 760px;
overflow: hidden;
}

.cosinicifinal {
padding: 0;
margin: 5px 0 5px 0;
width: 760px;
overflow: hidden;
}


.cosesquerra180 {
width: 180px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra {
width: 360px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra340 {
width: 340px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra370 {
width: 370px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra380 {
width: 380px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra400 {
width: 400px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra420 {
width: 420px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra450 {
width: 450px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra460 {
width: 460px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra470 {
width: 470px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra500 {
width: 500px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra280 {
width: 280px;
float: left;
margin: 15px 20px 0 0;
}

.cosesquerra740 {
width: 740px;
float: left;
margin: 15px 20px 0 0;
}

.textfototext {
width: auto;
float: left;
margin: 15px 20px 0 0;
}

.cosdreta {
width: auto;
float: right;
margin: 15px 20px 20px 0;
}

.cosdreta20 {
width: auto;
float: right;
margin: 20px 20px 20px 0;
}

.cosgaleria {
display: block;
padding: 0;
margin: 0;
width: 760px;
overflow: hidden;
}

.cosgaleriafinal {
display: block;
padding: 0;
margin: 0 0 20px 0;
width: 760px;
overflow: hidden;
}

.fotoesquerra {
diaplay: block;
float: left;
width: 340px;
padding: 20px 0 20px 20px;
border: 0;
margin: 0;
}

.peufotoesquerra {
float: left;
color: #FFFFFF;
padding: 0 0 0 20px;
text-align: left;
font-size: 11px;
}

.fotodreta140 {
float: left;
width: 140px;
padding: 15px;
margin: 0 0 10px 0;
}

.fotodreta160 {
float: right;
width: 160px;
padding: 20px;
background-color: #141414;
margin: 0;
}

.fotodreta200 {
float: right;
width: 200px;
padding: 20px;
background-color: #141414;
margin: 0;
}

.fotodreta200peu {
float: left;
width: 200px;
padding: 5px 20px 0 0;
margin: 0;
text-align: left;
}


.fotodreta280 {
float: right;
width: 280px;
padding: 20px;
background-color: #141414;
margin: 0;
}

.fotodreta260 {
float: right;
width: 260px;
padding: 20px;
background-color: #141414;
margin: 0;
}

.fotodreta320 {
float: right;
width: 320px;
padding: 20px;
background-color: #141414;
margin: 0;
}

.fotodretanomarges {
float: right;
padding: 0;
margin: 0;
}

.fotoesquerranomarges {
float: left;
padding: 0 0 0 20px;
margin: 0;
}

.peufotodreta {
float: right;
color: #FFFFFF;
padding: 10px 0px 0px 0px;
text-align: right;
}

ul {
color: #CCCCCC;
}

a.menuprincipal {
margin: 0;
float: left;
}

#espairoll {
width: 25px;
height: 64px;
float: left;
}

#rollcatala {
background: url(../Imatges/Index/BT_INI_CA_B.jpg) 0 0 no-repeat;
width: 160px;
height: 360px;
float: left;
}

#rollespanyol {
background: url(../Imatges/Index/BT_INI_ES_B.jpg) 0 0 no-repeat;
width: 160px;
height: 360px;
float: left;
}

#rollfrancais {
background: url(../Imatges/Index/BT_INI_FR_B.jpg) 0 0 no-repeat;
width: 160px;
height: 360px;
float: left;
}

#rollenglish {
background: url(../Imatges/Index/BT_INI_EN_B.jpg)  0 0 no-repeat;
width: 160px;
height: 360px;
float: left;
}

#roll1 {
background:url(../Imatges/BotonsCAS/Bto_NEWS_ES_B.jpg) 0 0 no-repeat;
width: 120px;
height: 64px;
margin: 0;
padding: 0;
float: left;
}

#roll2 {
background:url(../Imatges/BotonsCAS/Bto_ABOUTUS_ES_B.jpg) 0 0 no-repeat;
width: 125px;
height: 64px;
margin: 0;
padding: 0;
float: left;
}

#roll3 {
background:url(../Imatges/BotonsCAS/Bto_PROTAFOLIO_ES_B.jpg) 0 0 no-repeat;
width: 130px;
height: 64px;
margin: 0;
padding: 0;
float: left;
}

#roll4 {
background:url(../Imatges/BotonsCAS/Bto_PRESS_ES_B.jpg) 0 0 no-repeat;
width: 115px;
height: 64px;
margin: 0;
padding: 0;
float: left;
}

#roll5 {
background:url(../Imatges/BotonsCAS/Bto_CONTACT_ES_B.jpg) 0 0 no-repeat;
width: 115px;
height: 64px;
margin: 0;
padding: 0;
float: left;
}

#roll6 {
background: url(../Imatges/BotonsCAS/Bto_LINKS_ES_B.jpg) 0 0 no-repeat;
width: 100px;
height: 64px;
margin: 0;
padding: 0;
float: left;
}

#rollcatala a{
background:url(../Imatges/Index/BT_INI_CA_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#rollespanyol a{
background:url(../Imatges/Index/BT_INI_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#rollfrancais a{
background: url(../Imatges/Index/BT_INI_FR_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#rollenglish a{
background:url(../Imatges/Index/BT_INI_EN_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#roll1 a{
background:url(../Imatges/BotonsCAS/Bto_NEWS_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#roll2 a{
background:url(../Imatges/BotonsCAS/Bto_ABOUTUS_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#roll3 a{
background:url(../Imatges/BotonsCAS/Bto_PROTAFOLIO_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#roll4 a{
background:url(../Imatges/BotonsCAS/Bto_PRESS_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#roll5 a{
background:url(../Imatges/BotonsCAS/Bto_CONTACT_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

#roll6 a{
background:url(../Imatges/BotonsCAS/Bto_LINKS_ES_A.jpg) 0 0 no-repeat;
width: 100%;
height: 100%;
display: block;
}

a.menusecundari {
color: #FF3;
}

a{
outline: none;
}

a img{
border: 0;
}


a.peu {
color: #C06;
margin: 10px;
}


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

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

a:active {
color: #CCC;
background-color: #FF3300;
text-decoration: none;
}

a:hover {
color: #CCC;
text-decoration:none;
}

#rollcatala a:hover {
background-imgage:url(../Imatges/Index/BT_INI_CA_B.jpg);
background-position: -360px 0;
}

#rollespanyol a:hover {
background-image: url(../Imatges/Index/BT_INI_ES_B.jpg);
background-position: -360px 0;
}

#rollfrancais a:hover {
background-image: url(../Imatges/Index/BT_INI_FR_B.jpg);
background-position: -360px 0;
}

#rollenglish a:hover {
background-image: url(../Imatges/Index/BT_INI_EN_B.jpg);
background-position: -360px 0;
}

#roll1 a:hover {
background:url(../Imatges/BotonsCAS/Bto_NEWS_ES_B.jpg);
background-position: 0 -64px;
}

#roll2 a:hover {
background:url(../Imatges/BotonsCAS/Bto_ABOUTUS_ES_B.jpg);
background-position: 0 -64px;
}

#roll3 a:hover {
background:url(../Imatges/BotonsCAS/Bto_PROTAFOLIO_ES_B.jpg);
background-position: 0 -64px;
}

#roll4 a:hover {
background:url(../Imatges/BotonsCAS/Bto_PRESS_ES_B.jpg);
background-position: 0 -64px;
}

#roll5 a:hover {
background:url(../Imatges/BotonsCAS/Bto_CONTACT_ES_B.jpg);
background-position: 0 -64px;
}

#roll6 a:hover {
background:url(../Imatges/BotonsCAS/Bto_LINKS_ES_B.jpg);
background-position: 0 -64px;
}

#rollcatala a:active {
background: url(../Imatges/Index/BT_INI_CA_C.jpg) 0 0 no-repeat;
background-position: 0;
}

#rollespanyol a:active {
background: url(../Imatges/Index/BT_INI_ES_C.jpg) 0 0 no-repeat;
background-position: 0;
}

#rollfrancais a:active {
background: url(../Imatges/Index/BT_INI_FR_C.jpg) 0 0 no-repeat;
background-position: 0;
}

#rollenglish a:active {
background: url(../Imatges/Index/BT_INI_EN_C.jpg) 0 0 no-repeat;
background-position: 0;
}

#roll1 a:active {
background:url(../Imatges/BotonsCAS/Bto_NEWS_ES_C.jpg);
background-position: 0 -64px;
margin: 0;
}

#roll2 a:active {
background:url(../Imatges/BotonsCAS/Bto_ABOUTUS_ES_C.jpg);
background-position: 0 -64px;
}

#roll3 a:active {
background:url(../Imatges/BotonsCAS/Bto_PROTAFOLIO_ES_C.jpg);
background-position: 0 -64px;
}

#roll4 a:active {
background:url(../Imatges/BotonsCAS/Bto_PRESS_ES_C.jpg);
background-position: 0 -64px;
}

#roll5 a:active {
background:url(../Imatges/BotonsCAS/Bto_CONTACT_ES_C.jpg);
background-position: 0 -64px;
}

#roll6 a:active {
background:url(../Imatges/BotonsCAS/Bto_LINKS_ES_C.jpg);
background-position: 0 -64px;
}

.peufotodreta {
float: right;
color: #FFFFFF;
padding: 10px 0px 0px 10px;
}

.fotoesquerra {
float: left;
width: 320px;
padding: 20px 0 20px 20px;
}

.fotoesquerra160 {
display: block;
float: left;
width: 160px;
padding: 20px 0 20px 20px;
}

.fotoesquerra320 {
display: block;
float: left;
width: 320px;
padding: 20px 0 20px 20px;
}

.fotoesquerra360 {
display: block;
float: left;
width: 360px;
padding: 20px 0 20px 20px;
}

.fotoesquerra440 {
display: block;
float: left;
width: 440px;
padding: 0 0 20px 20px;
}

.cosmitjans{
border:2px dashed #CCC; 
*border:3px dashed #CCC;
display: block;
float: left;
width: 715px;
margin: 20px 0 20px 20px;
padding: 0;
}

.cosmitjans220{
border:2px dashed #CCC; 
*border:3px dashed #CCC;
display: block;
float: left;
width: 220px;
height: 260px;
margin: 20px 0 20px 20px;
padding: 0;
}

p.peufotoesquerra {
color: #FFFFFF;
padding: 0 0 20px 20px;
}

p.textfoto {
float: left;
padding: 115px 0 0 20px;
color: #FF9933;
}

p.textfotoblau {
float: left;
padding: 115px 0 0 20px;
color: #6F99CC;
}

p.textequipesquerra {
color: #FFF;
text-align: left;
font-size: 0.6em;
}

p.textequipdreta {
color: #FFF;
text-align: right;
font-size: 0.6em;
}

#equip {
z-index: 0;
position: relative;
widht: 760px;
height: 400px;
overflow: hidden;
}

#fotoequip{
z-index: 1;
width: 300px;
position: relative;
top: -260px;
left: 230px;
}

#computer {
width: 320spx;
position: relative;
top: 0;
z-index: 2;
left: 5px;
top: 50px;
}

#machirito{
width: 300px;
z-index: 3;
position: relative;
top: -100px;
left: 440px;
}

#chiqui {
width: 310px;
z-index: 4;
position: relative;
top: -360px;
left: 30px;
}

#piyuli{
width: 300px;
z-index: 5;
position: relative;
top: -450px;
left: 430px;
}

#fotosprototip1 {
z-index: 0;
position: relative;
widht: 470px;
height: 550px;
overflow: hidden;
}

#prototip11 {
width: 320px;
z-index: 2;
position: relative;
top: 0px;
left: 20px;
}

#prototip12 {
width: 200px;
z-index: 3;
position: relative;
top: -190px;
left: 280px;
}

#fotosprototip2 {
z-index: 0;
position: relative;
widht: 470px;
height: 600px;
overflow: hidden;
}

#prototip21 {
width: 470px;
z-index: 2;
position: relative;
top: 260px;
left: 20px;
}

#prototip22 {
width: 200px;
z-index: 3;
position: relative;
top: -300px;
left: 280px;
}

#prototip23 {
width: 200px;
z-index: 3;
position: relative;
top: -560px;
left: 50px;
}

form {
width: 740px;
}

label {
display: block;
float: left;
margin: 0;
font-family: Arial, Helvetica, sans-serif; 
color: #CCCCCC;
font-size: 16px;
padding: 10px 10px 10px 0px;
}

.camp1 {
height: 20px;
border:2px dashed #CCC; 
*border:3px dashed #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
margin-top: 5px;
margin-bottom: 10px;
background-color: #141414;
color: #CCC;
vertical-align: middle; 
}

.camp2 {
float: left;
height: 20px;
border:2px dashed #CCC; 
*border:3px dashed #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
margin-top: 5px; 
margin-bottom: 10px;
background-color: #141414;
color: #CCC;
}    

.camp3 {
float: left;
height: 20px;
border:2px dashed #CCC; 
*border:3px dashed #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
margin-top: 5px; 
margin-bottom: 10px;
background-color: #141414;
color: #CCC;
}  

.camp4 {
width: 705px; 
height: 100px;
border:2px dashed #CCC; 
*border:3px dashed #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
margin-bottom: 10px;
margin-left: 20px;
background-color: #141414;
color: #CCC;
}  

.botoenviar { 
float: right; 
border: 0;
margin-right: 10px;
margin-bottom: 10px;
} 

.botoborrar { 
float: right; 
border: 0;
margin-right: 20px;
margin-bottom: 10px;
}

.boto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background:none;
border: none;
color: #CCC;
}