body {
color: #000000;
font-size: 15px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif ;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
background-color: #CCCCCC;
}

#marco {
position: relative;
width: 940PX;
height: 100%;
background-color: #FFFFFF;
}

#encabezado {
position: relative;
width: 100%;
height: 218px;
background-image: url(img/encabezado.jpg);
}

#getflash {
position: relative;
top: 60px;
font-size: 12px;
float: right;
text-align: center;
right: 25px;
}

#flash {
position: relative;
top: 0px;
width: 800px;
background-color: #FFFFFF;
}

#flash p{
position: relative;
padding: 10px;
padding-left: 50px;
padding-right: 50px;
text-align: justify;
clear: both;
}

#contenido {
position: relative;
background-image: url(img/f_contenido.png);
width: 940px;
}
#dir {
position: relative;
float: left;
}
#menu {
position: relative;
float: left;
width: 238px;
height: 514px;
margin: 0;
padding-left: 21px;
list-style-type: none;
background-image: url(img/menu.jpg);
}

ul#menu li {
position: relative;
clear: both;
float: left;
}

ul#menu a {
position: relative;
float: left;
width: 232px;
height: 40px;
}

ul#menu a:hover, ul#menu a:focus, ul#menu a:active{
}

#pagina1 a {
background-image: url(img/m_empresa.png);
}
#pagina2 a {
background-image: url(img/m_servicios.png);
}
#pagina3 a {
background-image: url(img/m_banqueteria.png);
}
#pagina4 a {
background-image: url(img/m_eventos.png);
}
#pagina5 a {
background-image: url(img/m_garzones.png);
}
#pagina6 a {
background-image: url(img/m_contacto.png);
}
#pagina7 a {
background-image: url(img/m_quienessomos.png);
}

#pagina1 a:hover, a:focus, a:active{
background-image: url(img/ms_empresa.png);
}
#pagina2 a:hover, a:focus, a:active{
background-image: url(img/ms_servicios.png);
}
#pagina3 a:hover, a:focus, a:active{
background-image: url(img/ms_banqueteria.png);
}
#pagina4 a:hover, a:focus, a:active{
background-image: url(img/ms_eventos.png);
}
#pagina5 a:hover, a:focus, a:active{
background-image: url(img/ms_garzones.png);
}
#pagina6 a:hover, a:focus, a:active{
background-image: url(img/ms_contacto.png);
}
#pagina7 a:hover, a:focus, a:active{
background-image: url(img/ms_quienessomos.png);
}


#visitas{
position: relative;
padding-top: 20px;
padding-bottom: 20px;
float: left;
width: 230px;
font-size: 16px;
letter-spacing: 1px;
line-height: 30px;
}

#fecha{
position: relative;
float: left;
padding-top: 30px;
width: 230px;
height: 139px;
font-size: 17px;
color: #FF9900;
background-image: url(img/f_fecha.png);
border: 1px solid #FF9900;
}

#central {
position: relative;
float: left;
padding-top: 10px;
width: 500px;
height: 672px;
overflow-y: auto;
}

#central span{
position: relative;
float: left;
margin: 10px;
text-align: justify;
}
#central span img{
position: relative;
float: right;
margin-top: 5px;
margin-left: 10px;
border: 1px solid #333333;
}
#c_derecha {
position: relative;
float: left;
padding-left: 2px;
width: 155px;
height: 100%;
}
#b_derecha {
position: relative;
float: right;
}

.blok {
padding-top: 2px;
margin-bottom: 2px;
height: 515px;
width: 155px;
background-color: #E4E2E2;
}

.titulo {
margin: 0;
margin-left: 60px;
clear: both;
float: left;
}

#contenido p {
position: relative;
text-align: justify;
width: 700px;
color: #333333;
margin: 0;
margin-left: 30px;
clear: both;
float: left;
}
.lista {
position: relative;
float: left;
left: 20px;
}

#menu_bajo {
position: relative;
clear: both;
background-color: #CCCCCC;
}

a {
color: #666666;
font-family: Arial;
text-decoration: none;
text-align: center;
}

a:hover {
color: #333333;
}
#aceros, #gaz, #cristaleria, #cuchilleria, #loza, #manteleria, #mobiliario, #decoracion, #fontana{
position: relative;
left: 0px;
width: 55px;
height: 41px;
margin-left: 2px;
margin-right: 2px;
margin-top: 10px;
float: left;
}
#aceros{ 
background-image: url(img/aceros.jpg);
}
#gaz{
background-image: url(img/gaz.jpg);
}
#cristaleria{
background-image: url(img/cristaleria.jpg);
}
#cuchilleria{
background-image: url(img/cuchilleria.jpg);
}
#loza{
background-image: url(img/loza.jpg);
}
#manteleria{
background-image: url(img/manteleria.jpg);
}
#mobiliario{
background-image: url(img/mobiliaria.jpg);
}
#decoracion{
background-image: url(img/decoracion.jpg);
}
#fontana{
background-image: url(img/fontana.jpg);
}
#contacto {
position: relative;
float: left;
width: 500px;
padding: 5px;
}
#contacto input, #contacto textarea{
margin: 0;
float: left;
border: 1px solid #A0A0A0;
}
#contacto td{
text-align: right;
width: 400px;
}
#productos{
position: relative;
float: left;
padding-left:70px;
width: 410px;
height: 360px;
font-size: 12px;
text-align: left;
background-image: url(img/acerosbis.jpg);
background-repeat: no-repeat;
}
.submit {
border: 1px solid #FF9900;
color: #606060;
font-weight: bold;
background-color: #E0E0E0;
}

.tit{
font-weight: bold;
}
#form, #rowEmpresa, #rowPersona{
width: 100%;
font-size: 12px;
padding: 5px ;
background-image: url(img/fondo.png);
}
.campo_cantidad
{
color: #000000;
font-size: 10px;
width:50px;
font-family: Verdana, Arial, Helvetica, sans-serif ;
}
.combo_flete
{
color: #000000;
background-color:lightgrey;
border-color:lightgrey;
font-size: 10px;
width:110px;
font-family: Verdana, Arial, Helvetica, sans-serif ;
}
.producto_detalle
{
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}
.producto_precio
{
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}    
.textogris_11
{
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}

.textoblanco_11
{
color: #FFFFFF;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}
.textogris_10
{
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}
.celda_precio
{
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}
.celda_cantidad
{
color: #000000;
font-size: 10px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}
.celda_valor
{
color: #000000;

font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}
.cotizacion {
position: relative;
float: left;
padding-top: 10px;
height: 300px;
width: 158px;
overflow-y: auto;
}
.cotizacion_central {
position: relative;
float: left;
padding-left:10px;
padding-top: 10px;
height: 100px;
overflow-y: auto;
}
.centralBanqueteria {
position: relative;
float: left;
padding-top: 10px;
width: 500px;
height: 485px;
}
.txt_error
{
color: #FF0000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif ;

}