/*  
Author: Arnau Pujol Cabarrocas
Author URI: http://analogicemotion.com/
*/

/* Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0px; padding:0px; border:0px; outline:0px; }

a { color:#900; text-decoration:none; outline:none; }

a img, :link img, :visited img { border:0px; }

table { border-collapse:collapse; border-spacing:0px; }

ol, ul { list-style:none; }

:focus { outline:none; }

img { margin:0px; vertical-align:top; }

/* Estructura General */

html,body { 
  margin:0 auto; 
  height:100%; 
  font:normal 10px Verdana, Arial, Helvetica, sans-serif; 
  color:#fff; 
  font-size: 11px;
  line-height:14px; 
  background:#333 url('../image/bg_fons.jpg') top center no-repeat; 
}

p {
  margin:10px 0;
}

a {
  text-decoration:none;
  font-weight:normal;
  color:#66CCFF;
}
a:active { color:#a6c4fc; }
a:hover { text-decoration:underline; }

h1 {
  color:#fff;
  font-size:20px;
  line-height:25px;
  margin-bottom:10px;
}

h2 {
	color:#0099FF;
	font-size:13px;
	line-height:16px;
	margin:11px 0;
}

h3 {
  color:#ccc;
  font-size:10px;
  font-weight:normal;
  margin:3px 0 0;
}

h4 {
  color:#fff;
  font-size:12px;
}

#content_left li {
  margin:0 0 2px 35px;
  font-size:10px;
  line-height:14px;
  list-style-type:disc;
}

table { 
  color:#fff; 
  font-size:10px;
}

tr.fila_senar {
  color:#fff;
  background:#09098e;
}

td { padding:3px; }
td.bold {
  font-weight:bold;
  color:#8badea;
}

/* Formularis */

input {
  font-size:10px;
}

#form_data { width:360px; overflow:hidden; }

div.box {
  padding:10px;
  color:#fff;
  font-size:11px;
  font-weight:normal;
}


div.box input, div.box select, div.box textarea { border:1px solid #3b6e22; color:#333; font-size:11px; }
div.box input { width:210px; vertical-align:middle; }
div.box select { width:214px; }
div.box textarea {width:210px; height:160px; }

div.box label {
  display:block;
  margin-bottom:10px;
  color:#555555;
}

div.box label span {
  display:block;
  float:left;
  padding-right:6px;
  width:110px;
  text-align:right;
  font-weight:normal;
  color: #8badea;
  line-height:14px;
}

.spacer {
  margin-left:120px;
  margin-bottom:10px;
  font-size:11px;
  color:#000033;
}

select { margin-top:10px; }
div.box select { margin-top:0px; }

/* Contenidor */

#container {
  position: absolute; /*Posicionamiento absoluto*/
  top:50%; /*Desde arriba, colocar al 50% de la pantalla*/
  left:50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
  margin-top:-330px; /*Restamos la mitad de alto del SWF para centrarlo verticalmente*/
  margin-left:-451px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
  height:670px;
  width:902px;
}

#main {
  border:1px solid #FFFFFF;
  background:#333;
  height:650px;
  width:900px;
}

#legal {
  height:20px;
  line-height:20px;
  font-size:8px;
  letter-spacing:1px;
  text-transform:uppercase;
  width:100%;
}
#legal a { color:#fff; text-decoration:none; margin:0px 0px 0px 5px; border-left:1px solid #fff; padding:0px 0px 0px 5px; }
#legal a.primer { margin:0px; padding:0px; border:none; }

/* Header */

#header {
  position:relative;
  height:50px;
  width:900px;
  background:url('../image/bg_header.jpg') top left;
  z-index:100;
}

#idiomes {
  position:absolute;
  right:20px;
  top:0px;
  height:50px;
  line-height:50px;
  font-size:8px;  
  letter-spacing:1px;
  z-index:300;
}
#idiomes a, #idiomes a:hover { text-decoration:none; }
#idiomes a.selected { font-weight:bold; color:#fff; cursor:default; }

/* Menu */

#menu {
  position:relative;
  list-style:none;
  height:50px;
  z-index:200;
}

#menu li {
	float:left;
	position:relative;
	margin-right:1px;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#menu li a, #menu li a:visited  {
  display:block;
  float:left;
  padding:0 20px 0 20px;
  height:50px;
  line-height:50px;
  color:#7caeed;
  text-decoration:none;
  overflow:hidden;
}
#menu li ul { display: none;}

/* specific to non IE browsers */

#menu li:hover a {
	color:#fff;
	background:#006;	
}

#menu li:hover ul {display:block; position:absolute; top:50px; left:0; width:150px;}

#menu li:hover ul li { 
  border-top:1px solid #000;
  margin:0; 
  padding:0px; 
  width:138px;
  
}

#menu li:hover ul li a {
	font-size: 10px;
	padding:0px;
	height:30px;
	line-height:30px;
	text-indent:5px;
	color:#7caeed;
	background:#006;
	width:123px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#menu li:hover ul li a:hover {color:#fff;}

#menu li:hover ul li a.hide {background:#6a3; color:#fff;}
#menu li:hover ul li:hover a.hide {background:#6fc; color:#000;}

#menu li:hover ul li ul {display: none;}
#menu li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
#menu li:hover ul li:hover ul.left {left:-105px;}

/* Contingut */

#content {
  position:relative;
  height:500px;
  width:900px;
  background:#006;  
  overflow:hidden;
}

#content_left {
  float:left;
  position:relative;
  height:100%;
  width:450px;
  background:#333;
}

#content_left p { text-align:justify; }

#content_right {
  float:left;
  position:relative;
  height:100%;
  width:450px;
  background:#666;
}

#content p.no_item { text-align:center; padding:30px; font-size:14px; line-height:20px; font-weight:bold }

/* Divs auxiliars */

#legal_div, #credits_div { display:none; padding:20px; }
#video_div { display:none; }
#legal_div h4, #credits_div h4 { margin:0px 0px 10px 0px; border-bottom:1px solid #e3e3e3; padding:0px 0px 3px 0px; color:#333; text-transform:uppercase; }

#legal_div { text-align:left; background:#fff; }

/* Botons */

.botonera { clear:both; float:none; overflow:hidden; width:100%; padding:0px 0px 0px 117px; }
.botonera a{ display:block; float:left; padding:0px 20px; height:24px; line-height:24px; margin-right:10px; text-transform:uppercase; font-weight:bold; font-family:"Trebuchet MS",Verdana,Arial,sans-serif; font-size:11px; }

.botonera a.boto_curt { color:#333; background:#BABAA6; }
.botonera a.boto_curt:hover { color:#333; background:#7A7A6D; text-decoration:none; }

/* Footer */

#footer {
  height:100px;
  width:900px;
  background:#999;
}

.banner_1 {
  float:left;
  height:100px;
  width:300px;
  background:url('../image/banner/banner_1.jpg') no-repeat left top;
}
.banner_1:hover {
  background:url('../image/banner/banner_1_h.jpg') no-repeat left top;
}

.banner_2 {
  float: left;
  height:100px;
  width:300px;
  background: url('../image/banner/banner_2.jpg') no-repeat left top;	
}
.banner_2:hover {
  background: url('../image/banner/banner_2_h.jpg') no-repeat left top;
}

.banner_3 {
  float:left;
  height:100px;
  width:300px;
  background:url('../image/banner/banner_3.jpg') no-repeat left top;
}
.banner_3:hover {
  background:url('../image/banner/banner_3_h.jpg') no-repeat left top;
}