/*------------------------------------------------Estilos Básicos--------------------------------------*/

body
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    color: #333333;
    text-align: justify;
}
h1
{
    margin: 0px;
    color: #000000;
    font-size: 22px;
    background-image: url('../Resources/fondo_h1.png');
    background-repeat: repeat-x;
    letter-spacing: -2px;
    word-spacing: +2px;
}
h2
{
    background-position: 75px;
    margin: 0px;
    color: #000000;
    font-size: 28px;
    background-image: url('../Resources/fondo_h1.png');
    background-repeat: repeat-x;
    letter-spacing: -3px;
    word-spacing: +2px;
}
h3
{
}
h4 
{
}
h5 
{
}
h6
{
}

a
{
    color: #000000;
    text-decoration: none;
    font-size: x-small;
}


a:hover {
	text-decoration: underline;
}

a:visited
{
    color: #000000;
}

a img
{
	border:				none;
}

a.MenuItem
{
    color: #000000;
    text-decoration: none;
    font-weight: lighter;
}


a.MenuItem:hover {
	text-decoration: underline;
}

a.MenuItem:visited
{
    color: #000000;
}

.MenuItemLateral
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12px;
    width: 100%;
    background-image: url('../Resources/FondoMenuLateral.png');
    padding-top: 2px;
    background-repeat: no-repeat;
}

.MenuItemLateral:hover
{
    background-image: url('../Resources/FondoMenuLateralHover.png');
    background-repeat: no-repeat;
}

.MenuItemLateral a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bolder;
    letter-spacing: -1.5px;
    font-size: large;
    background-image: url('../Resources/fondo_menu.png');
}
.MenuItemLateral a:hover
{
    text-decoration: none;
    color: #000000;
}

.MenuItemlateral a:visited
{
    color: #FFFFFF;
}



.MenuSuperior
{
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    width: 100%;
    padding-top: 2px;
}

.MenuSuperior:hover
{
}

.MenuSuperior a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bolder;
    letter-spacing: -1.5px;
    font-size: large;
    background-image: url('../Resources/fondo_menu.png');
}
.MenuSuperior a:hover
{
    color: #000000;
}

.MenuSuperior a:visited
{
}


/*-----------------------------------------------Botones-------------------------------------*/

.Button
{
    color: #FFFFFF;
    background-color: #000000;
}

/*--------------------------------------------------------Layout --------------------------------------------------------*/

.DivPrincipal
{
    padding: 0px;
    margin: 0px auto 0px auto;
    width: 950px;
    height: 100%;
    background-image: url('../Resources/FondoDivPrincipal.png');
    background-repeat: repeat-y;
}


.BarraTop
{
    width: 100%;
    height: 150px;
    background-image: url('../Resources/FondoBarraTop.png');
    background-repeat: no-repeat;
}

.DivLogo
{
    padding: 0px;
    margin: 0px;
    width: 300px;
    height: 150px;
    float: left;
}

.DivFlash
{
    width: 650px;
    height: 150px;
    float: left;
    padding: 0px;
    margin: 0px;
}
.DivBuscador
{
    text-align: right;
    padding: 10px;
    float: right;
}

.BotonVerCarrito
{
    float: right;
}
.ClearBoth
{
    clear: both;
}

.DivContenidoSuperior
{
    padding: 0px;
    width: 500px;
    /*height: 360px;*/
    float: left;
}


.DivSuperior
{
    padding: 10px;
    width: 500px;
    /*height: 180px;*/
    /*background-image: url('../Resources/fondo1.png');*/
    background-repeat: no-repeat;
}

.DivSuperior1 h1
{
    color: #FFFFFF;
}

/*
.DivSuperior2
{
    padding: 10px;
    width: 500px;
    /*height: 180px;*/
    /*background-image: url('../Resources/fondo1.png');
    background-repeat: no-repeat;
}*/

/*
.DivSuperior3
{
    padding: 10px;
    width: 750px;
    background-image: url('../Resources/fondo1.png');
    background-repeat: no-repeat;
}*/

.DivTwitter
{
    width: 250px;
    height: 100%;
    float: right;
    text-align: right;
    margin-bottom: 15px;
}

.ColumnaIzquierda
{
    width: 125px;
    height: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 5px;
    color: #FFFFFF;
}

.DivContenidoPrincipal
{
    width: 770px;
    height: 100%;
    float: left;
    padding: 15px;
}

.Footer
{
    width: 800px;
    height: 120px;
    clear: both;
    background-image: url('../Resources/FondoFooter.png');
    padding-left: 150px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    padding-top: 10px;
}

.FondoMenu
{
    width: 100%;
    background-image: url('../Resources/FondoMenu.png');
    background-repeat: repeat-x;
}

.FirmaSites
{
    width: 950px;
    height: 30px;
    clear: both;
    margin: 0px auto 0px auto;
    text-align: right;
}

.FotoAlineadoTexto
{
    padding: 10px 10px 0px 10px;
    float: left;
}





/*-------------------------------------------------------------- Estilos Ajax -------------------------------------------*/

.ProgressIndicator
{
    border: 1px solid #C0C0C0;
    padding: 15px 15px 15px 45px;
    position: fixed;
    top: 213px;
    left: 417px;
    background-color: #FFFFFF;
    background-image: url('../Resources/ProgressIndicator.gif');
    background-repeat: no-repeat;
}


/*-------------------------------------------------------------- MessageControl -------------------------------------------*/

.PanelError
{
    padding: 10px;
    border: 1px solid #DD3C10;
    background-color: #FFC9C1;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 80%;
    color: #FF0000;
    text-align: left;
}
.PanelInformative
{
    padding: 10px;
    border: 1px solid #CCCCCC;
    background-color: #FFFF99;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 95%;
    color: #000000;
}

/* Estilos para AutoComplete */
 
.autocomplete_completionListElement
{
    border: 1px solid #999999;
    font-style: italic;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    background-color: #EAEAEA;
    list-style-type: none;
}
 
.autocomplete_listItem
{
}
 
.autocomplete_highlightedListItem
{
    background-color: #CCCCCC;
    cursor: pointer;
}

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

.DivContenidoFormularioCompra
{    
        
}
.DivCuadroCarritoCompras
{
} 
.TablaCarritoComprasBody
{
    padding: 10px;
    border: 1px solid #666666;
    margin-bottom: 20px;
}
.TablaCarritoComprasHeader
{
    background-color: #CCCCCC;
    margin-bottom: 5px;
}


.TablaCarritoCompras_Cantidad
{
    width: 50px;
    text-align: left;
}

.TablaCarritoCompras_Nombre
{
    width: 300px;
    text-align: left;
}

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

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

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

}
/* ----------------  Termina Estilos carrito compras -----------------------------*/
/*----------------- Inicia Estilos para formulario pedido ------------------------*/
.EncabezadoSeccionFormulario
{
    font-size: large;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    color: #6E8D6E;
}

.DivCuadroFormulario
{
    padding: 20px 30px 20px 10px;
    width: 100%;
}

.LabelFormulario
{
    text-align: right;
    padding-right: 10px;
    width: 200px;
}

.Control
{
    border: 1px solid #000000;
    width: 400px;
}

/*----------------- Termina Estilos para formulario pedido ------------------------*/

/*----------------- Empieza Estilos para galeria ------------------------*/

.Galeria
{
    background-position: #000000;
    width: 750px;
    background: #000000;
    margin: 0;
    padding: 10px;
    text-align: left;
}


.Fotos h1 {
	
	font-family: Tahoma;
	font-size:	18px;
	color: #4c4c4c;
	margin: 0 0 10px 0;
	padding: 0;
	
}

.Fotos p {
	
	font-family: Tahoma;
	font-size:	12px;
	text-align: justify;
	color: #8b8b8b;
	margin: 0 0 10px 0;
	padding: 0;
	
}

.Fotos img
{
    margin: 0 10px 10px 9px;
    padding: 0;
    border: 1px solid #FF0000;
    width: 100px;
    height: 75px;
}
/*----------------- Termina Estilos para galeria ------------------------*/