body {
font:0.75em Tahoma, sans-serif;
line-height:1.4em;
background:#9c0;
color:#000;
margin:0;
padding:0;
}

img {
vertical-align:middle;
border:none;
}

h1 {
font:normal 3em Arial, Sans-Serif;
margin:0;
}

h1 span {
display:none;
}

.dark {
color:#000;
background:inherit;
font-weight:700;
}

h1 a,h2 a {
text-decoration:none;
}

h1 a:hover {
color:#fff;
background:inherit;
}

h2 a:hover,h4 a:hover {
color:#333;
background:inherit;
}

h2 {
font:bold 2.7em Arial, Sans-Serif;
letter-spacing:0;
font-size:1.4em;
color:#000;
background:inherit;
margin:3px 3px 5px;
padding:3px;
}

h4 {
font-size:1em;
margin-bottom:5px;
color:#000;
background:inherit;
font-weight:700;
}

strong {
font-weight:400;
font-size:1.2em;
}

p {
margin:0 0 5px;
}

ul {
list-style:none;
margin:0;
padding:0;
}

form {
margin:0;
}

.contenido {
width:790px;
background-color:#9c0;
margin:auto auto 0;
padding:0 10px;
}

.header {
height:55px;
background:#9c0;
color:gray;
text-align:center;
margin:0;
padding:10px 0 0;
}

.logo {
float:left;
padding-bottom:10px;
}

.top {
float:left;
width:790px;
background:#9c0;
color:#000;
}

.traduccion_idiomas {
background-position:top;
float:right;
margin-top:20px;
font-size:1.2em;
font:1em Tahoma, Arial, Sans-Serif;
color:#000;
}

a.traduccion_idiomas: hover {
color:#fff;
}

.entrada_clientes {
float:right;
width:265px;
}

.bar {
clear:both;
font-weight:400;
letter-spacing:1px;
font-size:1.3em;
height:30px;
color:#FFF;
background:#9c0;
margin:0;
}

#menu li {
float:left;
list-style:none;
margin:0;
}

#menu li a {
text-decoration:none;
background:#9c0 url(http://www.area-web.net/images/menubg.gif) repeat-x bottom;
border-right:1px solid #9c0;
color:#B3D6F0;
border-bottom:#000 solid 1px;
padding: 7px 34px;
}

#menu li a:hover {
background:#9c0 url(http://www.area-web.net/images/menuhover.gif) repeat-x bottom;
color:#fff;
}

#menu li.current {
color:#fff;
background:#9c0 url(http://www.area-web.net/images/menucurrent.gif) repeat-x bottom right;
border-right:1px solid #9c0;
border-left:1px solid #9c0;
border-bottom:#000 solid 1px;
padding:2px 34px 7px;
}

.key {
text-decoration:underline;
}

.izquierda {
float:left;
width:60%;
margin:1px 0;
}

.izquierda h3 {
clear:both;
background:#9c0;
color:#000;
font:bold 1em Tahoma, Arial, Sans-Serif;
margin:0;
padding:7px 0 7px 5px;
}

.caja_izquierda {
margin-left:0;
margin-right:5px;
color:#333;
background:#CF9;
text-align:justify;
padding:18px;
border-bottom:5px solid #9c0;
}

.derecha {
float:right;
background:#F2F7E3;
width:40%;
margin:0px 0 2px;
border-bottom:4px solid #F2F7E3;
}

.derecha h3 {
background-color:#9CBACE;
border-bottom:#528294 solid 1px;
border-top:#CEDFE7 solid 1px;
color:#000;
font:bold 1em Tahoma, Arial, Sans-Serif;
text-align:center;
margin:0;
padding:7px 0 7px 5px;
}

.derecha_webs {
background:#F2F7E3;
color:#333;
padding:10px;
text-align: left;
}

.image {
float:left;
margin:0 9px 3px 0;
}

.footer {
clear:both;
color:#000;
text-align:center;
border:1px solid #CF9;
margin-top: 0.5em;
padding: 10px;
}

.footer a {
color:#000;
background:#9c0;
}

a,a:hover {
color:#000;
background:inherit;
}