#pagina{
	width:900px;
	margin:0 auto 0 auto;
	position:relative;
	text-align:left;
	
}

body{
	font:12px Verdana ;
	text-align:center;
	}

h1{
 	font:20px Verdana ;
 	text-align:left;
 	margin-right:12px;

}
/***** Cabecera **********************************************/

#cabecera{
	
	width:900px;
	margin:0 auto 0 auto;

}

#logo{
	width:900px;
	margin:0 auto 0 auto;
	
}

#logo_texto{
	
	
	float:right;
	position:relative;
	top:70px;
}
#logo_texto a,#logo_texto a:link,#logo_texto a:visited,#logo_texto a:hover,#logo_texto a:active{
	
	font:32px Arial;
	color:#000000;
	border:0;
	text-decoration:none;
}
#logo_imagen{
	
	
	float:left;
}


/*** contenido ************/
#contenido{
    position:relative;
	top:10px;
	float:left;
	width:900px;
	margin:0 auto 0 auto;
	border:1px #666666 solid;
}

/********** a **************/

td a,td a:visited, td a:active{

background-color:white;
font:12px Verdana ;
display: block;
color: #666666;
text-decoration: none;
border:0;
}

td a:hover{

color:#F03429;
text-decoration: none;
border:0;

}



/***** Menu **********************************************/


#menu{
list-style-type: none;
margin: 50px 0 0 0;
padding: 0;
width: 160px; /* width of menu */
float:left;
}

#menu li,#menu ul{
border-bottom: 1px solid white; /* white border beneath each menu item */
list-style-type: none;
}

#menu li a,#menu li a:visited, #menu li a:active{

background-color:white;
font:13px Verdana ;
display: block;
color: #666666;
width: auto;
padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border: 1px solid #666666; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

#menu li a:hover{
background-color: #666666; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

#menu #aluguer a:hover{
background-color: #3780A9; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

#menu #mantemento a:hover{
background-color: #96BD4A; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

#menu #programacion a:hover{
background-color: #F2E24F; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

#menu #sistemas a:hover{
background-color: #FF8E00; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}
#menu #web a:hover{
background-color: #F03429; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

#menu #red a:hover{
background-color: #990099; 
color: white;
border: 1px solid #666666; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}



<!--[if IE]>

#menu li a{ /* Menu link width value for IE */
width: 100%;
}
<![endif]-->

/***** Menu Superior **********************************************/


#menu_sup ul li {
      display: inline;
} 

#menu_sup ul li {
        display: inline;
        padding: 0px 3px; /*Separar el texto*/
        margin:0px; /* Separar los botones */
        background-color:white;
        color:#666666;
        font:  13px Verdana ;   
          
}

#menu_sup ul li a {
        display: inline;
        padding:0; /*Separar el texto*/
        margin:0; /* Separar los botones */
        background-color:white;
        color:#666666;
        font:  13px Verdana ; 
        border:0;
        text-decoration: none;
       
}
#menu_sup ul li a:hover {
       background-color:white;
        font: 13px Verdana ;
        color:#ED352D; 
        cursor: pointer; /* cambiar el aspecto del puntero */
        border:0;
        text-decoration: none;

}
#menu_sup ul li:hover {
        background-color:white;
        font:  13px Verdana ;
        color:#ED352D; 
        cursor: pointer; /* cambiar el aspecto del puntero */
        border:0;
        text-decoration: none;
       

}

 #menu_sup ul li.first {
  border: none;
  display: inline;
  }

#menu_sup ul {
          
	     display: inline;
 
}

#menu_sup {
         
	     float:right;
	     position:relative;
	     top:0px;
	     text-align:right;
 
}
/********* margenes ****/

div a p .imagen_inicio {
	margin: 6px 11px;
	border:1px #666666 solid;

}
div  p .imagen_inicio {
	margin: 6px 11px;
	border:1px #666666 solid;

}

.imagen_peque_aluguer {
	margin: 6px 6px;
	border:1px #666666 solid;

}

.imagen {
	margin: 6px 11px;
}



/***** parafo *********/

p{
	 font: 12px Verdana ;
	 color:#666666;

}

a p b{
	text-decoration:none;
	border:0;
	position:relative;
	top:10px;
		
	}
}

hr {
	width:650px;
	margin:20px 0 0 0;
	
}
/******** Vinculos *****************/


a img{
	border:none;
	text-decoration: none;

}

a:visited img,a:active img,a:link img{
	border:none;
	text-decoration: none;

}

a:hover img{
	border: none;
	text-decoration: none;

 }

/*********colores ***/
.gris{
color:#666666;
text-decoration:none;
border:0;
	
	}

.azul{
color:#3780A9;
	
	}

.verde{
color:#96BD4A;
	
	}

.amarillo{
color:#F2E24F;
	
	}

.rojo{
color:#F03429;
	
	}

.naranja{
color:#FF8E00;
	
	}


.morado{
color:#990099;
	
	}

/*********** Secciones ***********/
/*** id **/
#seccionSin{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	
}

#seccion{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	border-bottom:1px #666666 solid;
}

#seccion01{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	border-bottom:1px #666666 solid;
}
#seccion02{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	border-bottom:1px #666666 solid;
}
#seccion03{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	margin-bottom:30px;
	border-bottom:1px #666666 solid;
}


#sub_seccionIz a{
	text-decoration:none;
	border:0;
	
}

#sub_seccionDe a{
	text-decoration:none;
	border:0;
	
}


#sub_seccionIz{

position:relative;
right:327px;
float: right;
width: 320px;
height:160px;	
border-right:1px #666666 solid;

}

#sub_seccionDe{

position:relative;
right:-327px;
float: right;
width: 320px;
height:160px;	

}
/*****Class *****/
.seccionSin{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	
}

.seccionSinUlt{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	margin-bottom:30px;
	
}

.seccion{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	
	border-bottom:1px #666666 solid;
}
.seccionUlt{
	width:650px;
	position:relative;
	right:50px;
	float:right;
	margin-bottom:30px;
	border-bottom:1px #666666 solid;
}


/***********************/
.linkalbum{
	font: 12px Verdana;
	color:#666666;
	text-decoration:none;
	border:0;
}

/******* Input ********/

.input{
	
	text-align:left;
	width:155px;
	
}

#inputSesion{
	width:155px;

}

/*Pie***********-----*/

.pie{

	clear:both;
	position:relative;
	top:10px;
	font:9px Verdana;
	text-align:center;
	color:#666666;
	text-decoration:none;
	border:0;

}