@charset "utf-8";
/* CSS Document */

/* Estilos comunes: cuerpo, textos, botones */

body {
	background-color:#fffded;
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding:0px;
}

span {
	color: #999;
	font-size: 10px;
	text-decoration:none;
}

.textroman {color: #333333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-decoration:none; }
.textromanlink:hover {color:#ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; background-color:#000000; text-decoration:none; }

A {color:#666666; text-decoration:none;}
A:visited {color:#999999; text-decoration:none;}

#boton_series_on {
	position:absolute;
	background:url(../img/series_on.png);
	top:86px;
	left:53px;
	width:76px;
	height:36px;
	}

#boton_series {
	position:absolute;
	top:86px;
	left:53px;
	width:76px;
	height:36px;
	}
	
a#series { background-image:url(../img/series_off.png); height:36px; width:76px; display:block; }
a#series span { display:none; }
a#series:hover { background-image:url(../img/series_on.png); }

#boton_series2 {
	position:absolute;
	top:86px;
	left:53px;
	width:76px;
	height:36px;
	}
	
a#series2 { background-image:url(../img/series_on.png); height:36px; width:76px; display:block; }
a#series2 span { display:none; }
a#series2:hover { background-image:url(../img/series_on2.png); }

#boton_proyectos_on {
	background:url(../img/proyectos_on.png);
	position:absolute;
	width:93px;
	height:42px;
	left:156px;
	top:86px;
	}

#boton_proyectos {
	position:absolute;
	width:93px;
	height:42px;
	left:156px;
	top:86px;
	}
	
a#proyectos { background-image:url(../img/proyectos_off.png); height:42px; width:93px; display:block; }
a#proyectos span { display:none; }
a#proyectos:hover { background-image:url(../img/proyectos_on.png); }

#boton_proyectos2 {
	position:absolute;
	width:93px;
	height:42px;
	left:156px;
	top:86px;
	}
	
a#proyectos2 { background-image:url(../img/proyectos_on.png); height:42px; width:93px; display:block; }
a#proyectos2 span { display:none; }
a#proyectos2:hover { background-image:url(../img/proyectos_on2.png); }

#boton_servicios_on {
	background-image:url(../img/servicios_on.png);
	position:absolute;
	width:108px;
	height:45px;
	left:259px;
	top:82px;
	}

#boton_servicios {
	position:absolute;
	width:108px;
	height:45px;
	left:259px;
	top:82px;
	}
	
a#servicios { background-image:url(../img/servicios_off.png); height:45px; width:108px; display:block; }
a#servicios span { display:none; }
a#servicios:hover { background-image:url(../img/servicios_on.png); }

#boton_servicios2 {
	position:absolute;
	width:108px;
	height:45px;
	left:259px;
	top:82px;
	}
	
a#servicios2 { background-image:url(../img/servicios_on.png); height:45px; width:108px; display:block; }
a#servicios2 span { display:none; }
a#servicios2:hover { background-image:url(../img/servicios_on2.png); }

#boton_nosotros_on {
	position:absolute;
	background-image:url(../img/nosotros_on.png);
	width:91px;
	height:45px;
	left:380px;
	top:82px;
	}

#boton_nosotros {
	position:absolute;
	width:91px;
	height:45px;
	left:380px;
	top:82px;
	}
	
a#nosotros { background-image:url(../img/nosotros_off.png); height:45px; width:91px; display:block; }
a#nosotros span { display:none; }
a#nosotros:hover { background-image:url(../img/nosotros_on.png); }

#boton_nosotros2 {
	position:absolute;
	width:91px;
	height:45px;
	left:380px;
	top:82px;
	}
	
a#nosotros2 { background-image:url(../img/nosotros_on.png); height:45px; width:91px; display:block; }
a#nosotros2 span { display:none; }
a#nosotros2:hover { background-image:url(../img/nosotros_on2.png); }

#boton_logo {
	position:absolute;
	width:211px;
	height:120px;
	right:86px;
	top:19px;
	}
	
a#logo { background-image:url(../img/logo_off.png); height:120px; width:211px; display:block; }
a#logo span { display:none; }
a#logo:hover { background-image:url(../img/logo_off.png); }

#contacto {
	position:absolute;
	background:transparent;
	width:800px;
	height:10px;
	left:0px;
	top:790px;
	}

/* Elementos series */
#container_servicios_postpo {
	background: url(../img/bg_servicios_postpo.jpg) center no-repeat;
	width:800px;
	height:800px;
	margin:auto;
	z-index:1;
	}
	
#header {
	position:relative;
	top:0px;
	left:0px;
	width:800px;
	z-index:10;
	margin: 0 auto;
	}

#stage_home {
	position:absolute;
	background:transparent;
	width:699px;
	height:299px;
	left:51px;
	top:138px;
	z-index:5;
	}
	
#boton_preproduccion_on {
	position:absolute;
	background-image:url(../img/preproduccion_on.png);
	width:153px;
	height:62px;
	left:141px;
	top:450px;
	}

#boton_preproduccion {
	position:absolute;
	width:153px;
	height:62px;
	left:141px;
	top:450px;
	}

img#rel_preproduccion {
	position:absolute;
	border:0px;
	width:183px;
	height:214px;
	left:418px;
	top:95px;
	}
	
a#preproduccion { background-image:url(../img/preproduccion_off.png); width:153px; height:62px; display:block; }
a#preproduccion span { visibility:hidden; }
a#preproduccion:hover { background-image:url(../img/preproduccion_on.png);}
a#preproduccion:hover span { visibility:visible;}

a#preproduccion2 { background-image:url(../img/preproduccion_on.png); width:153px; height:62px; display:block; }
a#preproduccion2 span { display:none; }
a#preproduccion2:hover { background-image:url(../img/preproduccion_on2.png);}

#boton_ilustracion {
	position:absolute;
	width:120px;
	height:62px;
	left:294px;
	top:450px;
	}
	
#boton_ilustracion_on {
	position:absolute;
	background-image:url(../img/ilustracion_on.png);
	width:120px;
	height:62px;
	left:294px;
	top:450px;
	}
	
img#rel_ilustracion {
	position:absolute;
	border:0px;
	width:183px;
	height:214px;
	left:265px;
	top:95px;
	}

a#ilustracion { background-image:url(../img/ilustracion_off.png); width:120px; height:62px; display:block; }
a#ilustracion span { visibility:hidden; }
a#ilustracion:hover { background-image:url(../img/ilustracion_on.png);}
a#ilustracion:hover span { visibility:visible;}

a#ilustracion-b { background-image:url(../img/ilustracion_off.png); width:120px; height:62px; display:block; }
a#ilustracion-b span { display:none; }
a#ilustracion-b:hover { background-image:url(../img/ilustracion_on.png);}

#boton_animacion {
	position:absolute;
	width:100px;
	height:62px;
	left:421px;
	top:450px;
	}
	
#boton_animacion_on {
	position:absolute;
	background-image:url(../img/animacion_on.png);
	width:100px;
	height:62px;
	left:421px;
	top:450px;
	}
	
img#rel_animacion {
	position:absolute;
	border:0px;
	width:183px;
	height:214px;
	left:138px;
	top:95px;
	}

a#animacion { background-image:url(../img/animacion_off.png); width:100px; height:62px; display:block; }
a#animacion span { visibility:hidden; }
a#animacion:hover { background-image:url(../img/animacion_on.png);}
a#animacion:hover span { visibility:visible;}

a#animacion-b { background-image:url(../img/animacion_off.png); width:100px; height:62px; display:block; }
a#animacion-b span { display:none; }
a#animacion-b:hover { background-image:url(../img/animacion_on.png);}

#boton_postproduccion {
	position:absolute;
	width:133px;
	height:62px;
	left:521px;
	top:450px;
	}

#boton_postpro_on {
	position:absolute;
	background-image:url(../img/postproduccion_on.png);
	width:133px;
	height:62px;
	left:521px;
	top:450px;
	}
	
img#rel_postproduccion {
	position:absolute;
	border:0px;
	width:183px;
	height:214px;
	left:38px;
	top:95px;
	}

a#postproduccion { background-image:url(../img/postproduccion_off.png); width:133px; height:62px; display:block; }
a#postproduccion span { visibility:hidden; }
a#postproduccion:hover { background-image:url(../img/postproduccion_on.png);}
a#postproduccion:hover span { visibility:visible;}

a#postproduccion-b { background-image:url(../img/postproduccion_off.png); width:133px; height:62px; display:block; }
a#postproduccion-b span { display:none; }
a#postproduccion-b:hover { background-image:url(../img/postproduccion_on.png);}

#boton_der_nosotros {
	position:absolute;
	width:49px;
	height:49px;
	left:716px;
	top:461px;
	z-index: 20;
	}

a#der { background-image:url(../img/flecha_der_off.png); width:49px; height:49px; display:block; }
a#der span { display:none; }
a#der:hover { background-image:url(../img/flecha_der_on.png); }

#boton_izq_nosotros {
	position:absolute;
	width:48px;
	height:49px;
	left:674px;
	top:460px;
	z-index: 20;
	}

a#izq { background-image:url(../img/flecha_izq_off.png); width:49px; height:48px; display:block; }
a#izq span { display:none; }
a#izq:hover { background-image:url(../img/flecha_izq_on.png); }