*{
margin:0px;
padding:0px;
}

a {
/*background:#00FF00;*/
color:#ffffff;
text-decoration:none;
font-size: 7.5px;
}


a:hover {
color:#000000;
text-decoration: none;
background-color: black;
}

a:visted {

color:#ffffff;
text-decoration: none;
}

a:active {
color:#ffffff;
}


h1{ 
color: #ffffff; 
font-size: 10pt; 
font-weight: normal; 
line-height: 1.4em; 
margin: -20px -20px;
padding: 10px ; 
text-align: left;
background-color: #000000;
margin-bottom: 0px;
}

h2{ 
color: #663300; 
font-size: 10pt; 
font-weight: normal; 
line-height: 1.4em; 
margin: 0 22px 8px !important; /*[e]0 22px 8px*/ 
padding: 0; text-align: left;
}

body{
font-family: Helvetica,"Trebuchet MS", Lucida Sans Unicode, Verdana, Arial, sans-serif, serif, Lucida Grande;
font-size:9px;
font-style: italic;
/*color:#000000;*/
/*height:11px;*/
background-image:url(../img_prova/bgprova.jpg);
background-repeat: no-repeat;
}

p{
color:#000000;
font-style: italic;
}

#header{
/*background-image: url(../img_prova/header01.jpg);*/
background-repeat: no-repeat;
height: 130px;
width: 963px;
margin: 0 0 0 70px;
/*text-indent: -10000px;*/
}

#volver_arriba{
position:fixed;
bottom: 30px;
width: 60px;
height: 17px;
left: 1060px;
font-family: Helvetica, Lucida Sans Unicode, "Trebuchet MS", Verdana, Arial, sans-serif, serif, Lucida Grande;
line-height: 15px;
color:#000000;
text-align: center;
padding-top: 4px;
/*background-image: url(../img/upblue.png);*/
background-repeat: no-repeat;
background-color:#000000;
/*border-top: solid 1px #fff;*/
z-index: 23;
}

#footer{
float: right;
height: 20px;
margin: 60px 10px 0 0;
font-size:9px; 
}

#footer_publica{
float: right;
height: 20px;
margin: 40px 10px 0 0;
font-size:9px; 
}

#curroloader {
/*background:url(..img/ajax-loader.gif) center no-repeat;*/
width:100%;
height: 100%;
background-color: aqua;
}

.transparent_class {
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

.text_bio{
line-height: 1.2em; 
font-style: normal;
font-size: 11.5px;
}

.link_resume{
font-size: 10px;
font-style: italic;
text-align: right;
font-weight: bold;
}


/*-----MENU HEADER I IMATGES-----*/
#menu_header{
position: absolute;
width: 245px;
height:130px;
/*float:left;*/
margin:0 0 0 787px;
top: 0px;
}

#access{
float:left;
width: 60px;
height: 131px;
background-image: url(../img/h-access.jpg);
}

#behance{
float:left;
}

#linkedin{
float:left;
}

#dmstk{
float:left;
}
/*-----FINAL MENU HEADER I IMATGES-----*/



/*-----contenedores curros-----*/
#contenedor_curros{
position: absolute;
margin: 0 50px 0 75px;
width: 960px;

}

.curros{
width: 190px;
height:100px;
margin: 1px 0px 0px 1px;
background-image:url(../img/loade1.gif) center no-repeat;
}

#flash_additive{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_arsys{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_barcelona{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_cosmic{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_enca{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_invitas{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_milimiters{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_limon{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_me{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_mirador{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_pajarito{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_panasonic{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_piensa{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_reyal{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_smn{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_snik{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_stantoni{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_tesis{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_turnip{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_vw{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_dibuix{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_tee{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_tee2{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_rhino{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_sf4{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_uvlayer{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_messi{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_games{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_squrl{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

#flash_mindsnacks{
width: 190px;
height:100px;
color: blue;
float:left;
margin: 1px 0px 0px 1px;
}

/*-----FINAL contenedores curros-----*/



/*-----tag new-----*/
#tags{
position: absolute;
}

.tag_new1{
width: 24px;
height: 48px;

z-index: 125;
margin-left: 167px;
float: right;
margin-top: -13px;
}

.tag_new2{
width: 24px;
height: 48px;

z-index: 125;
margin-left: 167px;
float: right;
margin-top: -13px;
}

.tag_new3{
width: 24px;
height: 48px;

z-index: 125;
margin-left: 167px;
float: right;
margin-top: -13px;
}

.tag_new4{
width: 24px;
height: 48px;

z-index: 125;
margin-left: 159px;
float: right;
margin-top: -13px;
}

/*-----final tag new-----*/





/*divs de curros abiertos debajo del grid ----------------------------------*/

#curro_squrl{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:3453px;
display: none;
background-image: url(../img/curros/squrl01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_messi{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:642px;
display: none;
background-image: url(../img/curros/messi01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_games{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1067px;
display: none;
background-image: url(../img/curros/games01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_uvlayer{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:4405px;
display: none;
background-image: url(../img/curros/uvlayer01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_uvlayer-2{
float: left;
margin: 2618px 0 0 -10px;
left:50px;
width:960px;
height:1843px;
background-image: url(../img/curros/uvlayer02.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
z-index: 30;
}

#curro_stantoni{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:951px;
display: none;
background-image: url(../img/curros/stantoni01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_vwaudi{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:835px;
display: none;
background-image: url(../img/curros/vw01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_panasonic{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1453px;
display: none;
background-image: url(../img/curros/panasonic01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_panasonic2{
float: left;
margin: 1182px 0 0 -10px;

width:960px;
height:1254px;
background-image: url(../img/curros/panasonic02.jpg);
background-repeat: no-repeat;
z-index: 20;
position: absolute;
}


#curro_fcb{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1190px;
display: none;
background-image: url(../img/curros/fcb01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_mirador{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:976px;
display: none;
background-image: url(../img/curros/mirador01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_enca{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:810px;
display: none;
background-image: url(../img/curros/enca01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_arsys{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:993px;
display: none;
background-image: url(../img/curros/arsys01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_zarranz{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:562px;
display: none;
background-image: url(../img/curros/zarranz01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_mitsubishi{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:710px;
display: none;
background-image: url(../img/curros/me01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_smn{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1554px;
display: none;
background-image: url(../img/curros/smn01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_snik{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:594px;
display: none;
background-image: url(../img/curros/snik01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_piensa{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1620px;
display: none;
background-image: url(../img/curros/piensa01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_invitas{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:791px;
display: none;
background-image: url(../img/curros/invitas01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_cosmic{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:2106px;
display: none;
background-image: url(../img/curros/cosmic01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_tesis{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:756px;
display: none;
background-image: url(../img/curros/tesis01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_limon{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:3735px;
display: none;
background-image: url(../img/curros/limon01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_lateral{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:928px;
display: none;
background-image: url(../img/curros/lateral01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_reyal{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:399px;
display: none;
background-image: url(../img/curros/reyal01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_pajarito{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:597px;
display: none;
background-image: url(../img/curros/pajarito01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_turnip{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:808px;
display: none;
background-image: url(../img/curros/turnip01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_additive{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1198px;
display: none;
background-image: url(../img/curros/additive01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;

}

#curro_dibuix{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:5320px;
display: none;
background-image: url(../img/curros/dibuix01.jpg);
/*padding: 20px 0 0 10px;*/
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_dibuix2{
float: left;
margin: 2650px 0 0 0;
left:50px;
width:960px;
height:2660px;
background-image: url(../img/curros/dibuix02.jpg);
background-repeat: no-repeat;
z-index: 20;
}

#curro_rhino{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:2812px;
padding: 24px 0 0 10px;
background-image: url(../img/curros/rhino01.jpg);
background-repeat: no-repeat;
display: none;
text-decoration: blink;
}


#curro_tee{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:5497px;
display: none;
background-image: url(../img/curros/tee01.jpg);

background-repeat: no-repeat;
text-decoration: blink;
}

#curro_tee2{
float: left;
margin: 1792px 0 0 0;
left:50px;
width:960px;
height:1693px;
background-image: url(../img/curros/tee02.jpg);
background-repeat: no-repeat;
z-index: 32;
}

#curro_tee3{
float: left;
margin: 1710px 0 0 0;
left:50px;
width:960px;
height:2325px;
background-image: url(../img/curros/tee03.jpg);
background-repeat: no-repeat;
z-index: 33;
}

#curro_sf4{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:3471px;
display: none;
background-image: url(../img/curros/sf401.jpg);
/*padding: 20px 0 0 10px;*/
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_sf4-2{
float: left;
margin: 1947px 0 0 0;
left:50px;
width:960px;
height:1974px;
background-image: url(../img/curros/sf402.jpg);
background-repeat: no-repeat;
z-index: 20;
}

#curro_mindsnacks{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:1198px;
display: none;
background-image: url(../img/curros/mindsnacks01.jpg);
padding: 24px 0 0 10px;
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_4milimiters{
float: left;
margin: 81px 0 0 0;
left:50px;
width:960px;
height:2466px;
display: none;
background-image: url(../img/curros/4mm01.jpg);
/*padding: 20px 0 0 10px;*/
background-repeat: no-repeat;
text-decoration: blink;
}

#curro_4milimiters2{
float: left;
margin: 1225px 0 0 0;
left:50px;
width:960px;
height:1231px;
background-image: url(../img/curros/4mm02.jpg);
background-repeat: no-repeat;
z-index: 20;
}

/* final divs de curros abiertos debajo del grid ----------------------------------*/



/*------------- videos ---------------*/

#video_vw {
margin: 495px 0 0 70px;
float: left;
}

#video_audi {
margin: 495px 0 0 1px;
float: left;
}

#video_cosmic {
margin: 1714px 0 0 471px;
float: left; 
}

#video_chien {
margin: 1185px 0 0 90px;
float: left; 
}

#video_souris {
margin: 1185px 0 0 1px;
float: left; 
}

#video_dog {
margin: 485px 0 0 480px;
float: left; 
position: absolute;
}

#video_fcb {
margin: 819px 0 0 471px;
float: left; 
}

/*-------------final videos ---------------*/



/*-------------bio ---------------*/

#bio_link {
margin: 0 0 0 959px;
position: absolute;
z-index: 30;
background-color: black;
width: 64px;
height: 14px;
padding: 8px 0 0 7px;
}

#bio{
float: left;
margin: 81px 0 0 0;
left:50px;
width:600px;
/*height:5320px;*/
/*background-image: url(../img/curros/dibuix01.jpg);*/
/*padding: 20px 0 0 10px;*/
background-repeat: no-repeat;
background-color: aqua;
}

a:focus {
	outline: none;
}
#panel {
	background:white;
	height: 300px;
	width: 500px;
	margin-left: 396px;
	display: none;
	position: absolute;
	z-index: 200;
	padding: 20px;
}
.slide {
	margin: 0;
	padding: 0;
	/*border-top: solid 4px #422410;*/
	background: black;
	z-index: 130;
	position: absolute;
	margin-left: 936px;
	width: 94px;
}
.btn-slide {
	background: url(../img/white-arrow.gif) no-repeat right -51px;
	text-align: left;
	width: 84px;
	height: 14px;
	padding: 8px 0 0 10px;
	margin: 0 auto;
	display: block;
	font: bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 8px;
}

/*-------------final bio -----------------*/