@charset "UTF-8";

html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
/* background:#000 url(fons/rotate.php) center center no-repeat; */
	text-align:center;
	min-width:980px;
	min-height:684px;
	background:#000;
}
#container{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-342px;/* half elements height*/
	margin-left:-490px;/* half elements width*/
	width:980px;
	height:684px;
	overflow: hidden;
	text-align:left;
	
}

#menu{
	position:absolute;
	width:210px;
	height:684px;
	margin-left: 770px;
	z-index: 100;
}



.tdgrad {
  background-color:#000000;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
	
}

#bgmen1 {
	position:absolute;
	width:210px;
	height:156px;
}

#bgmen2 {
	position:absolute;
	width:210px;
	height:518px;
	top: 166px;
}

#titiht {
	position:absolute;
	top:111px;
	margin-left:19px;
	color: #df700d;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	z-index: 150;
	letter-spacing: 0.06em;
	
}

#titiht span {
	font-weight:bold;
}

a.titiht {
	text-decoration:none;
	color: #df700d;
}
a.titiht:hover {
	text-decoration:none;
	color: #df700d;
}

#titmen {
	position:absolute;
	top:182px;
	margin-left:19px;
	line-height: 1.1;
}

#titidiom {
	position:absolute;
	top:490px;
	margin-left:19px;
	line-height: 1.6;
	color: #969696;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8px;
	letter-spacing: 0.05em;
	padding-right: 45px;
}

.menuitem {
	font-weight: bold;
	color: #df700d;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	z-index: 150;
	letter-spacing: 0.05em;
}

a.menuitem {
	color: #969696;
	font-weight: lighter;
	text-decoration: none;
}
a.menuitem:hover{
	color: #fff;
}



a.menuidioma {
	color: #969696;
	text-decoration: none;
	font-size: 9px;
}

a.menuidioma:hover {
	color: #ffffff;
}

#galeria {
	position:absolute;
	width:980px;
	height:50px;
	
}

.block { 
	position:absolute; 
	left:-447px;
	width:447px; 
	height:79px;
	cursor:pointer;
    cursor:hand;
	
	
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
filter:alpha(opacity=60);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
filter:alpha(opacity=60);
	
}

.projecte {
	margin-left:25px;
	margin-top:25px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	z-index: 150;
}
.tronja {
	color: #df700d;
	text-transform:uppercase;
}


#bgchange {

position:absolute;
	width:980px;
	height:684px;
	overflow: hidden;/* allow content to scroll inside element */
  background:#000 url(fons/rotate.php) center center no-repeat;
}
	
#mas {
	position:absolute;
	top: 592px;
	left: 0px;
}

#menos {
	position:absolute;
	top: 64px;
	left: 24px;
}

#formulario {
	position:absolute;
	top: 170px;
	left: 170px;
	width: 428px;
	color: #df700d;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:right;
}

input, textarea {
	display:inline;
	background-color:#000;
	border: 0px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 20px;
	width:  auto;
	margin-left:10px;
	padding-left:8px;
}

textarea {overflow-x: hidden; overflow-y: auto;  }
 
.alesq{
	position: absolute;
	left: 0px;
	margin-top: 5px;
	
	
}

#butto {
	background-color:#df700d;
	border: 0px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 26px;
	width:  60px;
	margin-left:0px;
}

#reel {
position:absolute;
top: 112px;
left: 136px;
width:600px; 
height:450px;
	
}

.ie .adreca {	width:158px; text-align:justify; line-height:1.3; font-size:8px; margin-top:5px;}
.gecko .adreca {	width:158px; text-align:justify; line-height:1.3; font-size:8px; margin-top:5px;}
.webkit .adreca {	width:165px; text-align:justify; line-height:1.3; font-size:8px; margin-top:5px; word-spacing:6px; }
.chrome .adreca {	width:165px; text-align:justify; line-height:1.3; font-size:8px; margin-top:5px; word-spacing:6px; }

.ie .adreca2 { font-size:9px;letter-spacing:2pt;}
.gecko .adreca2 { font-size:9px;letter-spacing:2.1pt;}
.webkit .adreca2 { font-size:9px; letter-spacing:3px;}

.gecko .copy {margin-top:4px; text-align:right; font-size:9px; display:bock; word-spacing:4px; letter-spacing:0.45pt;}
.webkit .copy { margin-top:4px; text-align:right; font-size:9px; display:bock; word-spacing:0px; letter-spacing:1px;}


#news {
	position:absolute;
	top:320px;
	margin-left:19px;
	line-height: 1.6;
	color: #969696;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8px;
	height: 200px;
	width: 155px;
}


#news a {
	text-decoration:none;
	color: #969696;
}

#newpor:hover {	cursor:pointer;}

#newpor:hover span{	color: white;}

#newpor:hover  a{	color: #df700d;}



#bgintro {

position:absolute;
	width:980px;
	height:684px;
	overflow: hidden;/* allow content to scroll inside element */
	z-index: 5;
}

/*****     CV  ******/

#cv {
position:absolute;
top: 110px;
left: 150px;
width:520px; 
height:458px;
	
}

#tablecv {
	width: 518px;
	height: 458px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8px;
	color: #969696;
}

#tablecv strong { font-size:11px; color:#c8c8c8;}
				 
*#col1   {width:350px;}
*#col2   {width:100px;}
*#col3   {width:68px; }

td       {vertical-align:top; }

#row1 	 {height:75px;}	

.siguant {
	font-weight: bold;
	color: #df700d;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	z-index: 150;
	letter-spacing: 0.05em;
}

a.siguant {
	color: #969696;
	font-weight: lighter;
	text-decoration: none;
}
a.siguant:hover{
	color: #fff;
}


/*****     NOTICIES  ******/

#noticies {
position:absolute;
top: 88px;
left: 64px;
width:680px; 
height:522px;
overflow: visible;	
color: #CCC;
}

#noticies hr {
border-top: 1px #646464 solid;
border-left: 0px;	
border-bottom: 0px;	
border-right: 0px;	
height:1px;
margin: 0px;
}

.noti {
	/*height: 230px;*/
	overflow: auto;	
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	font-size: 11px;
	
}


.noti a {
	color: #df700d;
	text-decoration: none;
}
.noti a:hover {
	text-decoration: underline;
}

.titnot {
	color: #df700d;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 11.5px;
}
.naranja { color: #df700d; }
.blanc { color: #fff;}
img {border:0;}