/* Hoja de estilos CSS para ARTROPIA  */

body{
margin:0px;
}


abbr,acronym {
	text-decoration:underline;
			border: none;
			cursor: help;
		}


div#centradiv  {
    position: absolute;
     top: 0%;
     left: 50%;
    text-align: center;
     margin-top: 0px;
     margin-left: -488px; 
}

#container{ 
   position: absolute;
     top: 0%;
     left: 50%;
    text-align: center;
     margin-top: 0px;
     margin-left: -488px; 
	}
	
	
div#cabecera  {
width: 61em; 
height: 10.2em;  
margin-left: auto; 
margin-right: auto;
}
div#info  {
width: 61em; 
height: 19.3em;  
margin-left: auto; 
margin-right: auto;
}
div#pie  {
width: 61em; 
height: 5em;  
margin-left: auto; 
margin-right: auto;
}



div#contenido {
	position:absolute;
	width:976px;
	height:496px;
	z-index:1;
	margin-left: auto; 
	margin-right: auto;
}

.juan_martin{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-style: normal;
font-weight:bold;
color:#000000;
}

.garcia{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-style: normal;
font-weight:bold;
color:#505050;
}

#mapa {
	position:absolute;
	width:19.13em;
	height:12.44em;
	z-index:10;
	left: 591px;
	top: 193px;
}

#foto_estudio {
	position:absolute;
	width:19.13em;
	height:12.44em;
	z-index:10;
	left: 591px;
	top: 193px;
}

.direc_negro{
font-family: Arial, Helvetica, sans-serif;
font-size: 60%;
font-style: normal;
font-weight:bold;
color:#000000;
}

.direc_gris{
font-family: Arial, Helvetica, sans-serif;
font-size: 60%;
font-style: normal;
font-weight:bold;
color:#505050;
}

#garcia {
	position:absolute;
	z-index:17;
	left: 145px;
	top: 100px;
	width: 12em;
	height: 0.69em;
}
#direccion {
margin: 0px;
	position:absolute;
	width:100%;
	height:1em;
	z-index:20;
	left: 3px;
	top: 473px;
}

#direccionMasBaja {
margin: 0px;
	position:absolute;
	width:100%;
	height:1em;
	z-index:20;
	left: 3px;
	top: 523px;
}

#logo {
	position:absolute;
	z-index:17;
	left: 41px;
	top: 55px;
	width: 5.75em;
	height: 5.5em;
}
#detalle_abajo {
	background-image:url(imagenes/detalle_abajo.gif);
	background-repeat:no-repeat;
	position:absolute;
	z-index:17;
	left: 466px;
	top: 118px;
	width: 15.94em;
	height: 1.38em;
}
#detalle_arriba {
	background-image:url(imagenes/detalle_arriba.gif);
	background-repeat:no-repeat;
	position:absolute;
	z-index:13;
	left: 468px;
	top: 10px;
	width: 14em;
	height: 6.63em;
}

#links {
	position:absolute;
	width:8em;
	height:1.9em;
	z-index:30;
	left: 643px;
	top: 30px;
	visibility: visible;
}

#links02 {
	position:absolute;
	width:9.2em;
	height:1.9em;
	z-index:30;
	left: 647px;
	top: 61px;
	visibility: visible;
}

#links03 {
	position:absolute;
	width:9.2em;
	height:1.9em;
	z-index:30;
	left: 641px;
	top: 90px;
	visibility: visible;
}
#deco_arriba {
	background-image:url(imagenes/lineas.gif);
	background-repeat:repeat-x;
	position:absolute;
	z-index:16;
	left: 43px;
	top: 116px;
	width: 91%;
	height: 0.63em;
}
#deco_abajo {
	background-image:url(imagenes/lineas.gif);
	background-repeat:repeat-x;
	position:absolute;
	z-index:16;
	left: 43px;
	top: 491px;
	width: 91%;
	height: 0.63em;
}

#deco_abajoMasBaja {
	background-image:url(imagenes/lineas.gif);
	background-repeat:repeat-x;
	position:absolute;
	z-index:16;
	left: 43px;
	top: 541px;
	width: 91%;
	height: 0.63em;
}
a.vlinksgrises:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinksgrises:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinksgrises:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinksgrises:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

a.vlinksnoticias:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinksnoticias:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinksnoticias:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinksnoticias:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

a.vlinkbolsa:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinkbolsa:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinkbolsa:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#505050;
	text-decoration:underline;
}
a.vlinkbolsa:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}


a.vlinkestado:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
a.vlinkestado:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
a.vlinkestado:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
a.vlinkestado:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}

#intranet {
	position:absolute;
	width:18%;
	height:1.13em;
	z-index:16;
	left: 758px;
	top: 127px;
}
#linkNoticias_etc {
	position:absolute;
	width:14%;
	height:4.3em;
	z-index:22;
	left: 797px;
	top: 70px;
}

#texto_enlaces {
	position:absolute;
	width:60%;
	z-index:1;
	left: 78px;
	top: 190px;
	height: 10em;
}



/*-------------- LINKs PRINCIPALES menu artropia ------------------------*/
#links{
	float: left;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:normal;
	z-index:30;
}

#links02{
	float: left;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:normal;
	z-index:30;
}


#links03{
	float: left;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:normal;
	z-index:30;
}





#sectionLinks a:link, #sectionLinks a:visited {  
	display:block;
	background-color: #808080;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: none;
}

#sectionLinks a:hover{
	background-color: #000000;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: underline;
}

#sectionLinks02 a:link, #sectionLinks02 a:visited {  
	display:block;
	background-color: #808080;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: none;
}

#sectionLinks02 a:hover{
	background-color: #000000;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: underline;
}

#sectionLinks03 a:link, #sectionLinks03 a:visited {  
	display:block;
	background-color: #808080;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: none;
}

#sectionLinks03 a:hover{
	background-color: #000000;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: underline;
}

#sectionLinkss{
	background-color: #000000;
	font-weight: normal;
	padding: 0.2em 2.2em 0.19em 2.2em;
	color: #FFFFFF;
	text-decoration: underline;
}
/*-------------- FINAL LINKs PRINCIPALES menu artropia ------------------------*/



/*-------------- LINKs noticias_etc artropia ------------------------*/
#linkNoticias_etc{
	float: right;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55%;
	font-weight:normal;
	z-index:22;
	
}




#sectionNoticias_etc a:link, #sectionNoticias_etc a:active, #sectionNoticias_etc a:visited {  
	display:block;
	font-weight: normal;
	padding: 0em 0em 0.19em 2em;
	color: #505050;
	text-decoration: none;
}

#sectionNoticias_etc a:hover{
	display:block;
	font-weight: normal;
	padding: 0em 0em 0.19em 2em;
	color: #505050;
	text-decoration: underline;
}
/*-------------- FINAL LINKs noticias_etc artropia ------------------------*/



/*-------------- LINKs intranet artropia ------------------------*/
#intranet{
	float: right;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight:normal;
	z-index:22;
}




#sectionIntranet a:link, #sectionIntranet a:visited {  
	display:inline;
	font-weight: normal;
	padding: 0em 0.3em 0em 0.3em;
	color: #505050;
	text-decoration: none;
}

#sectionIntranet a:hover{
	font-weight: normal;
	padding: 0em 0.3em 0em 0.3em;
	color: #505050;
	text-decoration: underline;
}
/*-------------- FINAL LINKs vermas artropia ------------------------*/


#linkVermas{
	float: left;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55%;
	font-weight:normal;
	z-index:22;
}




#sectionVermas a:link, #sectionVermas a:visited {  
	display:block;
	font-weight: normal;
	padding: 0em 0em 0.19em 2em;
	color: #505050;
	text-decoration: none;
}

#sectionVermas a:hover{
	font-weight: normal;
	padding: 0em 0em 0.19em 2em;
	color: #505050;
	text-decoration: underline;
}
/*-------------- FINAL LINKs vermas artropia ------------------------*/

#texto_estudio {
	position:absolute;
	width:40%;
	z-index:1;
	left: 78px;
	top: 190px;
}

#texto_proyecto {
	position:absolute;
	width:27%;
	z-index:1;
	left: 78px;
	top: 190px;
}

#texto_noticias_dentro {
	position:absolute;
	width:48%;
	z-index:1;
	left: 78px;
	top: 190px;
}
#texto_noticias {
	position:absolute;
	width:40%;
	z-index:1;
	left: 78px;
	top: 190px;
}

#texto_dentro {
	position:absolute;
	width:40%;
	z-index:1;
	left: 78px;
	top: 190px;
}

#texto_bolsa {
	position:absolute;
	width:86%;
	z-index:1;
	left: 78px;
	top: 190px;
}
#imagen_proy01 {
	position:absolute;
	width:10%;
	height:12.44em;
	z-index:1;
	left: 765px;
	top: 191px;
}


p {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	font-weight:normal;
	font-size: 60%; 
	margin-top: 0px; 
	text-align: justify;
}

.form {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size : 100%;
	color : #505050;
	margin: 1px;
	border: 1px solid #505050;	
	text-align:left;
	margin-top: 10px;
}

ul {
	list-style: url("/imagenes/mancha.gif");
}

li {
	font-size: 80%;
	text-align:left;
	padding: 4px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #505050;
}

.titular {
	font-size: 150%;
	color: #000000;
	font-weight: bold;

}

.titular02 {
	padding-left:10px;
	font-size: 120%;
	color: #000000;
	font-weight: bold;

}

h1 {
	font-size: 80%;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #505050;
}

h2 {
	font-size: 66%;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #505050;
}

h3 {
	font-size: 60%;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #505050;
}

#formulario {
	position:absolute;
	width:50%;
	z-index:1;
	left: 312px;
	top: 225px;
}

#formularioContacto {
	position:absolute;
	width:50%;
	z-index:1;
	left: 67px;
	top: 190px;
}

.h2_subrayado {
border-bottom:1px solid;
border-color:#505050;
height:1em;
}



#ficha01 {
	padding: 0px 1em 1em 0.5em;
	position:absolute;
	width:30%;
	height:14em;
	z-index:1;
	left: 416px;
	top: 190px;
	overflow:Auto;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #505050;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #505050;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #ffffff;
}

#scrollProyecto {
	padding: 0px 1em 1em 0.5em;
	position:absolute;
	width:30%;
	height:14em;
	z-index:1;
	left: 68px;
	top: 190px;
	overflow:Auto;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #505050;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #505050;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #ffffff;
}

#memoria01 {
	padding: 0px 1em 1em 0.5em;
	position:absolute;
	width:40%;
	height:12.5em;
	z-index:1;
	left: 49px;
	top: 295px;
	overflow:Auto;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #505050;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #505050;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #ffffff;
}

#masinfo {
	text-align:left;
	position:absolute;
	width:10%;
	height:2em;
	z-index:1;
	left: 765px;
	top: 391px;
}

#orma01 {
	position:absolute;
	width:10%;
	height:12.44em;
	z-index:12;
	left: 494px;
	top: 305px;
}

#orma02 {
	position:absolute;
	width:10%;
	height:12.44em;
	z-index:1;
	left: 678px;
	top: 305px;
}

#orma01_horizontal {
	position:absolute;
	width:10%;
	height:12.44em;
	z-index:12;
	left: 504px;
	top: 305px;
}

#bocetos_ormaetxea {
	text-align:left;
	border:1px solid;
	border-color:#000000;
	position:absolute;
	width:80%;
	height:7.06em;
	z-index:1;
	left: 44px;
	top: 170px;
}

#alzados_ormaetxea {

	padding: 0px 0em 0em 0em;
	position:absolute;
	overflow:Auto;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #505050;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #505050;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #ffffff;
	
	overflow-y:hidden; 
	overflow-x:auto;

	text-align:left;
	border:1px solid;
	border-color:#000000;
	position:absolute;
	width:80%;
	height:7.06em;
	z-index:1;
	left: 44px;
	top: 170px;
}

#alzado {
	position:absolute;
	width:100em;
	height:7.06em;
	z-index:1;
}

#scroll_alzado_orm {
	position:absolute;
	width:60em;
	height:7.06em;
	z-index:1;
}

#scroll_seccion_orm {
	position:absolute;
	width:68em;
	height:7.06em;
	z-index:1;
}

#scroll_bocetos_hondargi {
	position:absolute;
	width:40em;
	height:7.06em;
	z-index:1;
}

#scroll_img_orm {
	position:absolute;
	width:100em;
	height:7.06em;
	z-index:1;
}

#scroll_img_olab {
	position:absolute;
	width:120em;
	height:7.06em;
	z-index:1;
}

#scroll_planta_olab {
	position:absolute;
	height:7.06em;
	z-index:1;
}

#vermas {
	text-align:left;
	position:absolute;
	width:8%;
	height:3em;
	z-index:1;
	left: 848px;
	top: 169px;
}

#boceto01 {
	position:absolute;
	width:5%;
	height:3em;
	z-index:1;
	left: 695px;
	top: 252px;
	visibility: hidden;
}
#boceto02 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:1;
	left: 684px;
	top: 252px;
	visibility: hidden;
}

#fotos_ormaetxea {
	border:1px solid;
	border-color:#000000;
	text-align:left;
	position:absolute;
	width:80%;
	height:3.78em;
	z-index:1;
	left: 44px;
	top: 170px;
}
#planos01 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:11;
	left: 624px;
	top: 251px;
	visibility: hidden;
}
#planos02 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:10;
	left: 624px;
	top: 252px;
	visibility: hidden;
}
#planos03 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:9;
	left: 624px;
	top: 252px;
	visibility: hidden;
}
#planos04 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:8;
	left: 624px;
	top: 252px;
	visibility: hidden;
}
#planos05 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:7;
	left: 624px;
	top: 251px;
	visibility: hidden;
}
#planos06 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:6;
	left: 683px;
	top: 252px;
	visibility: hidden;
}
#planos07 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:5;
	left: 682px;
	top: 252px;
	visibility: hidden;
}
#planos08 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:4;
	left: 624px;
	top: 252px;
	visibility: hidden;
}
#planos09 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:3;
	left: 682px;
	top: 252px;
	visibility: hidden;
}
#planos10 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:2;
	left: 682px;
	top: 251px;
	visibility: hidden;
}
#planos11 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:1;
	left: 682px;
	top: 252px;
	visibility: hidden;
}


#fotos01 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:11;
	left: 619px;
	top: 251px;
	visibility: hidden;
}
#fotos02 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:10;
	left: 686px;
	top: 252px;
	visibility: hidden;
}
#fotos03 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:9;
	left: 685px;
	top: 252px;
	visibility: hidden;
}
#fotos04 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:8;
	left: 670px;
	top: 252px;
	visibility: hidden;
}
#fotos05 {
	position:absolute;
	width:10%;
	height:3em;
	z-index:7;
	left: 628px;
	top: 251px;
	visibility: hidden;
}
#fotos06 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:6;
	left: 635px;
	top: 252px;
	visibility: hidden;
}
#fotos07 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:4;
	left: 685px;
	top: 252px;
	visibility: hidden;
}
#fotos08 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:3;
	left: 683px;
	top: 252px;
	visibility: hidden;
}
#fotos09 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:2;
	left: 684px;
	top: 252px;
	visibility: hidden;
}
#fotos10 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:1;
	left: 685px;
	top: 251px;
	visibility: hidden;
}
#fotos11 {
	position:absolute;
	width:3em;
	height:3em;
	z-index:1;
	left: 689px;
	top: 252px;
	visibility: hidden;
}

#error {
	position:absolute;
	width:50%;
	height:5em;
	z-index:1;
	left: 249px;
	top: 321px;
}