@charset "utf-8";
/* CSS Document */

/* PRELOAD */

.QOverlay {
	background-color: #fff;
	z-index: 9999;
}

.QLoader {
	background-color: #113;
	height: 2px;
}

.QAmt {
	color:#113;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -30px;
}

#empresa_curt {
position: relative;
top:0px;
left: 0px;
font-size:75px;
line-height:65px;
font-family: 'Arial Narrow', sans-serif;
z-index: 1;
}
#empresa_sombra {
position:absolute;
top: 2px;
left: 2px;
font-size:75px;
line-height:65px;
font-family: 'Arial Narrow', sans-serif;
color:#888;
z-index: 0;
}
#empresa_llarg {
position: relative;
top:10px;
left: 0px;
font-size:15px;
font-family: 'Arial Narrow', sans-serif;
line-height:15px;
z-index:5;
}





#load_curt {
	position: relative;
	top: 50px;
	margin-left: auto;   margin-right: auto;   
	width:200px;
	height:120px;
	font-family: 'Arial Narrow', sans-serif;
}

#load_llarg {
	position: relative;
	top: 50px;
	margin-left: auto;   margin-right: auto;   
	width:310px;
	height:180px;
	font-family: 'Arial Narrow', sans-serif;
}





/* *********************** */

/*  GRUP SEMAC  CSS            */

/* *********************** */


*{
	border:0px ;
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

html,body,#bg,#bg table,#bg td{
	width:100%;
	height:100%;
	overflow: hidden;
}

body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	cursor:default;
	color:#215;
}

a {
	outline:0;
}

/* ********** imatge fons *************/

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%; z-index:-100;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

/* *********************** */

/*  LOGOS ENTRADA CSS        */

/* *********************** */

#grup {
	position:absolute;
	top: 180px;
	left: 50%;
	margin-left: -50px;
	
display:none;
}

#idiomes_grup {
	position:absolute;
	top:20px;
	right:50%;
	width: 140px;
	height:50px;
	display:none;
   margin-right: -70px;   

z-index:100;

}

#fills {
	position:absolute;
	top: 305px;
	left: 50%;
	width:800px;
	height:110px;
	margin-left: -400px;
/* 	border: 1px solid red;
 */

}
.logo {
	float:left;
padding:0px 20px 0 20px; /* top right bottom left*/
}

#semac { display:none; }
#under { display:none; }
#tecnur { display:none; }
#tesad { display:none; }

#semac_text, #under_text, #tecnur_text, #tesad_text   {
font-family: 'Arial Narrow', sans-serif;
font-size:15px;
line-height:15px;


display:none;
}
#semac_text   {
	position:absolute;
	top: 400px;
	left: 50%;
	width:200px;
	margin-left: -400px;
}
#under_text   {
	position:absolute;
	top: 400px;
	left: 50%;
	width:200px;
	margin-left: -200px;
}
#tecnur_text   {
	position:absolute;
	top: 400px;
	left: 50%;
	width:200px;
	margin-left: 0px;
}
#tesad_text   {
	position:absolute;
	top: 400px;
	left: 50%;
	width:200px;
	margin-left: 200px;
}
.ocult { display:none; }
.blanc { color:#FFF; }








.oculta {
	display:none;
}

/* ******************* */

/*   GENERIC           */

/* ******************* */


.explica {
	position:absolute;
	bottom:45px;
	height:200px;
	width:350px;

/* * /	border: 1px solid blue; / * */
	padding:0px 5px 0px 15px; /* top right bottom left*/

	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#003;
	line-height:16px;
	text-align:left;
	
	
	vertical-align: text-bottom;

}
.explica p{
	bottom:0;
	position:absolute;
	
}



/******************************/

/*  presentacio  moviment     */

/******************************/


#entrada {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:1px solid black;
	background:#fff;
	z-index:5000;
}
#entrada img {
	position:absolute;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	margin-left:-20px;
	margin-top:-20px;
}
	
#titol {
	position:absolute;
	top:1000px;
	right:90%;
/*	left:200px;
*/	width:400px;
	height:400px;
	z-index:5001;
/*	border: 1px solid red;
*/	
}
#subtitol {
	position:absolute;
	top:350px;
	right:-1500px;
	z-index:5001;
	width:500px ;
	height:100px ;
	font-family: 'Arial Narrow', sans-serif;
	font-size:30px;
	line-height:25px;
}
#subtitol1 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5001;
}
#subtitol2 {
	position:absolute;
	top:2px;
	left:2px;
	z-index:5000;
	color: #888;
}
#subtitol img {
	width:100%;
	height:100%;
}




/******************************/

/*  MENU                      */

/******************************/



#barra_sup { 
position:absolute; 
top: 20px; 
left: 0px; 
right: 0px;
height: 70px; 
z-index:10;

/* * /
border: 1px solid red;
/ * */
}
/* */
#logo {
position:absolute; 
top:0px; 
left:10px; 
width:120px;
height:75px;
/* * /border: 1px solid black;
/ * */
}
#ona {
position:absolute; 
top:0px; 
left:120px; 
width:65px;
height:75px;
/* * /border: 1px solid black;
/ * */}

#navega {
position:absolute; 
top:0px;
left:185px;
right: 0px;
height:75px;
padding:0px 0 0 0px;
}
#navega img {
	width: 100%;
	height:100%;
}



.niv_1 {
	position:absolute;
	top: 20px;
	left: 180px;
	width: 80px;
/*
border: 1px solid red;
*/
}

.tecnur_2 {
	position:absolute;
	top: 20px;
	left: 260px;
	width: 135px;

}

.semac_2 {
	position:absolute;
	top: 20px;
	left: 260px;
	width: 80px;

}

.under_2 {
	position:absolute;
	top: 20px;
	left: 260px;
	width: 160px;

}

.tecnur_3 {
	position:absolute;
	top: 20px;
	left: 395px;
	width: 145px;

}

.semac_3 {
	position:absolute;
	top: 20px;
	left: 350px;
	width: 200px;

}

.under_3 {
	position:absolute;
	top: 20px;
	left: 420px;
	width: 250px;

}

.tecnur_41 {
	position:absolute;
	top: 20px;
	left: 470px;
	width: 230px;

}

.tecnur_4 {
	position:absolute;
	top: 20px;
	left: 500px;
	width: 230px;

}



.menu {	
	z-index:20;
/*	border:none;
*/	
}
.menu a:link, .menu a:visited, .menu a:active {
/*	position: relative;
	left: 0px;
*/	
	display:block;
	width: 100%;
	color:#aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	line-height:12px;
	text-decoration:none;
	border:none;
}
.menu a:focus {
/*width:0px;height:0px;
*/outline:0px;
}
.menu a:hover,  .menu a.actiu, .menu a.selected {
	color:#fff;
	border:none;
}



/******************************/

/*  LATERAL       */

/******************************/



.lateral {
	position: absolute;
	top: 0px;
	right:20px;
	width:400px;
	bottom:0px;
}
.lateral img {
	position: relative;
	right: 0px;
}


#content {
	position:absolute;
	top:0px;
	left:0px;
/* * /	border: 1px dashed red;
/ * */
}

#p_inici {
position:absolute;
top:0px;
left: 0px;
bottom: 0px;
width:400px; 
color:#215;
font-family: 'Arial Narrow', sans-serif;
/*	border: 1px dashed blue;
*/
}
#idiomes {
position: absolute;
top: 35px;
right: 120px;
width: 170px;
height: 40px;
z-index:1000;
}
#idiomes img {
float:left;
width:40px;
height:40px;
padding:0px 10px 0 0px; /* top right bottom left*/
/*border: 1px solid green;
*/
}




#inici_curt {
position:absolute;
top:110px;
left: 100px;
font-size:75px;
line-height:65px;
}

#inici_llarg {
position:absolute;
top:110px;
left: 50px;
font-size:75px;
line-height:65px;
}



#descript_curt {
	position: absolute;
	top:250px;
	left:0px;
	width:400px;
	height:400px;
	z-index:0;
	font-style:italic;
	font-size:22px;
	line-height:25px;
	text-align:center;
/*	vertical-align: text-bottom; 
	border: 1px solid red; */
}

#descript_llarg {
	position: absolute;
	top:300px;
	left:0px;
	width:400px;
	height:400px;
	z-index:0;
	font-style:italic;
	font-size:22px;
	line-height:25px;
	text-align:center;
/*	vertical-align: text-bottom; 
	border: 1px solid red; */
}








#base_vds {
position:absolute;
top:0px;
left: 0px;
width:400px; 
height:20px;
background:#fff;
opacity:0.6;
filter:alpha(opacity=60);
padding:0px 0 0 0px; /* top right bottom left*/
}
#base_titol {
position:absolute;
top:20px;
right: 0px;
width:400px; 
height:75px;
/* */
}
#base_titol p {
	position:absolute;
	top:25px;
	right:0px;
	color:#fff;
font-size:18px;
font-weight:bold;
text-align:right;
/* 
border: 1px solid red;
 */
}
#base_titol img{ position:absolute; right:0px; width:300px; top: 25px; z-index:99999;  
/*border: 1px solid red;
*/
}

#base_vdi {
position:absolute;
top:95px;
left: 0px;
/*
height:20px;
*/
bottom:0px;
/* */
width:400px;

background:#fff;
opacity:0.6;
filter:alpha(opacity=60);
padding:0px 0 0 0px; /* top right bottom left*/
/* * / border: 1px solid green;
*/
}

/*  *************** scroll *************/

#ajustable { 
	position:absolute;
	top: 0px;
	left:0px;
	right:0px;
	bottom:1px;
	overflow: auto;
/* * /
	border: 1px solid red; 
/ * */}


#text_n1 {
	position:absolute;
	top:30px;
	left:30px;
}

#text_vdl {
position:absolute;
top:100px;
right:5px;
width:390px;
bottom: 10px;
color:#005;
font-size: 12px;
/* * /
	border: 1px solid black; 
/ * */
}


.menulateral {
/*	position:absolute;
	top:0px;
	left:300px;
	padding: 10px 10px 0 0;
/ * * /	border: 1px solid black; 
/ * */
position:absolute; top:0; right:0px;  margin-left:1px; 
}
.menulateral img {
padding: 0px 0px 5px 0px; /* top right bottom left*/
}




/* **************************************************************************** */

/*                           fitxers esterns caracteristiques tecniques          */

/* **************************************************************************** */


.caracteristiques table {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#003;
	line-height:16px;
	vertical-align: top;
	

}

.caracteristiques table td{
	padding: 10px;
	vertical-align:top;
}

.caracteristiques table ul li{
	padding:0px 0px 10px 0px; /* top right bottom left*/
}









/* **************************************************************************** */

/*                           galeria                          */

/* **************************************************************************** */

.loading {
	width:80px; height:60px;
	background: #fff url(../images/loader.gif) center center no-repeat;
 }



/********* galeria ********/

#galeria {
	display:none;
	position: absolute;
	bottom: 25px;
	left:20px;
	right:450px;
	height:70px;
/*	border: 1px solid blue; */
}

/*  ********************************* */

/*           fitxer extern       */

#gal_fotos_ext {
	/*	display:none; */
position:absolute;
	top:0px;
	left: 0px;
	right:0px;
	height:65px;
	/* * /  
border: 1px solid red;
/ * */


}

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */



/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 45px;
	width: 45px;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/small_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 2000;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	min-width: 45px;
	width: 45px;
	height: 100%;
	z-index: 2000;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize;

	background-image: url(../images/arrow_left.gif);				
	background-color: #106;
	background-repeat: no-repeat;
	opacity: 0.5; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.5; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 45px;
	width: 45px;
	height: 100%;
	background-image: url(../images/small_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 2000;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	min-width: 45px;
	width: 45px;
	height: 100%;
	z-index: 2000;
	right: 0;

	background-image: url(../images/arrow_right.gif);
	background-color: #106;
	background-repeat: no-repeat;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;

}
div.scrollableArea a
{
	padding: 0px 5px;
/*margin: 0px 10px 0px 0px;
/ *		padding: 0px 5px;
*/

}
div.scrollableArea img
{
border: 1px solid #003;
/*margin: 0px 10px 0px 0px;
/ *		padding: 0px 5px;
*/

}


#makeMeScrollable
{
	width:100%;
	height: 62px;
	position: relative;
}

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	float: left;
	margin: 0;
/*		padding: 0px 5px;
*/
}