/* CSS Document */
body{
	margin:0;
	background-color:#C6DDFF;
	background-image:url(../img/bg2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}
a{
	text-decoration:none;
	color:#555;
}
a:hover{
	color:#333;
}

h3{
	font-size:16px;
	font-weight:bold;
}
.tool{
	cursor:pointer;
}
.carga{
	width:100%; 
	height:1000px; 
	overflow:hidden; 
	position:absolute; 
	background-color:#DDEBFF; 
	z-index:999;
	opacity:.97;
	filter:alpha(opacity=97);
	margin-left:0;
	*margin-left:-500px;
	*width:3000px;
}
.contenidor{
	width:800px; 
	height:auto; 
	margin:0 auto;
}
.header{
	width:800px; 
	height:80px; 
	float:left;
}
.logo{
	width:369px; 
	height:73px; 
	background-image:url(../img/logo.png); 
	margin-left:40px; 
	margin-top:10px; 
	float:left;
}
.idiomes{
	width:114px; 
	height:auto; 
	float:right; 
	margin-right:30px; 
	margin-top:-3px;
}
.botiga{
	float:right; 
	height:30px; 
	width:100px;
	background-position:top;
	margin-top:40px; 
	margin-right:-100px;
}
.botiga:hover{
	float:right; 
	height:30px; 
	width:100px; 
	background-position: bottom;
	margin-top:40px; 
	margin-right:-100px;
}
.botigaNav{
	height:30px;
	width:100px;
	position:absolute;
	background-image:url(../img/botigaNav.png);
	background-position:0px;
}
.botigaNav2{
	height:30px;
	width:100px;
	position:absolute;
	background-image:url(../img/botigaNav2.png);
	background-position:0px;
}
.cont-menu{
	width:800px; 
	height:auto; 
	float:left;
	margin-top:-30px;
	*margin-top:0px;
}
.marge-menu{
	margin:0 auto; 
	margin-left:0px;
}
.marge-menu a{
	text-decoration:none;
	color:#FFFFFF;
}
.marge-menu a:hover{
	color:#333;
}
.menu{
	background-image:url(../img/bg-menu-un.gif); 
}
.menu-sel{
	background-image:url(../img/bg-menu.gif); 
}

.main{
	width:800px; 
	height:auto; 
	border:3px #FF9900 solid;
	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-khtml-border-rdius:10px;
	-webkit-border-radius:10px;
	float:left;
	margin-top:-2px;
	background-color:#DDEBFF;
}
.contingut{
	height:auto; 
	width:780px; 
	float:left;
	padding:10px;
	overflow: hidden;
	z-index:2;
	position: relative;
}
.loader{
	width:220px;
	height:19px;
	margin:200px auto;
	*margin:200px 700px;
	margin-bottom:200px;
	background-image:url(../img/ajax-loader.gif);
}
.footer{
	width:800px; 
	height:21px; 
	float:left; 
	background-color:#FF9900;
	font-size:18px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.footer-ref{
	float:left; 
	width:806px; 
	height:24px; 
	background-image:url(../img/footer.gif); 
	margin:2px auto;
}
.sel{
	width:54px; 
	height:28px; 
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	vertical-align:middle;
	text-align:center;
	float:left;
}
.sel:hover{
	width:54px; 
	height:28px; 
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	text-align:center;
	float:left;
	background-image:url(../img/sel.png);
}
.sel-active{
	width:54px; 
	height:28px; 
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	vertical-align:middle;
	text-align:center;
	float:left;
	background-image:url(../img/sel.png);
}

/* jcarousel */
.main-ul{
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.main-li{
	float: left;
	list-style: none;
	width: 100%;
	height: auto;
	padding-right:10px;
}


/*******************************************************
**------------------- CSS: EXTRAS --------------------**
*******************************************************/

/* Tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }

/* Tabs */

 /* nav1 */
      #nav1 {
        height: 3.2em;
        overflow: hidden;
        padding: 0 7px;
        float: left;
        list-style: none;
        position: relative;
		top:12px;
		*top:0px;
		left:20px;
		*left:-15px;
      }
      #nav1 li, #nav1 li a {
        position: relative;
        float: left;
      }      
      #nav1 li { top: 15px; margin: 0; background: none; padding: 0; margin-right:2px; }
      #nav1 li a {
        display: block;
        padding: 0em 0.4em;
        background: url(../img/bg-menu.gif) 0 0;
		border:1px #FFF solid;
		border-bottom:4px #FF9900 solid;
		color:#FFF;
		font-weight:bold;
		vertical-align:middle;
		font-size:16px;
        text-decoration: none;
        height: 26px;
      }
	  
	  
/* MAP */

.mapaGran{
	width: 750px; 
	height: 480px; 
	border:1px #FF9900 solid; 
	top:10px;
}
.mapa{
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	opacity:.9;
	filter:alpha(opacity=90);
	border-radius:7px;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	float:right;
	padding:10px;
	margin-top:-130px;
	margin-right:30px;
	position:relative;
	z-index:500;
	font-size:16px;
	font-weight:bold;
}

#simplemodal-overlay {
	background-color:#000; cursor:wait;
}
#simplemodal-container {
	height:400px; 
	width:500px; 
	background-color:#fff; 
	border:3px solid #ccc;
	-moz-border-radius-topleft:50px;
	-moz-border-radius-bottomright:50px;
	-webkit-border-top-left-radius:50px;
	-webkit-border-bottom-right-radius:50px;
	
}
a.modalCloseImg {background:url(../img/close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}

.formulario{
margin:0;
}
.textContactar{
	width:400px;
	height:220px;
	background-color:#EEE;
	border:2px #CCC dashed;
}
.nomContactar{
	width:100px;
	height:15px;
	background-color:#EEE;
	border:2px #CCC dashed;
}
.enviarContactar{
	width:100px;
	height:25px;
	background-color:#EEE;
	border:2px #CCC dashed;
}

.foto{
	float:right; 
	border:2px #FF9900 solid;
	margin-top:-15px; 
	*margin-top:0px;
	height:300px; 
	width:400px; 
	background-image:url(../img/1.jpg);
	/* Generic (Estandard) */
	border-top-left-radius:30px;
	border-top-right-radius:7px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:0px;
	/* Mozilla (Gecko) */
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:30px;
	-moz-border-radius-bottomleft:0px;
	/* Chrome & Safari (Webkit) */
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:30px;
	-webkit-border-bottom-left-radius:0px;
}
.foto2{
	float:left; 
	border:2px #FF9900 solid;
	margin-top:5px; 
	*margin-top:2px;
	height:191px; 
	width:372px; 
	background-image:url(../img/3.jpg);
	/* Generic (Estandard) */
	border-top-left-radius:30px;
	border-top-right-radius:0px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:0px;
	/* Mozilla */
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:30px;
	-moz-border-radius-bottomleft:0px;
	/* Chrome & Safari */
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:30px;
	-webkit-border-bottom-left-radius:0px;	
}

/*  Fotos servei tecnic */
.foto3{
	float:right; 
	border:2px #FF9900 solid;
	height:420px; 
	width:247px; 
	background-image:url(../img/4.jpg);
	background-position:bottom;
	/* Generic (Estandard) */
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:30px;
	/* Mozilla */
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:30px;
	/* Chrome & Safari */
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:30px;	
}
.titol3{
	*float:right;
	width:247px; 
	height:56px; 
	background-color:#FF9900; 
	border:2px #FF9900 solid;
	text-align:center;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	padding-top:6px;
	/* Generic (Estandard) */
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	/* Mozilla */
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	/* Chrome & Safari */
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
}

.foto4{
	float:left; 
	border:2px #FF9900 solid;
	margin-top:5px; 
	*margin-top:2px;
	margin-left:3px;
	height:250px; 
	width:500px; 
	background-image:url(../img/5.jpg);
	/* Generic (Estandard) */
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:0px;
	/* Mozilla */
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:30px;
	-moz-border-radius-bottomleft:0px;
	/* Chrome & Safari */
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:30px;
	-webkit-border-bottom-left-radius:0px;	
}

.listas{
	float:none;list-style: circle;width: auto;height: auto;	
}

.flipBox{
	border:10px #B7D3FF solid;
	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#parent li{
	background: #B7D3FF;
	padding: 10px;
	color: white;
	overflow: hidden; 
	display: block; 
	float: left; 
	height: 350px; 
	width: 500px;
	background-position:center; 
	background-repeat:no-repeat;
	border:5px #B7D3FF solid;
}
div.thumb{
	width:58px;
	height:58px;
	text-align:center;
	background-color:#B7D3FF;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:1px;
	margin-right:1px;
	margin-top:2px;
	float:left;
}
div.thumb:hover{
	width:56px;
	height:56px;
	text-align:center;
	background-color:#B7D3FF;
	background-repeat:no-repeat;
	background-position:center;
	border:1px #F90 solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:1px;
	margin-right:1px;
	margin-top:2px;
	float:left;
	cursor:pointer;
}

.wslide-wrap{
	margin: 0pt; 
	padding: 0pt; 
	overflow: hidden; 
	position: relative; 
	text-align: left; 
	height: 350px; 
	width: 500px;
	border:5px #B7D3FF solid; 
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}

#myController span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide{}

#myController span.jFlowSelected {
background:#F00;
}


.jFlowPrev, .jFlowNext{
cursor:pointer;
}

.contenidoSlider{
	width:780px; 
	height:500px;
}


.topValues{
	background-color:#B7D3FF;
	width:400px; 
	height:120px; 
	float:right; 
	border:2px #F90 solid; 
	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}
	.topValues .pdfIcon{
		float:right; 
		width:108px; 
		height:89px; 
		background-image:url(../img/pdficon.gif);
		margin-top:15px;
		margin-right:10px;
	}
	.topValues .titol{
		float:left; 
		color:#333; 
		margin-left:70px;
		margin-top:5px;
	}
	.topValues .select{
		float:left;
		margin-left:20px;
	}
		.topValues .select select{
			border:1px #F90 solid;
			background-color: #C6DFFF;
			border-radius:10px;
			-ms-border-radius:10px;
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
			width:220px;
			height:25px;
			padding-left:10px;
			padding-right:10px;
		}
		
.imgOferta2{
	background-color:#B7D3FF;
	width:404px; 
	height:365px; 
	float:right; 
	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top:10px;
}
	.imgOferta2 .titol{
		float:left;
		margin-left:20px;
	}
	.imgOferta2 .caduca{
		float:right;
		margin-right:20px;
	}
	.imgOferta2 .imatge{
		width:384px;
		height:320px;
		margin:10px auto;
		/*background-color:#666;*/
		background-position:center;
	}
.imgOferta{
	display:none;
}

.llistatOfertes{
	float:left; 
	width:365px; 
	height:500px; 
	overflow:hidden;
	color:#333;
	font-size:17px;
}
	.llistatOfertes .titolOfertes{
		float:left; 
		width:365px; 
		height:30px;
		font-size:18px;
	}
		.llistatOfertes .titolOfertes .nom{
			float:left;
			margin-left:40px;
		}
		.llistatOfertes .titolOfertes .caduca{
			float:right;
			margin-right:40px;
		}
	.llistatOfertes .item1{
		float:left; 
		width:365px; 
		height:30px;
		border-radius:10px;
			-ms-border-radius:10px;
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
		background-color:#B3CAFF;
		margin-top:2px;
		cursor:pointer;
	}
	
	.llistatOfertes .item2{
		float:left; 
		width:365px; 
		height:30px;
		border-radius:10px;
			-ms-border-radius:10px;
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
		background-color: #B7DEFF;
		margin-top:2px;
		cursor:pointer;
	}
	
	.llistatOfertes .nomOferta{
		padding-top:4px;
		float:left;
		margin-left:20px;
	}
	.llistatOfertes .caducaOferta{
		padding-top:4px;
		float:right;
		margin-right:20px;
	}

.subcontractacioLlista{
	width:230px;
	padding-top:10px;
	padding-bottom:10px;
	color:#EEE;
	font-size:18px;
}
.subcontractacioDiv{
	width:776px; 
	background-color:#F90; 
	border:2px #F90 solid; 
	height:280px; 
	border-radius:20px; 
		-ms-border-radius:20px;
		-moz-border-radius:20px; 
		-khtml-border-radius:20px;
		-webkit-border-radius:20px; 
	background-image:url(../img/subcontractacio.gif); 
	background-position:right; 
	background-repeat: no-repeat; 
	margin-top:65px;	
}
.consultoriaDiv{
	float:left; 
	width:330px; 
	height:495px; 
	background-image:url(../img/consultoria.jpg); 
	border:2px #F90 solid; 
	-khtml-border-radius:20px;

	
	/* Generic (Estandard) */
	border-top-left-radius:30px;
	border-top-right-radius:0px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:0px;
	/* Mozilla */
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:30px;
	-moz-border-radius-bottomleft:0px;
	/* Chrome & Safari */
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:30px;
	-webkit-border-bottom-left-radius:0px;	
}