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

/* ----------------------------------------------------------------foto y color fondo---------------------------------------------------------- */
body{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

  /* Cambiar el color según la foto de fondo que se ponga, poner la foto de las medidas justas 1000x700px*/

 /*

<a href="http://www.indexstudio.html" onclick="return false;"><img src="images/btn/btnstudiohover.gif" name="studio" id="studio" border="0"></a>
*/
}

#contain{
position:relative;
width:1000px;
height:550px;
background-image:url(../images/portada2.jpg);
background-repeat:no-repeat;
background-position:center;
/*background-color:#000;*/}

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

#studio{background-image:url(../images/btn/btn_studio.gif);
background-repeat:no-repeat;
background-position:left;
height:21px;
width:134px;}
#projects{background-image:url(../images/btn/btn_project.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:10px;
margin-right:100px;
height:21px;
width:163px;}
#news{background-image:url(../images/btn/btn_news.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:10px;
height:21px;
width:160px;}
#load{background-image:url(../images/btn/btn_downloads.png);
background-repeat:no-repeat;
background-position:left;
margin-top:10px;
height:21px;
width:115px;}


/* imagenes menu simbolos */
#product{background-image:url(../images/btn/btn_product.gif);
background-repeat:no-repeat;
background-position:left;

}
#instal{background-image:url(../images/btn/btn_instal.gif);
background-repeat:no-repeat;
background-position:left;
}
#comun{background-image:url(../images/btn/btn_comun.gif);
background-repeat:no-repeat;
background-position:left;
}
#doc{background-image:url(../images/btn/btn_doc.gif);
background-repeat:no-repeat;
background-position:left;
}
/* ---------------------------------------------------------------- fin menu---------------------------------------------------------- */

/* ----------------------------------------------------------------link a noticias---------------------------------------------------------- */
/*si no queremos enlace porque es solo una foto poner tamaño 0 px*/
/*el link por defecto nos lleva a la noticia principal, si queremos cambiarlo hay que hacerlo en el index.html*/
/*si es una foto de fondo, se cambia en la capa contain*/
/*si es un video o un texto hay que cambiarlo en el index.html*/
#link{
background-image:none;
background-position:left;
background-repeat:no-repeat;
width:750px;
height:600px;
margin-top:0px;}

#pasar li a{text-decoration:none;
float:left;
}
#image ul{list-style-type:none;
margin:0px;
padding:0px;}
#image ul li a span{display:none;}
/* ----------------------------------------------------------------fin link noticias---------------------------------------------------------- */