/* CSS Document */
/* Resetear CSS -------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
/*fieldset,*/ form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
    vertical-align: baseline;
}
body {
    background: #FFF;
    line-height: normal;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th{
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* --------------------------------------------------------------------*/

/* Configurar Tags que usare ------------------------------------------*/
p {margin:10px 0 10px 0;}
ul {padding:5px 0 10px 10px;}
table {border-spacing: 2px;}
td {padding:2px; /*vertical-align:middle*/}
small {font-size:10px}
div {box-sizing:border-box;}

/* --------------------------------------------------------------------*/

body {background:url(../imagenes/fondo.jpg) no-repeat top center fixed #0E0000; background-size:cover; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#BC3B7E; text-decoration:underline;}
a:hover {color:#54465E; text-decoration:none;}
.SubTitulo1 {color:#BC3B7E; font-size:18px;}
.SubTitulo2, legend {color:#54465E; font-size:16px; font-weight:bold;}
.SubTitulo3 {color:#BC3B7E; font-size:14px; font-weight:bold;}
.SubTitulo4 {color:#54465E; font-weight:bold;}
.SubTitulo5 {color:#CCC; font-size:16px; font-weight:bold; text-shadow:2px 2px 3px #000;}
.BCampos, label {color:#666; font-weight:bold;}
.Rojo {color:#CC0000}
.BRojo {color:#CC0000; font-weight:bold;}
.Tabla td {padding:5px; vertical-align:middle;}

/*MAQUETACION Y CONFIGURACION*/

/* Contenedores -------------------------------------------------------------*/
.contenedor {min-width:983px;}
.contenedor983 {margin:auto; width:983px;}

/* Columna izquierda --------------------------------------------------------*/
.columna_izquierda {float:left; width:200px;}

/* Columna central (contenido)-----------------------------------------------*/
.columna_central {margin-left:229px;}

/* Pie ----------------------------------------------------------------------*/
.marcopie, .Contador, .DivArregla {clear:both;}
.marcopie {
    background:#373737;
    border-top:4px solid #AC029B;
    border-bottom:4px solid #AC029B;
    box-shadow:3px 3px 10px #000;
    color:#FFF;
	line-height:20px;
    padding:10px 0;
}

/* Enlaces Menus Principales ------------------------------------------------*/
#lava-menu {
    background-color: #373737;
    background-image: linear-gradient(bottom, #302F30 0%, #454545 100%);
    border-bottom: 2px solid #222222;
    border-radius: 0 0 5px 5px;
    box-shadow:1px 1px 5px #000;
    height: 44px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; /*Tamaño del menu*/
}
#lava-menu li {display:block; float:left; position:relative;}
#lava-menu a {
    color: #FFFFFF;
    display: block;
    line-height: 1.3;
    font-size: 13px;
    font-weight: bold;
    padding: 14px 10px;
    text-decoration: none;
    text-shadow: 0 -1px 0 #000000;
}

#lava-menu li:hover a {background:#695874;}
.cont-l {background-color:#AC029B; height:4px; position:relative;}

#lavalamp {
    background: none repeat scroll 0 0 #AC029B;
    border-radius: 20px 20px 20px 20px;
    width: 13px;
    height: 13px;
    left: 22px;
    margin-top: -5px;
    position: absolute;
    transition: all 500ms ease;
}

#lava-menu li:nth-child(1):hover ~ .cont-l > #lavalamp {left:22px;}
#lava-menu li:nth-child(2):hover ~ .cont-l > #lavalamp {left:106px;}
#lava-menu li:nth-child(3):hover ~ .cont-l > #lavalamp {left:200px;}
#lava-menu li:nth-child(4):hover ~ .cont-l > #lavalamp {left:270px;}
#lava-menu li:nth-child(5):hover ~ .cont-l > #lavalamp {left:365px;}
#lava-menu li:nth-child(6):hover ~ .cont-l > #lavalamp {left:455px;}
#lava-menu li:nth-child(7):hover ~ .cont-l > #lavalamp {left:540px;}
#lava-menu li:nth-child(8):hover ~ .cont-l > #lavalamp {left:630px;}

#lava-menu li ul {
    border:2px solid #695874;
    border-radius:0 5px 5px 5px;
    box-shadow:1px 1px 5px #000;
    display:none;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:40px;
}

#lava-menu li ul li {
    background:none repeat scroll 0 0 #242424;
    border-bottom:1px solid #131313;
    border-top:1px solid #373737;
    width:150px;
}
#lava-menu li ul li:last-child {border-radius:0 0 5px 5px;}
#lava-menu li:hover ul {display:block;}
#lava-menu li ul li a {background:none !important; font-size:12px; line-height:.5; padding:10px;}
#lava-menu li ul li a:hover {background:#54465E !important;}

/* Menus --------------------------------------------------------------------*/
.ContenedorMenu1 {background:rgba(76, 50, 75, .7); color:#CCC; min-height:40px; font-size:13px; font-weight:bold; overflow:auto; padding-right:10px;}

#Menu1 ul {float:right; padding:0px;}
#Menu1 li {float:left; list-style:circle; margin-left:15px; padding:8px 0;}
#Menu1 a {color:#CCC; text-decoration:none;}
#Menu1 a:hover {color:#EEE;}

.MarcoMenus {border-radius:5px; box-shadow:1px 1px 5px #000; margin-bottom:20px;}

.MarcoTituloMenu {
	background:url(../imagenes/ico_menu.png) no-repeat #373737;
    background-position:5px;
    border-radius:5px 5px 0 0;
    color:#FFF;
    font-size:14px;
	font-weight:bold;
    height:32px;
    line-height:32px;
    padding-left:30px;
}
.General, .MPrincipal {
	background:#DCD3DA;
    border-radius:0 0 5px 5px;
	padding:5px;

}
.MPrincipal {font-weight:bold; padding:10px;}
.MPrincipal a, .MPrincipal a:visited {color:#444; text-decoration:none;}
.MPrincipal a:hover {color:#C102AE;}

/* Marco del Título ----------------------------------------------------------*/
.MarcoTitulo {
    background:url(../imagenes/ico_titulo.png) no-repeat #D1C0CC;
    background-position: 10px;
    border-radius:5px;
    box-shadow:1px 1px 5px #000;
    color:#444;
    font-size:22px;
    min-height:40px;
    line-height:40px;
    margin-bottom:20px;
	padding-left:50px;
}

/* Marcos Varios -------------------------------------------------------------*/
.MarcoVarios, .MarcoTercio {
    background:rgba(230,223,228,.95);
    border:1px solid #DDD;
    border-radius:5px;
    box-shadow:1px 1px 5px #000;
    overflow:auto;
	padding:10px;
}
.MarcoMitad {display:inline-block; vertical-align:top; width:49%;}
.MarcoTercio {display:inline-block; font-size:13px; font-weight:bold; margin:10px; text-align:center; width:226px;}

/* Todos sobre los Productos ----------------------------------------------------*/
.ProductoIndice {background:rgba(230,223,228,.95); border:1px solid #CCC; border-radius:5px; box-shadow:1px 1px 5px #000; display:inline-block; height:150px; margin:10px; padding:5px; vertical-align:top; width:355px;}
.ProductoIndice .Clave {color:#BC3B7E; font-size:14px; font-weight:bold; text-decoration:none;}
.ProductoIndice img {border-radius:5px; float:left; margin:0 10px 5px 0; width:185px;}

.ProductoFotos {display:inline-block; margin-right:20px; vertical-align:top; width:250px;}
.ProductoCont {display:inline-block; font-size:13px; vertical-align:top; width:440px;}
.ProductoCont .Titulo {color:#BC3B7E; font-size:20px;}
.ProductoCont table td {border:1px dotted #BBB; font-size:12px}
.ProductoCont table tr td:first-child {font-weight:bold; text-align:right; width:50%;}

/* Todos sobre las Fichas ----------------------------------------------------*/
.FichaIndice {background:rgba(230,223,228,.95); border:1px solid #CCC; border-radius:5px; box-shadow:1px 1px 5px #000; color:#333; display:inline-block; margin:1%; padding:5px; text-align:center; text-decoration:none; vertical-align:top; width:calc(88% / 3);}
.FichaIndice:hover {color:#BC3B7E;}
.FichaIndice img {border-radius:5px; width:100%;}
.FichaIndice span {font-size:14px; font-weight:bold;}

.FichaFotos {display:inline-block; margin-right:20px; vertical-align:top; width:300px;}
.FichaContenido {display:inline-block; font-size:14px; vertical-align:top; width:400px;}
.FichaContenido .Titulo {color:#BC3B7E; font-size:20px;}
.FichaContenido .SubTitulo {color:#54465E; font-size:16px; font-weight:bold;}
.FichaContenido table td {border:1px dotted #BBB; font-size:12px}
.FichaContenido table tr td:first-child {font-weight:bold; text-align:right; width:50%;}

/* Todos sobre las Galerías ----------------------------------------------------*/
.GaleriaIndice {background:rgba(230,223,228,.95); border:1px solid #CCC; border-radius:5px; box-shadow:1px 1px 5px #000; display:inline-block; height:200px; margin:20px; padding:5px; text-align:center; vertical-align:top; width:200px;}
.GaleriaIndice .Titulo {color:#BC3B7E; font-size:14px; font-weight:bold; text-decoration:none;}
.GaleriaIndice img {border-radius:5px; width:150px;}

/* Acordion ---------------------------------------------------------------- */
.acord-item {
    border-top: 1px dotted #AAA;
    cursor: pointer;
    /*display: block;*/
    margin: 0;
}
.acord-item:last-of-type, .acord-contenedor:last-of-type {
    border-bottom: 1px dotted #AAA;
    margin-bottom: 20px;
}
.acord-item a {
    background: url(../imagenes/b_acordion.png) no-repeat 5px 15px;
    display: block;
    color: #54465E;
    outline: medium none;
    padding: 15px 15px 15px 35px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}
.acord-item a:hover {background: url(../imagenes/b_acordion.png) no-repeat 5px 15px rgba(255,255,255,.2);}
.acord-item a:hover, .acord-item.active a, .acord-item.active a:hover {color:#BC3B7E;}
.acord-item.active {cursor: default;}
.acord-item.active:last-of-type {border-bottom:none; margin-bottom:0;}
.acord-item.active a {background-position: 5px -96px; cursor: default;}
.acord-contenedor .acord-contenido {padding: 0 20px 25px 40px;}
.acord-contenido {width: 90%;}

/* Flotar Imagenes -----------------------------------------------------------*/
.flotarimgder {float:right; margin-left:5px;}
.flotarimgizq {float:left; margin-right:10px;}

/* Sombra y Radio---------------------------------------------------------*/
.Sombra {box-shadow:1px 1px 5px #000;}
.Radio {border-radius:5px;}

/* Viñetas ---------------------------------------------------------*/
.Vineta1 li {
	background-image:url(../imagenes/ico_ballf.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:8px 0 8px 15px;
}

/*Detalles productos -----------------------------------------------------*/
#DetallesP ul {list-style:circle; margin-left:25px; line-height:20px}
#DetallesP ol {list-style:decimal; margin-left:25px; line-height:20px}

/* Formato de Paginación ---------------------------------------------*/
.InfoPagina {color:#555; font-weight:bold}

.paginacion {border:1px solid #CCC; color:#000; font-size:16px; font-weight:bold; margin:3px; padding:3px;}
.MPaginacion {text-align:center; width:97%;}
.MPaginacion a {border:none; color:#5457C7; font-size:14px; text-decoration:underline;}
.MPaginacion a:hover {color:#17385E; text-decoration:none;}
.NPagina {font-size:14px; font-weight:bold}

/* Otros --------------------------------------------------------*/
.Overflow {overflow:hidden}
.Ocultar {display:none;}