/* Documento CSS */

body {
background-image: url('../fondo.gif');
background-color: #FFF;
color: #000;
font-size: 15px;
margin:0;
padding:0;
height: 100%;
}
table {border-collapse:collapse; border: none;}
td {padding:0; margin:0; vertical-align: top;}
A:link {text-decoration:none; color: #000;}
A:visited {text-decoration:none; color: #000;}
A:active {text-decoration:none; color: #000;}
A:hover {text-decoration:none; color: #000;}
img{border: none;}
html{margin:0; padding:0;  height: 100%;}

.marcoprincipal
{
background-color:#8b7355;
padding: 15px;
border-radius:10px;
margin-top:10px;
}
.titulo1
{
color:#FFF;
font-size:20px;
font-weight:bold;
margin-top: 5px;
margin-bottom: 15px;
text-align:center;
}
.titulo2
{
color:#000;
font-size: 18px;
font-weight:bold;
margin-bottom: 5px;
text-align:center;
}
.marco2
{
background-color:#ebe5cb;
padding: 15px;
border-radius:10px;
margin-top: 15px;
}
.marco3
{
background-color: #FFF;
padding: 5px;
border-width: 2px;
border-style: solid;
border-color: #000;
border-radius:10px;
}
.boton1
{
text-align:center;
font-weight:bold;
font-size: 15px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #EEE;
border-radius:5px;
border: 1px black outset;
cursor:pointer;
}
.boton2
{
font-weight:bold;
font-size: 15px;
cursor:pointer;
}



/* Estilos Menu */
.grupos
{
float:left;
clear: both;
margin-bottom:4px;
padding:0;
}

#menu
{
padding:0;
margin:0;
}

#menu li
{
list-style:none;
float:left;
border-radius: 5px;
}

#menu li span
{
display:block;
width:106px;
height:20px;
font-size: 18px;
background: #66b03d;
padding:2px;
text-decoration:none;
text-align:center;
color: #FFF;
font-weight:bold;
border-radius: 5px;
margin-right: 3px;
}

#menu li span:hover{
background: #8b7355;
border-color:transparent;
cursor:pointer;
}

#menu li ul
{
display:none;
position:absolute;
}

#menu li ul li 
{
display:block;
float:none;
position:relative;
padding:0px;
}

#menu li:hover ul{display:block; padding-left:0px;}

#menu li ul li span
{
font-size: 16px;
display:block;
width: 160px;
border-width: 1px;
border-style: solid;
border-color:#000;
background: #428828;
}

/* Fin Estilos Menu */

.fondo
{
width: 100%;
height: 91px;
background-color: #8b7355;
padding-top: 10px;
border-radius: 20px 20px 0px 0px;
}

.mail
{
width: 100%;
height: 91px;
font-size: 15px;
font-weight:bold;
margin-top: 15px;
text-align:center;
}

.usuario
{
font-weight:bold;
margin-bottom: 15px;
margin-left: 15px;
}

.nombrecliente
{
float: left;
color: #FFF;
}

.boton001
{
text-align:center;
font-weight:bold;
font-size: 15px;
padding-left:5px;
padding-right:5px;
padding-bottom: 2px;
background-color: #EEE;
border-radius:5px;
border: 1px black outset;
cursor:pointer;

margin-right:5px;
float: right;
}

.encabpedido
{
width: 360px;
background-color: #ebe5cb;
border-radius: 15px 15px 0px 0px;
padding: 5px;
text-align:center;
font-weight:bold;
margin-top: 6px;
margin-left: 5px;
height: 19px;
float: left;
}

.buscar
{
margin-top:10px;
margin-bottom:2px;
margin-right:5px;
float: left;
}

.buscat
{
height: 15px;
float: left;
}

.buscab
{
margin-top:1px;
float: left;
}

.busca
{
background-image: url(./dibgen/busca.gif);
width: 20px;
height: 20px;
border: none;
cursor:pointer; 
}



/* Estilos  */
/* Fin Estilos  */