@charset "utf-8"; 

/*****************************************************
 Documento CSS para Proyecta H
 2creativo.net - septiembre 2008
 *****************************************************/




html {  padding:0px;  margin:0px; min-height: 100%; margin-bottom: 1px;  }

body {
  background: #FFFFFF;
  font-size: 1em;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#003366;  
  padding:0px;  margin:0px;
  text-align:center;
  border-top: 7px solid #CC9900;
  
}

#ie {display: none;}




/***************************************************
   Posicionamiento - Centrado de contenidos 
 ***************************************************/


#container-1 {
background: transparent;
  width:700px; 
  text-align: left;

	/* border-top:	  1px solid #003366; */
	border-right: 1px solid #003366; 
    border-left:  1px solid #003366; 
/*	border-bottom:1px solid #003366;  */

  min-height:390px; 
  height:auto;
  margin: 0px auto 0px auto;
}
  



/***************************************************
   ESTILOS GENERALES
 ***************************************************/


a {outline:0;}
a:link, a:visited { padding: 1px 1px 0px 1px; text-decoration: underline; color:#003366;}
a:hover {text-decoration:none; color:#003366; border-bottom: 1px dashed #003366; }
a:active {background: #003366; text-decoration:none; color:#e8e8e8;}
a:focus, a:active {outline: none; /* @ Firefox 1.5, remove ugly dotted border */}

.acceskey {text-decoration:underline}

.title { display:none; }

.left {float: left; clear:both; padding:5px 15px;}
.right { float: right; clear:both; padding:5px 25px 5px 15px;}

.l {float: left; padding:5px 15px;}
.r {float: right; }

.bold 	{font-weight:bold}
.italic {font-style:italic}

.red {color:#CC0000; /* text-decoration:blink; */ }
.gris { color:#999999 }

.carg {background: transparent url("files/loading.gif") no-repeat center; } 

img.left {  padding:5px 15px; clear:both }
img.right {  padding:5px 25px 5px 15px; clear:both}
img {border:none}
 
.reduce { font-size: smaller}  

.contacto {float: right; border-left:#336699 1px solid; margin-left:30px}

.borde { border: #666666 solid 1px; padding:0 }
.pad { margin:5px}

.nones {display:none }




.intro { text-align:center; 
  font-size:1.4em; /* font-stretch: extra-expanded;  */
/*  font-family: Georgia, "Times New Roman", Times, serif; */
  font-family:Geneva, Arial, Helvetica, sans-serif;
  clear: both; padding: 0px 0px 0px 0px; border:0;
  margin: 0 0 25px 0; font-weight: bold; color:#003366;
}

		 

.arriba a:link,  .arriba a:visited, .arriba a:active {
	margin: 25px 0 0 -40px; 
	background: transparent url("files/flecha_up.gif") 1px 0px no-repeat; 
	text-decoration:none; 
/*	border: 1px solid #003399; */
/*	background:#999999; */
	padding: 5px 0px;
}
	

.arriba a:hover { text-decoration:underline; border-bottom:0; 	background: transparent url("files/flecha_up.gif") 1px -3px no-repeat; }



.franjaintro {
background-color:#003366;
width: 100%; 
height: 442px;
position:absolute; 
left:0; top: 165px;
z-index:-10;
}
 
.fotofranjaintro {
padding: 5px 0px 0px 0;
margin: 0px auto 45px auto;
width: 100%; clear:both; display:block;
height: 390px;
/*    background: url(files/m_i_05.jpg) no-repeat ;
	height: 370px; width: 615px;
*/	
}
 
 
.franja {
background: #003366 /* url(files/loading.gif) center center no-repeat*/; 
width: 100%; 
height: 235px;
position:absolute; 
left:0; top: 165px;
z-index:-1;
}
 
.fotofranja {
padding: 5px 0px 0px 0;
margin: 0px auto 15px auto;
width: 100%; clear:both; display:block;
	height: 207px;
}
  
 
  
 
/***************************************************
   Estilos MENU
 ***************************************************/

#menu {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.75em;
    list-style: none; 
    margin: 2px 10px 0 10px;
    padding: 0px 40px 0px 0px;
	/* text-align:center; */
    font-weight:bold; 
	float: right;
 	/* border: 1px solid #FF0000; */
}

#menu li {
    float: left;
    margin: 0 0 0 10px;

}


#menu a {		
/*	padding: 8px 8px 8px 8px; */
    text-decoration: none; border:none;
/*    text-transform: uppercase; */
/*    color: #CCC;  */
}

#menu a:focus, #menu a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}

#menu a:focus, #menu a:active, #menu .on a {
 /* background: #003366 /* url(files/menu_tab_active.gif) no-repeat bottom center*/;
  color:#eee;
}
#menu .on a {
 padding: 8px 10px 5px 8px;
/*    padding-bottom: 2px; */
    font-weight: bold;
}
#menu a:hover  {
 /*  background:  url(files/menu_tab.gif) no-repeat bottom center */; 
  color: #999900; 
}

#menu .on a:link, #menu .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#menu a:hover, #menu a:focus, #menu a:active {
    cursor: pointer;
}

 
 
/***************************************************
   Estilos MENU IDIOMA
 ***************************************************/

#container-3 {
	background: transparent;
  	width:700px; 
  	text-align: left;
	/* border-top:	  1px solid #003366; */
	/* margin: 0px auto 40px auto; */
	z-index: 3;
	margin: 0px auto 0px auto;

} 

#miniflex {
	clear: both; 
	padding: 0px 0px 0 0;
	font-size: 0.75em;
	position:absolute;
	margin: 2px 0px 0 550px;
/*	border: 2px solid #993300; */
}


#miniflex22 {
	clear: both; 
	padding: 0px 0px 0 0;
	font-size: 0.75em;
	position:absolute;
	margin: -8px 0px 0 500px;
/*	border: 2px solid #993300; */
}



#miniflex li {
/*	float: right; */
	margin: 0; 
	padding: 0 ;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
/*	float: left; */
/*	font-size: 85%; */
	line-height: 20px;
	font-weight: bold;
	margin: 0 6px 0 6px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, 
#miniflex a.active:visited, 
#miniflex a:hover {
	border-top: 8px solid #CC9900;
	padding-top: 0px;
	color: #003366; 
	}

#miniflex acronym {text-decoration:none; border:0;}
 
 
 
 
 
/***************************************************
   CABECERA - HEADERs
 ***************************************************/

.fotos { 
height: 150px; width:630px;
padding:0 0 0 70px; 
position:absolute; z-index:0;
float: right; 
}


.logos {font-family:Georgia, "Times New Roman", Times, serif; 
		margin: 0 0 0 0; padding: 28px 0 0 45px; clear:both; display:block; border:none; }

.logos a:hover {text-decoration:none; border:0;}



/**********************************************************
   Estilo caja contenidos
**********************************************************/
#inicio, #trabajamos, #servicios, #contacto, #legales,
#inici, #treballem, #serveis, #contacte, #legals,
#home, #works, #services, #contact, #legal 
 { 
	text-align:left;
    padding: 0px 10px 10px 45px; font-size: 0.85em;
}


.contenidos {
    padding: 0px 10px 0px 10px;
	height: auto; 
	/* max-height:inherit; */
	margin-top: 37px;
	}

.contenidos p {  
font-weight: normal; padding: 0px 40px 14px 8px; 	}


.contenidos ul, .contenidos ol  {
	margin: 8px 40px 20px 15px;  

/*  padding-bottom: 10px; */
  }

.contenidos li {

list-style-type: none; 
background: transparent url("files/flecha_1.gif") -2px 10px no-repeat; 
/*  list-style-image: url(files/flecha_1.gif) ; */
  padding: 5px 8px 8px 15px; }



h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited 
h1 a:hover {text-decoration:none; /* border:none; */ }

h1, h2 {
  font-family:Geneva, Arial, Helvetica, sans-serif;
/*  font-family:Georgia, "Times New Roman", Times, serif;  */
  clear: both;  padding: 20px 0px 1px 8px;
  margin: 0 30px 25px 0;  font-weight: bold; color:#003366;
/*   line-height: .82em; */

}  


h3, h4 {
  font-family:Geneva, Arial, Helvetica, sans-serif;
/*  font-family:Georgia, "Times New Roman", Times, serif; */
  clear: both;  padding: 10px 0 0 8px;
  margin: 10px 30px 25px 0 ;  font-weight: bold; color: #336699;

} 


h1 {  font-size:180%;  border-bottom: 2px solid #CC9900;
}
 
h2 {  font-size: 150%;  border-bottom: 1px solid #CC9900;
}

h2.no {display:none}

h3 {  font-size: 130%; margin-bottom:10px; 
  }
  
  
  
  
/***************************************************
   Estilo PIE PAGINA - FOOTER
 ***************************************************/

#container-2 {
	background: transparent;
  	width:700px; 
  	text-align: left;
	/* border-top:	  1px solid #003366; */
	border-right: 1px solid #003366; 
    border-left:  1px solid #003366; 
	border-bottom:1px solid #003366;  
	margin: 0px auto 40px auto;
} 
 
 
#footer { 
	clear: both; bottom:0; 
	margin: 0px 0px 0 0;
	padding: 0px 0px 0 0;
	text-align: left; 
	font-size: 0.70em;
/*	color: #666666;  */
	color:#666699;
	bottom:-5px;
/*  border-top: 2px solid #CC9900; */
/*	background-color: #996600; */
}

.textmiddle {vertical-align:middle;} 

#footer a:link    {text-decoration:none; padding:0 4px; color:#6699CC 	/* color:#000; */ }
#footer a:visited {text-decoration:none; padding:0 4px; color:#6699CC		/* color:#000; */ }
#footer a:hover   {background:#6699CC ; border-bottom: 0; text-decoration:none; color:#000 /* color:#CCCCCC; */}



/***************************************************
   NAVEGACION PESTAÑAS ACCESIBLE
 ***************************************************/

@media projection, screen { 
/* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { 
/* mantener accesibilidad  */
    .contenidos {
        display: block !important;
        height: auto !important;
       /* opacity: 1 !important; */
    }
}


/*****************************************************
 Documento CSS para Proyecta H
 2creativo.net - septiembre 2008
 *****************************************************/