/* CSS Document */


#usuariosie{ margin:1px; font-family: Arial, sans-serif, Verdana ; background-color:#FFFFFF; color:#666666; border-bottom: 2px solid #fff;}  
#usuariosie p {font-size: 11px; margin: 0; padding: 5px 0; line-height:16px;}  
#usuariosie a {text-decoration: underline; font-weight:normal; color: #D64411;} 

#container{
}



/* ----------------------------------------------------------------el logo---------------------------------------------------------- */

#head{
position:relative;
width:100%;
height:0%; /* el 10% de 700 = 70 px*/
/*background-color:#00CC00;*/}

#luis{
background-image:url(../images/logo.gif);
background-position:left;
background-repeat:no-repeat;
width:200px;
height:30px;
margin-top:40px;}

#logo li a{text-decoration:none;
float:left;
margin-bottom:5px;
}
#head ul{list-style-type:none;
margin:0px;
padding:0px;}
#head ul li a span{display:none;}
/* ----------------------------------------------------------------fin logo---------------------------------------------------------- */


/* ----------------------------------------------------------------estructura---------------------------------------------------------- */
#body{
position:relative;
width:100%;
height:85%; /* el 10% de 700 = 70 px*/
/*background-color:#33CC66;*/
}

#menu{
position:relative;
display:block;
float:left;
height:100%; /* el 10% de 700 = 70 px*/
width:25%;
/*background-color:#999900;*/
}

#in{
position:relative;
display:block;
float:right;
height:100%; /* el 10% de 700 = 70 px*/
width:75%;
/*background-color:#000;*/
}

#top{
position:relative;
height:75%; /* el 10% de 700 = 70 px*/
width:100%;
/*background-color:#FF9999;*/
/*esto ponerlo para el frame del submenu de products <iframe id="datamain2" name="datamain2" src="index2.php_files/menu2.htm" marginwidth="0" marginheight="0" hspace="0" vspace="0" scrolling="no" width="430" frameborder="0" height="110"></iframe>
                <layer visibility="hide"></layer></div></td> */
}

#image{
position:relative;
display:block;
float:left;
height:100%; /* el 10% de 700 = 70 px*/
width:85%;
/*background-color:#FF3366;*/
}




#arrow{
position:relative;
display:block;
float:left;
height:100%; /* el 10% de 700 = 70 px*/
width:15%;
/*background-color:#FFFFCC;*/
}

#down{
position:relative;
height:25%; /* el 10% de 700 = 70 px*/
width:100%;
/*background-color:#FF9999;*/
}
/* ----------------------------------------------------------------fin estructura---------------------------------------------------------- */


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


ul{list-style-type:none;
margin:0px;
padding:0px;}
ul li a span{display:none;}

#menu1 li a{text-decoration:none;
float:left;
_float:left;
margin-bottom:5px;
}


#menu2{
margin-left:26px;
width:145px;
height:21px;
}

#menu2 li{
height:21px;
width:20px;
display:block;
float:left;
margin-left:14px;
}
#menu2 li a{text-decoration:none;
height:21px;
width:20px;
display:block;
float:left;
cursor:help;
}


/* imagenes menu principal */


#studio:hover{background-image:url(../images/btn/btn_studiohover.gif);
background-repeat:no-repeat;
background-position:left;
height:21px;
width:149px;}
#projects:hover{background-image:url(../images/btn/btn_projecthover.gif);
background-repeat:no-repeat;
background-position:left;
height:21px;
width:190px;}
#news:hover{background-image:url(../images/btn/btn_newshover.gif);
background-repeat:no-repeat;
background-position:left;
height:21px;
width:160px;}
#load:hover{background-image:url(../images/btn/btn_descargas.png);
background-repeat:no-repeat;
background-position:left;
margin-top:10px;
height:21px;
width:115px;}

/* imagenes menu simbolos */



#product:hover{background-image:url(../images/btn/btn_productR.gif);
background-repeat:no-repeat;
background-position:left;}
#instal:hover{background-image:url(../images/btn/btn_instalR.gif);
background-repeat:no-repeat;
background-position:left;}
#comun:hover{background-image:url(../images/btn/btn_comunR.gif);
background-repeat:no-repeat;
background-position:left;}
#doc:hover{background-image:url(../images/btn/btn_docR.gif);
background-repeat:no-repeat;
background-position:left;}



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