/* ---------------- ELEMENTOS DE LA PÁGINA ---------------------- */
body { 
background-image:url(imagenes/fondo.jpg);
color: #000000;
font-family:Arial, Helvetica, sans-serif;
margin: 0px;
padding:0px;
}


h1 {
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px 0px 0px 0px;
text-align: center;
width:800px;
float:left;
clear:left;
}

#centrado { position:absolute; left:50%; width:800px; margin-left:-400px; margin-top:10px; }

/* ---------------------------------------- tabla ----------------------------------------*/

.celda_default{
background-image: url("imagenes/fondo_default.jpg");
}

.celda_empresa{
height:479px;
background-image: url("imagenes/empresa/cuerpo.jpg");
}

.celda_contacto{
height:479px;
background-image: url("imagenes/contacto/cuerpo.jpg");
}

.celda_grafica_01{
height:479px;
background-image: url("imagenes/grafica/fondo_celda01_grafica.jpg");
}

.celda_grafica_02{
height:479px;
}

.celda_sopuerta_01{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda01_sopuerta.jpg");
}

.celda_sopuerta_02{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda02_sopuerta.jpg");
}

.celda_sopuerta_03{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda01_sopuerta_2.jpg");
}

.celda_sopuerta_04{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda02_sopuerta_2.jpg");
}

.celda_sopuerta_05{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda01_sopuerta_3.jpg");
}

.celda_sopuerta_06{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda02_sopuerta_3.jpg");
}

.celda_sopuerta_07{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda01_sopuerta_4.jpg");
}

.celda_sopuerta_08{
height:479px;
background-image: url("imagenes/proyectos/sopuerta/fondo_celda02_sopuerta_4.jpg");
}

.celda_argenta_01{
height:479px;
background-image: url("imagenes/proyectos/argenta/fondo_celda01_argenta.jpg");
}

.celda_argenta_02{
height:479px;
background-image: url("imagenes/proyectos/argenta/fondo_celda02_argenta.jpg");
}

.celda_argenta_03{
height:479px;
background-image: url("imagenes/proyectos/argenta/fondo_celda01_argenta_2.jpg");
}

.celda_argenta_04{
height:479px;
background-image: url("imagenes/proyectos/argenta/fondo_celda02_argenta_2.jpg");
}

.celda_argenta_05{
height:479px;
background-image: url("imagenes/proyectos/argenta/fondo_celda01_argenta_3.jpg");
}

.celda_argenta_06{
height:479px;
background-image: url("imagenes/proyectos/argenta/fondo_celda02_argenta_3.jpg");
}

.celda_vivienda_01{
height:479px;
background-image: url("imagenes/proyectos/viviendas/fondo_celda01_vivienda.jpg");
}

.celda_vivienda_02{
height:479px;
background-image: url("imagenes/proyectos/viviendas/fondo_celda02_vivienda.jpg");
}

.celda_guarderia_01{
height:479px;
background-image: url("imagenes/proyectos/guarderia/fondo_celda01_guarderia.jpg");
}

.celda_guarderia_02{
height:479px;
background-image: url("imagenes/proyectos/guarderia/fondo_celda02_guarderia.jpg");
}

.celda_guarderia_03{
height:479px;
background-image: url("imagenes/proyectos/guarderia/fondo_celda01_guarderia_2.jpg");
}

.celda_guarderia_04{
height:479px;
background-image: url("imagenes/proyectos/guarderia/fondo_celda02_guarderia_2.jpg");
}

.celda_guarderia_05{
height:479px;
background-image: url("imagenes/proyectos/guarderia/fondo_celda01_guarderia_3.jpg");
}

.celda_guarderia_06{
height:479px;
background-image: url("imagenes/proyectos/guarderia/fondo_celda02_guarderia_3.jpg");
}

.celda_reciclying_01{
height:479px;
background-image: url("imagenes/proyectos/reciclying/fondo_celda01_reciclying.jpg");
}

.reciclying{position:absolute; margin-left:0px; margin-top:0px;}

.celda_cuadros{
height:479px;
}

.celda_customizacion{
height:479px;
}

.celda_mosaico{
height:479px;
background-image: url("intervenciones/imagenes/mosaico/cuerpo.jpg");
}

.celda_pintura_01{
height:479px;
background-image: url("intervenciones/imagenes/pinturas/fondo_celda01_pinturas.jpg");
}

.celda_paredes_01{
height:479px;
}

.celda_paredes_02{
height:479px;
background-image: url("intervenciones/imagenes/pinturas/paredes_pintadas/fondo_celda02_paredes.jpg");
}

.celda_murales_01{
height:479px;
}

.celda_murales_02{
height:479px;
background-image: url("intervenciones/imagenes/pinturas/murales/fondo_celda02_murales.jpg");
}

.celda_murales2{
background-image: url("intervenciones/imagenes/pinturas/murales/cuerpo.jpg");
height:479px;
}

.celda_paredes2{
background-image: url("intervenciones/imagenes/pinturas/paredes_pintadas/cuerpo.jpg");
height:479px;
}

.celda_arte_digital{
height:479px;
background-image: url("intervenciones/imagenes/arte_digital/cuerpo.jpg");
}

.celda_arte_digital_02{
height:479px;
background-image: url("intervenciones/imagenes/arte_digital/fondo_celda01_arte_digital.jpg");
}

.celda_arte_digital_03{
height:479px;
background-image: url("intervenciones/imagenes/arte_digital/fondo_celda02_arte_digital.jpg");
}

.celda_arte_digital_04{
height:479px;
background-image: url("intervenciones/imagenes/arte_digital/fondo_celda01_arte_digital_2.jpg");
}

.celda_arte_digital_05{
height:479px;
background-image: url("intervenciones/imagenes/arte_digital/fondo_celda02_arte_digital_2.jpg");
}

.celda_catalogo{
height:479px;
background-image:  url("imagenes/catalogo/imagenes/cuerpo.jpg");
}

.celda_contacto_01{
height:479px;
background-image: url("imagenes/contacto/fondo_celda01_contacto.jpg");
}

.celda_contacto_02{
height:479px;
background-image: url("imagenes/contacto/fondo_celda02_contacto.jpg");
}
/* ---------------------------------------- default --------------------------------------------*/

#default{
width:180px;
float:left;
margin: 0px 10px 0px 10px;
}

.texto_default{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
font-weight:700;
}

.texto_default a:link {color: #ffffff;text-decoration: none;}
.texto_default a:visited {color: #ffffff;text-decoration: none;}
.texto_default a:hover {color: #ffffff;text-decoration: none;}

.texto_blanco_default{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
font-weight:700;
}

.texto_blanco_default a:link {color: #ffffff;text-decoration: none;}
.texto_blanco_default a:visited {color: #ffffff;text-decoration: none;}
.texto_blanco_default a:hover {color: #ffffff;text-decoration: none;}

.texto_naranja_default{
color:#DA9529;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:700;
}

.texto_naranja_default a:link {color:#DA9529;text-decoration: none;}
.texto_naranja_default a:visited {color:#DA9529;text-decoration: none;}
.texto_naranja_default a:hover {color:#DA9529;text-decoration: none;}

.texto_naranja_default2{
color:#DA9529;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:700;
}

.texto_naranja_default2 a:link {color:#DA9529;text-decoration: none;}
.texto_naranja_default2 a:visited {color:#DA9529;text-decoration: none;}
.texto_naranja_default2 a:hover {color:#DA9529;text-decoration: none;}

.texto_verde_default{
color:#06F7D2;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:700;
}

.texto_verde_default a:link {color:#06F7D2;text-decoration: none;}
.texto_verde_default a:visited {color:#06F7D2;text-decoration: none;}
.texto_verde_default a:hover {color:#06F7D2;text-decoration: none;}

.texto_verde_default2{
color:#06F7D2;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:700;
}

.texto_verde_default2 a:link {color:#06F7D2;text-decoration: none;}
.texto_verde_default2 a:visited {color:#06F7D2;text-decoration: none;}
.texto_verde_default2 a:hover {color:#06F7D2;text-decoration: none;}

/* ---------------------------------------- fin default ----------------------------------------*/

/* ---------------------------------------- empresa --------------------------------------------*/

#empresa{
width:570px;
margin: 5px 0px 5px 10px;
}


#empresa2{
width:600px;
margin: 0px 0px 5px 5px;
}

#texto_inferior{
margin: 215px 0px 0px 200px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
font-weight:500;
}


.texto_inferior{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
font-weight:500;
}

.texto_empresa{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
font-weight:500;
}


.texto_empresa2{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
font-weight:500;
}


.texto_azul{
color:#16E7BD;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:700;
}

.texto_marron{
color:#A49B0F;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:700;
}

.texto_marron2{
color:#CCBD1B;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:700;
}

.texto_marron3{
color:#CCBD1B;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:700;
}

.texto_blanco{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:700;
}

.texto_gris{
color:#06352C;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:700;
}

.texto_naranja{
color:#DA9529;
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:700;
}

.texto_blanco2{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:700;
}
/* ---------------------------------------- fin empresa ----------------------------------------*/

/* ---------------------------------------- catalogo --------------------------------------------*/

#catalogo{
width:780px;
float:left;
clear:right;
margin: 10px 10px 0px 10px;
}

.texto_catalogo{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
font-weight:700;
}

.texto_blanco_catalogo{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight:700;
}

.texto_blanco_catalogo2{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:700;
}

/* ---------------------------------------- fin catalogo ----------------------------------------*/

/* ---------------------------------------- contacto --------------------------------------------*/

#contacto{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:700;
width:230px;
text-align:center;
margin:120px 0px 0px 30px;
}

#contacto a{ text-decoration: none;}
#contacto a:link {color: #000000; text-decoration: none;}
#contacto a:visited { color: #000000; text-decoration: none;}
#contacto a:hover { color: #ffffff; text-decoration: none;}

#mapa{
width:276px;
margin:195px 0px 0px 5px;
}
/* ---------------------------------------- fin contacto ----------------------------------------*/

/* ---------------------------------------- grafica ----------------------------------------*/

#flash{
margin: 0px 0px 0px 0px;
}

#celda_grafica{
background-color:#FF9900;
height:500px;
padding:5px 10px 0px 10px;
}

#celda_grafica2{
background-image:url(imagenes/grafica/fondopapelcuadriculado.jpg);
height:500px;
padding:5px 5px 0px 5px;
}

.texto_grafica{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:700;
}

.fondo_blaco_grafica{
background-color:#FFFFFF;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:700;
}
/* ---------------------------------------- fin grafica ------------------------------------*/

/* ---------------------------------------- mosaico ----------------------------------------*/

#flash2{
margin: 0px 0px 20px 0px;
}

/* ---------------------------------------- fin mosaico ------------------------------------*/

/* ---------------------------------------- murales ----------------------------------------*/

#flash_mural{
float:left;
clear:both;
width:400px;
margin: 100px 0px 0px 100px;
}

/* ---------------------------------------- fin murales ------------------------------------*/

/* ---------------------------------------- papel ----------------------------------------*/

#flash_papel{
margin: 10px 0px 0px 20px;
}

/* ---------------------------------------- fin papel ------------------------------------*/

/* ---------------------------------------- menu ----------------------------------------*/

#menu{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0px 10px 0px;
	text-align: center;
	width:800px;
	float:left;
	clear:left;
	}

#menu a
{
text-decoration:none;
}

#menu a:link { color: #000000; }
#menu a:visited { color: #000000; }
#menu a:hover { color: #000000; text-decoration:underline; }
/* ---------------------------------------- fin menu ----------------------------------------*/

/* ---------------------------------------- paginacion proyectos ----------------------------------------*/

#pag_siguiente_0{
width:50px;
height:29px;
float:right;
clear:left;
margin:440px 5px 0px 0px;
padding:5px 5px 5px 5px;
background-image:url(imagenes/siguiente.gif);
background-repeat:no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color:#000000;
font-weight:700;
}

#pag_siguiente_0 a{ text-decoration: none;}
#pag_siguiente_0 a:link {color: #000000; text-decoration: none;}
#pag_siguiente_0 a:visited { color: #000000; text-decoration: none;}
#pag_siguiente_0 a:hover { color: #000000; text-decoration: none;}

#pag_anterior_0{
width:50px;
height:29px;
float:left;

margin:440px 0px 0px 5px;
padding:5px 5px 5px 8px;
background-image:url(imagenes/anterior.gif);
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color:#000000;
font-weight:700;
}

#pag_anterior_0 a{ text-decoration: none;}
#pag_anterior_0 a:link {color: #000000; text-decoration: none;}
#pag_anterior_0 a:visited { color: #000000; text-decoration: none;}
#pag_anterior_0 a:hover { color: #000000; text-decoration: none;}

#pag_anterior_mural{
width:50px;
height:29px;
float:left;
clear:left;
margin:30px 0px 0px 5px;
padding:5px 5px 5px 8px;
background-image:url(imagenes/anterior.gif);
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color:#000000;
font-weight:700;
}

#pag_anterior_mural a{ text-decoration: none;}
#pag_anterior_mural a:link {color: #000000; text-decoration: none;}
#pag_anterior_mural a:visited { color: #000000; text-decoration: none;}
#pag_anterior_mural a:hover { color: #000000; text-decoration: none;}

#pag_siguiente{
width:65px;
height:38px;
float:right;
clear:left;
margin:425px 5px 0px 0px;
padding:10px 5px 5px 20px;
background-image:url(imagenes/siguiente_g.gif);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#EEE;
font-weight:700;
}

#pag_siguiente a{ text-decoration: none;}
#pag_siguiente a:link {color: #EEE; text-decoration: none;}
#pag_siguiente a:visited { color: #EEE; text-decoration: none;}
#pag_siguiente a:hover { color: #EEE; text-decoration: none;}

#pag_anterior{
width:65px;
height:38px;
float:left;

margin:425px 0px 0px 5px;
padding:10px 5px 5px 5px;
background-image:url(imagenes/anterior_g.gif);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#EEE;
font-weight:700;
}

#pag_anterior a{ text-decoration: none;}
#pag_anterior a:link {color: #EEE; text-decoration: none;}
#pag_anterior a:visited { color: #EEE; text-decoration: none;}
#pag_anterior a:hover { color: #EEE; text-decoration: none;}

/* ---------------------------------------- fin paginacion proyectos ----------------------------------------*/

/* ---------------------------------------- aviso legal ----------------------------------------*/

#avisolegal{
color:#FFFFCC;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:700;
width:280px;
text-align:center;
margin:5px 5px 5px 5px;
}

/* ---------------------------------------- aviso legal ----------------------------------------*/

/* ---------------------------------------- estilo pie ----------------------------------------*/

#pie
{
margin: 5px 0px 5px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;

}

#pie a{ text-decoration: none;}
#pie a:link {color: #000000; text-decoration: none;}
#pie a:visited { color: #000000; text-decoration: none;}
#pie a:hover { color: #000000; text-decoration: underline;}

/* ---------------------------------------- fin estilo pie ----------------------------------------*/