body
{
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    color: #6E6E5A;
	margin: 0px;
	padding: 0px;
	font-family: "myriad Pro", verdana, tahoma, arial;
	font-weight: normal;
	font-size: medium;
	background-color: #B4B496;
}
#DivPrincipal
{
	width: 950px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: 100%;
	background-color: #FFFFFF;
}
#BarraSuperior
{
	width: 100%;
	height: 177px;
	background-color: #FFFFFF;
	background-image: url(../Resources/Banner-artista-y-disenador950-pxWEB.jpg);
	vertical-align: middle;
}

#BarraMenu
{
	width: 950px;
	height: 27px;
	background-color: #FE0000;
	color: #FFFFFF;
	padding-bottom: 2px;
}



.DivContenido
{
	width: 760px; /* 950 menos 150 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;
}

.DivContenidoDiseno
{
    width: 770px;
    padding: 20px;
    float: left;
}
.DivContenidoFormularioCompra
{    
    padding: 30px;    
}


#TituloColecciones
{
	background-color: #E9E7E2;
	width: 937px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 8px;
	height: 25px;
	color: #8C826E;
	padding-top: 5px;
	font-size: medium;
}

#PalabraColecciones
{
    text-align: left;
    width: 100px;
    float: left;
}

#PalabraArtePlastico
{
	text-align: right;
	width: 200px;
	float: right;
	font-size: 20px;
	margin-right: 20px;
}

#TituloColeccion
{
	float: left;
	width: 100px;
	padding-left: 170px;
	height: 25px;
}

#MenuLateralIzquierdo
{
    width: 140px;
    height: 100%;
    float: left;
    background-color: #C6C0B7;
    text-align: left;
    color: #FFFFFF;
}

#SeparadorMenu
{
    height: 180px;
}


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

#DivSubmenuFoto
{
}

#DivSubmenuTexto
{
}


#DivGaleria
{
	width: 810px;
	float: left;
	text-align: justify;
}

.DivContenidoGaleria
{
	padding: 20px;
	text-align: justify;
}

.DivFotogaleria
{
    width: 650px;
    float: left;
    padding: 20px;
}

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

.Contacto
{
    text-align: left;
}

.TablaContacto
{
	background-color: #B4B496;
	color: #6E6E5A;
}


#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: 1000px;
}
.PanelBarraSuperior
{
    padding: 0px;
    margin: 0px;
    background-color: #6D6F5A;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
}
.PanelBarraSuperior2
{
    background-color: #8A8370;
    text-align: left;
    color: #FFFFFF;
    padding-left: 10px;
}
.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: 5px;
    font-size: x-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;
    height: 200px;
    width: 500px;
    top: 87px;
    left: 50%;
    margin-left: -400px;
    text-align: left;
}


.TablaCarritoComprasBody
{
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-bottom: 20px;
    margin-left: 200px;
}
.TablaCarritoComprasHeader
{
   
    margin-left: 200px;
}

.TablaCarritoCompras_Nombre_Header
{
    width: 280px;
    padding-left: 30px;
    padding-right: 10px;
}
.TablaCarritoCompras_Precio_Header
{
    width: 170px;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}


.TablaCarritoCompras_Nombre
{
    width: 280px;
    padding-left: 10px;
    padding-right: 10px;
}

.TablaCarritoCompras_Precio
{
    width: 170px;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;

}

.Alineacion
{
    text-align: left;
}


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

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

.DivCuadroFormulario
{
    padding: 20px 10px 20px 10px;
    background-color: #B4B496;
    color: #6E6E5A;
}   

.DivCuadroCarritoCompras
{
    padding: 20px 30px 20px 30px;
    background-color: #B4B496;
    color: #6E6E5A;
} 

.EncabezadoSeccionFormulario
{
    font-size: x-large;
    padding-top: 30px;
    padding-bottom: 5px;
    padding-left: 10px;
}

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