h1
{
    font-size: x-large;
    font-weight: bold;
    height: 35px;
}
h2
{
    font-size: medium;
    font-weight: bold;
    text-align: center;
}

h3
{
    font-size: medium;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
P
{
    line-height: 25px;
    }

a
{
	color: #6E6E5A;
	text-decoration: none;
}

a:hover {
	color: #6E6E5A;
	text-decoration: underline;
}

a:visited {
	color: #6E6E5A;
}


br
{
    line-height: 5px;
}
.Sangria
{
	padding-left: 25px;
}



.MenuItem
{
	border-color: #C0C0C0;
	border-width: 1px;
	border-right-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
}
.MenuItem a
{
	color: #FFFFFF;
	text-decoration: none;
}
.MenuItem a:hover
{
	color: #6E6E5A;
	text-decoration: none;
}
.MenuItemLateral
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: x-small;
	background-image: url(../Resources/FondoMenuLateral.jpg);
	height: 20px;
	width: 150px;
	background-repeat: no-repeat;
	padding-top: 3px;
}

.MenuItemLateral:hover
{
	background-image: url(../Resources/FondoMenuLateralOver.jpg);
}

.MenuItemLateral a
{
	color: #FFFFFF;
	text-decoration: none;
}
.MenuItemLateral a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}




.SubMenuItemLateral
{
    padding-right: 10px;
    padding-left: 10px;
    font-size: x-small; 
    background-image: url(../Resources/FondoSubMenuLateral.jpg);
    height: 30px;
    width: 150px;
    background-repeat: no-repeat;
    padding-top: 3px;
    background-color: #626262;
}

.SubMenuItemLateral:hover
{
    background-image: url(../Resources/FondoSubMenuLateralOver.jpg);
}

.SubMenuItemLateral a
{
	color: #FFFFFF;
	text-decoration: none;
}
.SubMenuItemLateral a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.SubMenu
{
    padding-right: 10px;
    padding-left: 10px;
    font-size: medium;
    height: 23px;
    width: 140px;
    background-repeat: no-repeat;
    padding-top: 3px;
    background-image: url(../Resources/FondoSubMenu.png);
}

.SubMenu:hover
{
	background-image: url(../Resources/FondoSubMenuHover.png);
}

.SubMenu a
{
    color: #6E6E5A;
	text-decoration: none;
}
.SubMenu a:hover
{
    text-decoration: none;
}



body
{
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    color: #636864;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	background-color: #686763;
}
.DivPrincipal
{
	width: 950px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: 100%;
	background-color: #FFFFFF;
}
.BarraTop
{
	width: 100%;
	height: 177px;
	background-color: #FFFFFF;
	background-image: url(../Resources/banner-950.jpg);
	vertical-align: middle;
}

.MenuSuperior
{
    width: 950px;
    height: 27px;
    background-color: #D24615;
    color: #FFFFFF;
    padding-bottom: 2px;
}



.DivContenidoSinMenu
{
	width: 870px; /* 950  menos 40+40 del padding*/
	float: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	text-align: justify;
}

.DivContenidoConMenu
{
	width: 740px; /* 950 menos 170 del menu lateral (menos 20+20 del padding)*/
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
}

.TextoGaleria
{
}

.FotosGaleria
{
}




.MenuLateralIzquierdo
{
    width: 170px;
    height: 400px;
    float: left;
    background-color: #CFCFCF;
    text-align: left;
}

.TituloMenuLateral
{
    font-size: x-large;
    font-weight: bold;
    height: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}



.SubMenu
{
    height: 100%;
    width: 120px;
    float: left;
}


.LogoInicio
{
    width: 300px;
    height: 177px;
    position: absolute;
    top: 20px;
}

.Contacto
{
    text-align: left;
}

.TablaContacto
{
    padding: 20px 30px 20px 10px;
    background-color: #666666;
    color: #FFFFFF;
    width: 800px;
}

.BotonesContacto
{
    vertical-align: baseline;
    height: 141px;
}


.Footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #333333;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    clear: both;
}

.FirmaSite
{
	width: 950px;
	height: 28px;
	clear: both;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/* ----------------  Inicia Estilos para el GDLSystemsGalleryControl */
/* Se utiliza para ver la foto grande y los detalles de una pieza*/
.PanelDetalle
{
    position: absolute;
    bottom: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-image: url(../Resources/FondoTransparenteGris.png);
    height: 2000px;
}
.PanelBarraSuperiorTituloLinea
{
    padding: 5px 0px 0px 25px;
    margin: 0px;
    background-color: #CD3301;
    height: 25px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
}
.PanelBarraSuperior
{
    padding: 0px 0px 0px 25px;
    margin: 0px;
    background-color: #666666;
    height: 50px;
    color: #FFFFFF;
    font-weight: bold;
}
.PanelBarraSuperior2
{
    background-color: #C9C9C9;
    text-align: left;
    color: #666666;
    padding-left: 25px;
    vertical-align: middle;
}
.PanelAreaFotografia
{
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    width: 100%;
}

.PanelDetalleInterno
{
    width: 805px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    background-color: #6D6F5A;
    border: 1px solid #000000;
    text-align: center;
}

.NombrePieza
{
    padding: 0px;
    font-size: large;
    text-align: left;
}
.Precio
{
    padding: 15px 0px 0px 0px;
   
   
}
.BotonNextPrev
{
   
}
.BotonCerrar
{
    padding-left: 20px;
}
.BotonCarrito
{
    padding-right: 20px;
}
.PrecioBotones
{
    padding: 0px;
    vertical-align: middle;
    text-align: right;
}
.DescripcionPieza
{
    padding: 10px;
    background-image: url(../Resources/FondoTransparenteBlanco.png);
    position: absolute;
    width: 780px;
    top: 120px;
    left: 50%;
    margin-left: -400px;
    text-align: left;
}







.Alineacion
{
    text-align: left;
}


/* ----------------  Termina Estilos para el GDLSystemsGalleryControl */

/* ----------------  Estilos carrito compras -----------------------------*/

.DivContenidoFormularioCompra
{    
        
}
.DivCuadroCarritoCompras
{
    padding: 20px 30px 20px 30px;
    background-color: #666666;
    color: #FFFFFF;
} 
.TablaCarritoComprasBody
{
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-bottom: 20px;
    margin-left: 50px;
    color: #666666;
}
.TablaCarritoComprasHeader
{
   
    margin-left: 50px;
}


.TablaCarritoCompras_Cantidad
{
    width: 100px;
}

.TablaCarritoCompras_Nombre
{
    width: 350px;
}

.TablaCarritoCompras_Precio
{
    width: 100px;
    text-align: right;

}
.TablaCarritoCompras_Importe
{
    width: 100px;
    text-align: right;

}
.TablaCarritoCompras_Eliminar
{
    text-align: center;     
    width: 50px;

}
/* ----------------  Termina Estilos carrito compras -----------------------------*/

/*----------------- Inicia Estilos para formulario pedido ------------------------*/
.EncabezadoSeccionFormulario
{
    font-size: large;
    padding-top: 30px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.DivCuadroFormulario
{
    padding: 20px 30px 20px 10px;
    background-color: #666666;
    color: #FFFFFF;
    width: 830px;
}

.LabelFormulario
{
    text-align: right;
    padding-right: 10px;
    width: 280px;
}
.ControlFormulario
{
    border: 1px solid #000000;
    width: 500px;
}

/*----------------- Termina Estilos para formulario pedido ------------------------*/
.IndicadorProgreso{
	position: fixed;
	height: 50px;
	top: 0px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	left: 0px;
	right: 0px;
	text-align: center;
	padding: 5px;
}