/* BASICOS */
HTML {HEIGHT: 100%;}
BODY {
	HEIGHT: 100%; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
}
/*BODY {
		HEIGHT: 99.60%; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
		border:1px solid #999999;
		scrollbar-base-color: #F8991D;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #ff8800;
	scrollbar-darkshadow-color: #da5d00;
	scrollbar-face-color: #F8991D;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #F8991D;
	scrollbar-track-color: #ffba53;
	 }*/
/* PROMO */	 
#promo { top:0px;  background-color:#FFFFFF; text-align:center;   }
/* SONIDO */
#logoConnecta {float: right; margin-top:1px;}
/* franja naranja */
/*#franjaNaranja {position:absolute; top:24px; left:0px; width:802px; height:349px; background-color:#000000; z-index:1;}
#franjaNaranja1 {position:absolute; top:24px; left:0px; width:802px; height:349px; background-color:#f8981d; z-index:1;}
*/
#franjaNaranja {top:24px; left:0px; width:802px; height:349px; background-color:#000000; overflow:hidden;}
#franjaNaranja1 {top:24px; left:0px; width:802px; height:349px; background-color:#f8981d;}

/* IMAGEN */ 

/*
#imagenCentro {position:absolute; top:24px; left:0px; width:802px; height:349px; z-index:2;}
*/
#imagenCentro {float: left; margin-left:0px; width:802px; height:349px; background-color:#f8981d; border: 1px solid red;}

/* logo */
#legal  {float:left;}
.mailclass   {color:white; text-decoration:none;}

/* seleccion de idioma */
#idiomasLst {float: left; margin-left:0px}
.idiomasLnk1 {font-family:Arial; font-size:10pt; color:#939ba1; text-decoration:none; font-weight:normal;} 
.idiomasLnk1:hover {color:#f8981d;}
.idiomasLnk {font-family:Arial; font-size:12pt; color:#939ba1; text-decoration:none; font-weight:normal;} 
.idiomasLnkSelected {font-family:Arial; font-size:12pt; color:#f8981d; text-decoration:none; font-weight:normal;} 
.idiomasLnk:hover {color:#f8981d;}
/* menu inferior derecha */
/*
menuBasico {
			 position:absolute; bottom:22px; right:0px; z-index:1; 
			 font-family:Arial; font-size:12pt; color:#f8981d; text-decoration:none; font-weight:normal;
			}
*/
#menuBasico {
			 float: right; font-family:Arial; font-size:12pt; color:#f8981d; text-decoration:none; font-weight:normal;
			}
/*legal*/
#legalDiv {float:left; margin-right:15px;}
.legalLnk {font-family:Arial; font-size:10pt; color:#999999; text-decoration:none; font-weight:normal;} 
.legalLnk:hover {color:#666666;}

#tituloLegalDiv {	font-family:arial; 
					color:#FFFFFF; 
					font-size:9pt; 
					font-weight:normal;
					float: left; 
					margin-top:40px; 
					margin-left:36px;
					_margin-left:18px;
				}
#textoLegalDiv  {	clear: left; font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:15px; margin-left:36px; _margin-left:18px; width:600px;
					height:268px; overflow:auto; padding-right:20px; 
				}
#imagenLegalDiv {	float:right; margin-top:130px; margin-right:27px; _margin-right:14px;}


/* CONTACTO */
#textoContactoDiv {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:25px; margin-left:15px; width:310px;
				  }

/*  EMPRESA */
#menuEmpresa {
				float:right; margin-top:10px; font-family:Arial; font-size:9pt; color:#f8981d; text-decoration:none; font-weight:normal;
			 }
.submenuLnk {font-family:Arial; font-size:9pt; color:#999999; text-decoration:none; font-weight:normal;} 		
.submenuLnk:hover {color:#666666;}

/* FILOSOFIA */
#tituloFiloDiv {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:25px; margin-left:15px
				}
#textoFiloDiv  {
					clear:left; font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:134px; margin-left:15px; width:270px;
					height:170px; overflow:hidden; padding-right:20px; 
				}
#imagenFiloDiv { float: right; margin-top:0px; margin-right:0px}


/* OFICINES */

#reticulafotos {	float: left;}



/* DIRECTIUS */
#tituloDirectDiv {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:25px; margin-left:15px;
				}
#textoDirectDiv  {
					clear: left; font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float:left; margin-top:134px; margin-left:15px; width:270px;
					height:170px; overflow:hidden; padding-right:20px; 
				}
#imagenDirectDiv {	float: right; margin-top: 0px; margin-right:0px;}

	
	/* NOTICIES */
#tituloNotDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float:left; margin-top:10px; margin-left:15px; _margin-left:7px; width:780px;
					height:130px; overflow:hidden; 
				}
.noticiasLnk {font-family:Arial; font-size:9pt; color:#939ba1; text-decoration:none; font-weight:bold;} 
.noticiasLnk:hover {color:#f8981d;}
.noticias {font-family:Arial; font-size:9pt; color:#f8981d; text-decoration:none; font-weight:bold;} 
#imagenNotDiv {	position:absolute; top:24px; right:0px; z-index:2; }

/* NOTICIA DETALL */
#tituloNotDetallDiv {
					font-family:arial; color:#f8981d; font-size:10pt; font-weight:bold;
					position:absolute; top:50px; left:15px; width:280px; z-index:2;
				}
#textoNotDetallDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:180px; left:15px; width:280px; z-index:2;
					height:170px; overflow:hidden;  
				}
#imagenNotDetallDiv {position:absolute; top:24px; right:0px; z-index:2; }

/* NEWSLETTER */
#newsletterDiv  {
					font-family:arial; color:#f8981d; font-size:9pt; font-weight:normal;
					position:absolute; top:380px; left:15px; width:280px; z-index:2;
					height:120px; overflow:hidden; 
				}
#divSubWarning { font-family:arial; color:#666666; font-size:9pt; font-weight:normal; }
/* EQUIP */
#imgPetitaDiv { float: left; padding-top:2px; margin-left:0px; width:850px; height:347px; background: #FFFFFF;}
#FotoPersonaDiv {	position:absolute; top:24px; right:0px; z-index:2; }
#textoPersonaDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:185px; left:15px; width:280px; z-index:2;
					height:165px; overflow:hidden; 
				}
#CarrecPersonaDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:230px; left:15px; width:280px; z-index:2;
					overflow:hidden;  
				}
#TornarEquipDiv  {	position:absolute; top:30px; left:250px; z-index:2; }

/*  PROJECTES */
#menuProjectes {
				position:absolute; bottom:160px; right:270px; z-index:61;
				font-family:Arial; font-size:9pt; color:#CCCCCC; text-decoration:none; font-weight:normal;
			 }
.subProjLnk {font-family:Arial; font-size:9pt; color:#999999; text-decoration:none; font-weight:normal;} 		
.subProjLnk:hover {background-color:#f8981d;color:#FFFFFF}
.subProjLnk1 {font-family:Arial; font-size:9pt; color:#FFFFFF; text-decoration:none; font-weight:bold;} 		
.subProjLnk1:hover {color:#f8981d;}
.subProjLnk2 {font-family:Arial; font-size:9pt; color:#f8981d; text-decoration:none; font-weight:bold;} 		
.subProjLnk2:hover {color:#f8981d;}
#SubmenuProjectes {
				float:right; margin-top:10px; margin-right:0px; font-family:Arial; font-size:9pt; color:#f8981d; text-decoration:none; font-weight:normal;
			 }
#SubmenuProjectes2 {
				float: right; margin-top:400px; margin-right:160px;
				font-family:Arial; font-size:9pt; color:#f8981d; text-decoration:none; font-weight:normal;
			 }
#TitolCategDiv {
					font-family:arial; color:#f8981d; font-size:9pt; font-weight:bold;
					position:absolute; top:50px; left:15px; z-index:2;
				}

#llistatClientsDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:250px; left:15px; width:225px; z-index:32;
					height:93px; overflow:auto; padding-right:20px;
				}
.llistatClientsLnk {font-family:Arial; font-size:9pt; color:#FFFFFF; text-decoration:none; font-weight:normal;  } 
.llistatClientsLnk:hover {color:#666666;}

#imgprojectesDiv {	position:absolute; top:140px; left:-18750px; z-index:2;  }

#projecteTextDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:65px; left:15px; width:300px; z-index:2;
					height:165px; overflow:auto; padding-right:20px; 
				}
#projecteDescDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:180px; left:15px; width:280px; z-index:2;
					height:170px; overflow:hidden; 
				}
#ClientDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:160px; left:36px; width:300px; z-index:2;
			}

#NumerosDiv {
					position:absolute; top:380px; left:34px; width:400px; z-index:12;
					font-family:Arial; font-size:10pt; color:#000000; text-decoration:none; font-weight:bold;
			}

.textNumLnk {font-family:Arial; font-size:10pt; color:#666666; text-decoration:none; font-weight:bold;} 
.textNumLnk:hover {color:#000000;}

#projecteImatgeDiv {	position:absolute; top:24px; right:0px; z-index:2; }


/* CLIENTS */
#llistatClientDiv  {
					font-family:arial; color:#FFFFFF; font-size:12pt; font-weight:normal;
					float: left; margin-top:35px; margin-left: 16px; width:770px;
					height: 255px;
				}
.clientsLnk {font-family:Arial; font-size:10pt; color:#FFFFFF; text-decoration:none; font-weight:normal;} 
.clientsLnk:hover {color:#f8981d;}
.clientsLnk:visited {color:#666666;}
.clientsLnk1 {font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; font-weight:normal;} 
.clientsLnk1:hover {color:#666666;}

#imagenFonsCliDiv {	position:absolute; bottom:170px; right:0px; z-index:2; }

/*#nomClientDiv  {
					font-family:arial; color:#f8981d; font-size:9pt; font-weight:bold;
					float: left; margin-top:25px; margin-left:15px; width:270px;
				}
				
#textImgClientDiv  {
					clear: left; font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:30px; margin-left:15px; width:270px;
					}

#textoClientDiv  {
					clear: left; font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					float: left; margin-top:134px; margin-left:15px; width:270px;
					height:170px; overflow:hidden; padding-right:20px; 
				}

#imagenClientDiv {	float:right; margin-top:0px; margin-right:0px;}
*/
#sectionTitle	{clear: left;
				float: left; 
				margin: 0px;
				margin-top:20px; 
				margin-left:15px; 
				_margin-left: 7px;
				width:280px; 
				font-family:arial; 
				color:#f8981d; 
				font-size:9pt; 
				font-weight:bold;
				height: 139px;
				}
#sectionTitle.withBack {
	margin-top: 0px;
}

#sectionTitle a.subProjLnk {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#sectionTitle a.subProjLnk:hover{
	color: #f8981d;
}
#sectionText2	{clear: left;
				float: left; 
				margin-top:20px; 
				margin-left:15px; 
				_margin-left: 7px;
				width:280px; 
				font-family:arial; 
				color:#ffffff; 
				font-size:9pt; 
				font-weight:normal;
				height: 200px;
				}
#sectionText2 a {color:white; text-decoration:none;}

#sectionSubtitle	{clear: left;
					float: left; 
					width:100%; 
					font-family:arial; 
					color:#FFFFFF; 
					font-size:9pt; 
					font-weight:normal;
					}

#sectionText  {clear: left;
				float: left; 
				font-family:arial; 
				color:#FFFFFF; 
				font-size:9pt; 
				font-weight:normal;
				width:280px;
				height:170px; 
				overflow:hidden; 
				margin-left:15px; 
				_margin-left: 7px;
				}
				
#sectionImage	{float:right;
				margin-top:0px; 
				margin-right:0px;
				width: 492px;
				overflow: hidden;
				background-color: #FFFFFF;
				height: 100%;
				text-align: center;
				}
#sectionBack	{float: left;
				height: 20px;
				margin-left: 270px;
				_margin-left: 135px;
				}

#TornarLlistatClientDiv {	position:absolute; top:40px; left:290px; z-index:2; }

#llistatCategClientsDiv  {
							font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
							position:absolute; top:50px; left:36px; width:230px; z-index:2;
				 		 }
#ClientNomDiv  {
					font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
					position:absolute; top:180px; left:36px; width:300px; z-index:2;
			}
			
#projClientTextDiv  {
						font-family:arial; color:#FFFFFF; font-size:9pt; font-weight:normal;
						position:absolute; top:200px; left:36px; width:300px; z-index:2;
						height:165px; overflow:auto; padding-right:20px; 
					}

/* Estilos generales de páginas */
#divPage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 6;
	overflow: hidden;
}

#divOuter {
	height: 100%;
	display: table;
	position: static;
	margin:0 auto; 
	text-align:center;
}

#divMiddle {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
	top: 50%;
	left: 50%;
	.position: absolute; 
	text-align: left;
}

#divContent{
	.position: absolute;
	.top: -275px; 
	left: -401px;
	width: 802px;
	height: 550px;
}

#divSubmenu {
	clear: both;
	float: right;
	width: 100%;
	height: 20px;
}

#divBody {
	clear: both;
	float: left;
	width: 100%;
	height: 479px;
	overflow: hidden;
}

#divImages {
	clear: both;
	float: left;
	width: 100%;
	height: 130px;
}

#divNews {
	clear: both;
	float: left;
	width: 100%;
	height: 130px;
	/*white-space: nowrap;*/
}

#divMenu {
	float: left;
	float: left;
	width: 100%;
}

#divHeader {
	float: left;
	height: 24px;
	width: 100%;
}

/* Estilos relacionados con el visor de imagenes */
#divThumbnail {
	clear: both;
}

.thumbImage {
	height: 50px;
	width:	50px;
	border: 1px solid #F8981D;
	margin: 0px 8px 0px 8px;
	vertical-align: middle;
}

#ulThumbnail	{
		height: 100%; 
		margin: 0px; 
		padding: 0px;
		white-space: nowrap;
		height: 80px;
		float: left;
		list-style: none;
}

#ulThumbnail li	{
		float: left;
		display: table-row;
		_display: inline;
}

a #thumbImage {
		margin: 15px;
		border: 2px solid #F8981D;
		height: 50px;
		width: 50px;
}

a:visited #thumbImage {
		border-color: #CCCCCC;
}


#thumbImage.over {
		margin: 2px 2px 3px 3px;
		height: 75px;
		width: 75px;
}

#ulThumbnail li span.imageContainer {
	display: table-cell;
	_display: block; 
	height: 80px; 
	width: 80px;
}

#divMoveLeft {
	width: 20px;
	float: left;
	margin-top: 10px;
	line-height: 80px;
	text-align: center;
}

.moveArrows {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F8981D;
	text-decoration: none;
}

#divMoveRight {
	width: 20px;
	float: left;
	margin-top: 10px;
	line-height: 80px;
	text-align: center;
}

#divViewArea {
			float: left; width:762px; margin-top: 10px; overflow: hidden; height: 80px;
			display: block; vertical-align: middle; line-height: 80px; position: relative;
}
#motioncontainer{
			float: left; width:762px; margin-top: 10px; overflow: hidden; height: 80px;
			display: block; vertical-align: middle; line-height: 80px; position: relative; max-width: 762px;
}

/*div{
	border: 1px solid red;
}*/

div#cat_value {display: none};