/* CSS Document */

/* 784 x 527 */
body
{
	margin:0px; 
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a:link{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:none;}
a:active{color:#000; text-decoration:none;}

.preload {
	height: 0px;
	width: 0px;
	display: inline;
	background-image: url(../images/home2.gif);
	background-image: url(../images/email2.gif);
	background-image: url(../images/euro2.gif);
	background-image: url(../images/pdf2.gif);
	background-image: url(../images/portfolio2.gif);
	background-image: url(../images/square2.gif);
	background-image: url();
}

#descarga, #webpage { 
	margin-left: -5px;
}

#descarga:hover {
	color: #FFCC00;
}

#webpage:hover {
	color: #FFCC00;
}

#cont
{
	width:100%;
	height:574px;
	position:absolute;
	top:50%;
	margin-top:-287px;
}
#black
{
	width:100%;
	height:29px;
	margin-top:422px;
	background-color:#000;
}
#main
{
	width:784px;
	height:574px;
	position:absolute;
	left:50%;
	top:0px; 
	margin-left:-392px;
}
#up
{
	width:784px;
	height:57px;
}
#logo
{
	width:236px;
	height:365px;
	float:left;
}
#flash
{
	position: absolute;
	top: 57px;
	left: 200px;
	width: 700px;
	height: 395px;
	text-align: left;
}
#menu
{
	width:100%;
	height:29px;
	background-color:#000;
	float:left
}
#menu_left
{
	width:221px;
	height:29px;
	background-color:#000;
	float:left;
	padding-left:15px;
}
#menu_right
{
	width:534px;
	float:left;
	text-align:center;
}

#botones {
	float: right;
	height: 20px;
	color: #FFF;
	margin-top: 4px;
	padding-right: 90px;
}

#menu_right p
{
	padding:0px;
	margin:7px;
	font-size:10px;
}

#home
{
	width:27px;
	height:20px;
	background-image:url(../images/home.gif);
	float:left;
	margin-top:3px;
	margin-right:15px;
	cursor: pointer;
}
#portfolio
{
	width:25px;
	height:21px;
	background-image:url(../images/portfolio.gif);
	float:left;
	margin-top:4px;
	margin-right:15px;
	cursor: pointer;
}
#email
{
	width:25px;
	height:21px;
	background-image:url(../images/email.gif);
	float:left;
	margin-top:4px;
	cursor: pointer;
}

#img_logo
{
	width:204px;
	height:125px;
	background-image:url(../images/logo.gif);
}
#pdf
{
	width:23px;
	height:18px;
	background-image:url(../images/pdf.gif);
	float:right;
	margin-right:15px;
	cursor: pointer;
}

#presentacio
{
	width: 33px;
	height: 18px;
	background-image:url(../images/presentacio.gif);
	float:right;
	cursor: pointer;
}

#presentacio {
	margin-top: 25px;
}

#euro
{
	width:18px;
	height:18px;
	background-image:url(../images/euro.gif);
	float:right;
	cursor: pointer;
}

#euro, #pdf {
	margin-top: 25px;
}

#centro
{
	width:100%;
	height:80px;
	float:left;
}
#div_lista1
{
	float:left;
}
#div_lista2
{
	float:left;
}
#div_pro
{
	width:200px;
	float:right;
	margin-top:32px;
}
#lista1
{
	list-style:none;
	margin:30px 0px 0px 62px;
	padding:0px;
}
#lista2
{
	list-style:none;
	margin:30px 0px 0px 42px;
	padding:0px;
}
#lista1 img, #lista2 img
{
	margin-right: 6px;
}

.text_grey
{
color:#999999;
}

#lista_pro li
{
	display:inline;
	margin-right: 5px;
}
#lista_pro 
{
	margin:0px;
	padding:0px;
}
#div_pro img
{
border:0px;
}
#description
{
	width:auto;
	float:right;
	margin-top:25px;
	margin-left:10px;
	line-height:15px;
	color:#666666;
}
#bold
{
font-weight:bold;
color:#000;
}
#grafic_text
{
font-size:14px;
}

.yelow
{
color:#FFCC00;
}
#white
{
color:#fff;
}

#jv_contacta
{
	width:534px;
	height:365px;
	float:left;
	background-image:url(../images/contacta.png);
}

#conct {
	color: #FFCC00;
	font-size: 14px !important;
	text-align: right;
	margin: 0px !important;
	margin-top: 5px !important;
	margin-right: 104px !important;
}

#jv_nombre {
	margin-left: 13px;
	width: 235px;
	margin-top: 50px;
	font-size: 11px;
	border: 0px;
	background-color: transparent;
	cursor: text;
}

#jv_email {
	display: block;
	margin-left: 13px;
	width: 235px;
	margin-top: 19px;
	font-size: 11px;
	border: 0px;
	background-color: transparent;
	cursor: text;
}

#jv_comentario {
	display: block;
	margin-left: 13px;
	width: 235px;
	margin-top: 22px;
	font-size: 11px;
	height: 110px;
	border: 0px;
	background-color: transparent;
	cursor: text;
}

#jv_enviar {
	float: right;
	width: 80px;
	height: 30px;
	margin-top: 16px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
}

#mail {
	text-align:left;
}
#mail h2
{
	margin: 0px !important;
	padding: 0px !important;
	font-size: 20px !important;
	margin-left: 70px !important;
}
#comentari
{
text-align:left;
width:300px;
height:100px;
margin-top:15px;
}

.textform
{
margin-left:35px;
text-align:left;
width:100px;
height:20px; 
margin-top:15px;
}

#formder
{
	margin-top: 21px;
	*margin-top: 0px;
	float:right;
	text-align:left;
	width:300px;
	height:300px; 
}
#submit1
{
float:left;
margin-left:115px;
margin-top:20px;
border:1px solid ;
}

.message {
	color: #888;
	margin-top: 30px;
	margin-left: -50px;
}