/* CSS Document */
body{
margin:0;
padding:0;
color:#828282;
}

a{
color:#999999;
}
a:HOVER{
color:#FF9900;
}

.no{
display:none;
}

.caja{
text-align:left;
width:538px;
position:relative;
margin-right: auto;
margin-left: auto;
padding:0 10px 0 10px;
float:none;
}

.cajabaner{
text-align:left;
background: #FFFFFF url(imagenesweb/fondobaner.jpg) top left no-repeat;
width:538px;
height:226px;
margin: 0;
margin-right: auto;
margin-left: auto;
padding:0 10px 0 10px;
}

.cajapie{
text-align:left;
float:none;
position:relative;
width:538px;
height:50px;
margin-right: auto;
margin-left: auto;
padding:10px 10px 0 10px;
border-top:#CCCCCC solid 1px;
}

span{display:none;}

/*
LOGO
*/
#logo{
text-align:center;
float:none;
padding-bottom: 10px;
}
#logo h1{ width:350px; height:75px; background: transparent url(imagenesweb/logo.jpg) no-repeat top left; margin:0; padding:0;}

/*
MENU
*/
#menu{
text-align:center;
height:30px;
float:none;
padding-bottom: 20px;
}
.portada{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:70px;
background: url(imagenesweb/portada_b.jpg) no-repeat top left;
}
.portada a{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:70px;
background: url(imagenesweb/portada.jpg) no-repeat top left;
}
.portada a:HOVER{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:70px;
background: url(imagenesweb/portada_b.jpg) no-repeat top left;
}
.caracteristicas{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:115px;
background: url(imagenesweb/caracteristicas_b.jpg) no-repeat top left;
}
.caracteristicas a{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:115px;
background: url(imagenesweb/caracteristicas.jpg) no-repeat top left;
}
.caracteristicas a:HOVER{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:115px;
background: url(imagenesweb/caracteristicas_b.jpg) no-repeat top left;
}
.precios{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:70px;
background: url(imagenesweb/precios_b.jpg) no-repeat top left;
}
.precios a{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:70px;
background: url(imagenesweb/precios.jpg) no-repeat top left;
}
.precios a:HOVER{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:70px;
background: url(imagenesweb/precios_b.jpg) no-repeat top left;
}
.demo{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:60px;
background: url(imagenesweb/demo_b.jpg) no-repeat top left;
}
.demo a{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:60px;
background: url(imagenesweb/demo.jpg) no-repeat top left;
}
.demo a:HOVER{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:60px;
background: url(imagenesweb/demo_b.jpg) no-repeat top left;
}
.contactar{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:80px;
background: url(imagenesweb/contactar_b.jpg) no-repeat top left;
}
.contactar a{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:80px;
background: url(imagenesweb/contactar.jpg) no-repeat top left;
}
.contactar a:HOVER{
display:block;
float:left;
padding: 0;
margin:0;
height:30px;
width:80px;
background: url(imagenesweb/contactar_b.jpg) no-repeat top left;
}

/*----------------------------
BANER
----------------------------*/
#baner{
text-align:left;
background: transparent url(imagenesweb/fondobarragris.jpg) top left repeat-x;
height:226px;
float:none;
}

/*CLIENTE*/
.clientes{
display:block;
float:left;
position:relative;
padding: 52px 20px 20px 20px;
margin:0;
width:120px;
height:166px;
background: url(imagenesweb/acceso_cliente_fondo.jpg) no-repeat top left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.clientes p{
margin:0;
padding:0;
}
.clientes .userpass{
font-size:10px;
}
.clientes .entrar{
font-size:12px;
font-weight:bold;
}
.clientes .recordar{
margin-top:10px;
color:#999999;
font-size:9px;
}

form{
margin:0;
padding:0;
}

.formtext{
width:115px;
height:16px;
border:#CCCCCC solid 1px;
}

.formentrar{
height:18px;
border:none;
background-color: transparent;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}

/*
TEXTO
*/
#texto{
text-align:left;
}
#texto h1, #texto h3{ width:538px; height:65px; margin:0; padding:0; display:block;}
#texto p{
margin:0 45px 10px 45px;
display:block;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}


/*
PIE
*/
#pie{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:75px;
position:relative;
margin: 40px 0 20px 0;
}


#pie .betabox{
float:left;
position:relative;
margin:0;
}
#pie .css{
float:right;
position:relative;
margin:0;
}