/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

body{
background-color:#484b7C;
position:static;
width:870px;
border-style:solid;
border-color:#BBBBBB;
aligh:center;
}

#bevelmenu{

font: bold 14px arial;
padding: 8px 0;
margin: 2px 0;
width: 100%;
background-color: #000000;
text-align: left;
height: 20px;
border-width: medium;  
/*set value to "right" for example to align menu to the right of page*/
}

#bevelmenu li{
 /* Para definir la distancia entre los botones del menu horizontal  */
padding-left: 3px ;
padding-right: 2px;
list-style: none;
display: inline;
width: 0em;
}

#bevelmenu li a{
padding: 4px 3.5em;/* para definir la altura y ancho de cada bloque en el menu   */
text-decoration: none;
color: white;
background-color: #484b7c;
width: 130px;
font-weight: bold;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0;
border: 1px solid #000000;
margin: 10px outset;
}

#bevelmenu li a:hover{
color: black;
background-color: #2D73B9;
border-style: outset;
}

html>body #bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#buttonmenu{
padding:5px;
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

#buttonmenu li{
 /* Para definir la distancia entre los botones del menu horizontal  */
 
padding-left: 10px ;
padding-top: 10px;
padding-bottom: 10px;
width: 10em;
list-style: none;
display: block;
text-decoration:none;
font-weight: bold;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/

}
/* Define los cuadros de link cuando esta estatico el mouse ni le afecta */
#buttonmenu li a{
color: white;
background-color: #484b7c;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
}

#buttonmenu li a:hover, #buttonmenu li a:active{
/* cambian el color de la letras y el background cunado pasa el mouse*/
color: black; 
background-color: #497FBF; } 

/*definir el boton del lago izquierdo-----------------------------------------*/

#leftbuttonmenu{
padding:5px;
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
}

#leftbuttonmenu li{
 /* Para definir la distancia entre los botones del menu horizontal  */
 
padding-left: 10px ;
padding-top: 10px;
padding-bottom: 10px;
width: 10em;
list-style: none;
display: block;
text-decoration:none;
font-weight: bold;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/

}
/* Define los cuadros de link cuando esta estatico el mouse ni le afecta */
#leftbuttonmenu li a{
color: white;
background-color: #484b7c;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/
}

#leftbuttonmenu li a:hover, #buttonmenu li a:active{
/* cambian el color de la letras y el background cunado pasa el mouse*/
color: black; 
background-color: #497FBF; } 



/*End de definir el botton del lado izquierdo ------------------------------*/


/* Texto del la pagina web */
.texto table, td {border:none; width:580px; margin: 10px }
.texto span { 	font-family:"Trebuchet MS", Verdana, sans-serif; /* tipo de letra*/
color:#DBDBDB; /* #666666 color de las letras */
font-size:1.0em; /*el tamano de las letra  */
margin-left:15px;
max-width: 580px;
margin-top:5px;
	white-space:nowrap}/*margen de la letra */
    .texto h4 { 	font-family:"Trebuchet MS", Verdana, sans-serif; /* tipo de letra*/
color:#DBDBDB; /* #666666 color de las letras */
font-size:1.0em; /*el tamano de las letra  */
margin-left:15px;
max-width: 580px;
margin-top:5px;
white-space:nowrap}
/*Add bold to the text */
 .texto b { 	font-family:"Trebuchet MS", Verdana, sans-serif; /* tipo de letra*/
color:#FFFBFB; /* #666666 color de las letras */
font-size:1.0em; /*el tamano de las letra  */
margin-left:1px;
max-width: 580px;
margin-top:5px;
	}/*margen de la letra */
.texto p {	font-family:"Trebuchet MS", Verdana, sans-serif; /* tipo de letra*/
color: #DBDBDB;/*color de letra anterir #999999*/
max-width: 580px; /* color de las letras */
font-size:.7em; /*el tamano de las letra  */
}/*margen de la letra */
.texto li{
 list-style-type:none;
 font-family:"Trebuchet MS", Verdana, sans-serif; /* tipo de letra*/
color:#DBDBDB; /* #999999 color de las letras */
font-size:.8em;
list-style-position:inherit; 
	
/* Copy right levante 2007 */

.derecho table,td{
border-color:#777777;
background-color:#CCCCCC;}

}
.derecho a{
text-align:center;
text-decoration:none;
color:#AAAAAA;
}
.derecho div{
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:0.8em;
text-align:center;
color:#AAAAAA;
margin-top:1em;
margin-bottom:1em;
}