/* CSS Document */
* {margin:0;padding:0;border:none;}

a{ text-decoration:none; color:#3b73b9; text-decoration:none;}
a:hover{ text-decoration:none; color:#3b73b9; text-decoration:underline;}
select {border:1px solid #6787b8;}
hr{color:#333; border:1px; width:95%;}
html, body {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333; height:100%; background-image:url(../images/background2.jpg); background-repeat:repeat; height:100%;}


#cajaconfirm{ background-color:#F2F2F2; padding:3em; width:93%; background-image:url(../images/ico_confirm.gif); background-repeat:no-repeat;}
#cajaconfirm h2{ font-size:18px; color:#000; margin:0 2.5em ;}
#cajaconfirm p{margin:0 4em ;}
#cajacancelacion{ background-color:#F2F2F2; padding:3em; width:93%; background-image:url(../images/ico_error.gif); background-repeat:no-repeat;}
#cajacancelacion h2{ font-size:18px; color:#000; margin:0 2.5em ;}
#cajacancelacion p{margin:0 4em ;}

.precio{color:#d35701;}
.precio_tachado{color:#999; text-decoration:line-through; margin-right:5px;}
.oferta{color:#fff; background:#d35701; font-size:9px; font-weight:regular; padding:1px 2px; margin:0 0 0 2px;}
.bot_carrito{ margin-top:0.5em;}
#formulario { margin:0; padding:0;}
#formulario .campos {border:1px solid #6787b8; height:1.4em; margin-bottom:0.8em;}
#formulario label { font-weight:bold;}
#formulario textarea {border:1px solid #6787b8; margin-bottom:0.8em; width:264px; height:100px;}
#formulario submit {border:1px solid #6787b8; padding:2em;}
#formulario legend{ visibility:hidden; margin:0; padding:0;}
.bgimage {background-image:url(../images/bot_enviar.gif);width:60px;height:21px;background-repeat:no-repeat; font-weight:bold; font-size:11px;}

/*######## NUEVOS ESTILOS ###########################################*/

#content {width: 950px; margin: 0 auto; padding: 0 20px; background-color:#FFF;
	/*overflow:hidden;*/}
	
#contenthome {width: 958px; margin: 0 auto; padding: 0 16px; background-color:#FFF;
	/*overflow:hidden;*/}
	
#cabecera {width: 100%; height:9.5em; clear:none;}
#izquierda {width:40%; color:#FFF; float:left;} 
#derecha {width:30%;float:right; text-align:right;} 
#derecha UL {margin:0; padding:0;}
#derecha LI {display:inline; margin:0; padding:0 0.5em; border-right:1px solid #eee; height:0;}
#derecha LI A{margin:0;padding:0; text-decoration:none; color:#777; font-style:italic; size:10px; font-family:"Times New Roman", Times, serif; height:0;}
#derecha LI A:hover{margin:0; padding:0; text-decoration:underline;}

#central{ width:20%; float:left;} 
#central h1 {background:url(../images/logo.gif) center no-repeat; text-indent:-9999px; margin:0; padding:0; width:100%;}
#central h1 a{margin:0.7em 0 0.2em 0; padding:1.1em 0; display:block;}		

#menucontainer{display:block;padding:0; margin:0 0 1em 0;}
#menu{position:relative;display:block; height:24px; font-size:11px; border-top:dotted 1px #dcddde; border-bottom:dotted 1px #dcddde;}
#menu ul{margin:0px;padding:0;list-style-type:none;width:auto;font-family:Georgia, "Times New Roman", Times, serif;}
#menu ul li{display:block;float:left;margin:0 1px 0 0;}
#menu ul li a{display:block;float:left;color:#4d4d4d;text-decoration:none;padding:5px 20px 0 20px;height:19px;}
#menu ul li a:hover{color:#fff;background:#a4b6c1;}
#menu ul li a.current,#foxmenu ul li a.current:hover{color:#4d4d4d; background:#dcddde; border-bottom:solid 1px #dcddde; font-weight:bold;}
#menu2 {margin:0; padding:0; border-bottom:solid 1px #eeeeee; text-align:left; background-color:#dcddde;}
#menu2 UL {width:100%; font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 0 1.4em; padding:0.8em 0;  height:1em;}
#menu2 LI {display:inline;list-style-type: none; margin:0; padding:0; border-right:#eee dotted 1px;}
#menu2 LI A{margin:0; padding:0 0.5em; color:#4d4d4d; text-decoration:none;}
#menu2 LI A:hover{text-decoration:underline; margin:0; color:#4d4d4d;}
#menu2 LI span {margin:0; padding:0; color:#4d4d4d; font-weight:bold;}

/*######## MENÚ VERTICAL ###########################################*/
#verticalmenu{ margin:0; padding:0; font-size:11px;}
#verticalmenu UL{ padding:0 10% 0 0; margin:4%;}
#verticalmenu LI{margin:0; padding:2% 0 2% 4%; list-style:none; border-bottom:dotted #c6c6c6 1px;}
#verticalmenu UL UL {margin:0; padding:3% 5%; border-bottom:dotted #c6c6c6 1px;}
#verticalmenu UL UL lI{ margin:0; padding:2% 0; list-style:none; border:0;}
#verticalmenu LI a{ text-decoration:none; color:#333333;}
#verticalmenu LI .activo{ text-decoration:none; color:#3b73b9;}
.activo2{ background-color:#f3f3f3;}
#verticalmenu LI a:hover{ text-decoration: underline; color:#3b73b9;}

/*###################################################*/

.banner1{width:228px;height:229px;border:solid #dadada 1px;margin:0 0 12px 0;background-image:url(../images/kit_velas.jpg);background-repeat: no-repeat; background-position: center 85px; background-color:#FFF;}
.banner1 h3{ text-align:center; margin:15px 0 5px 0;}
.banner1 p{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0 10px;}
.banner1 p a{color:#333;}


.banner2{width:228px;height:150px;border:solid #dadada 1px;margin:0 0 12px 0;background-image: url(../images/img_banner_promo1.jpg);background-repeat: no-repeat; background-position: center bottom; background-color:#FFF;}
.banner2 h3{ text-align:center; margin:11px 0 5px 0;}
.banner2 p{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0 10px;}
.banner2 p a{color:#333;}

.bot_banner{}
.bot_banner	A {margin:11em 0 0 1em; border:#dcdcde 1px solid; width:100px; padding:0.8em 0;text-align:center;background-color:#21263c; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; display:block;}
.bot_banner	A:hover {margin:11em 0 0 1em; border:#dcdcde 1px solid; width:100px; padding:0.8em 0;text-align:center; background-color:#a4b6c1; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; display:block;}


/*######## PÁGINA FINAL ###########################################*/
.bloque {width:62%; margin:3% 0 5% 2%;}
.bloque h2 {color:#777;}
.bloque h3 {font-size:1,4 em; margin:2% 0; padding:0; color:#454545;}
.bloque UL {padding:0 1% 0 0; width:100%;}
.bloque LI {margin:0; padding:1% 0; list-style:none;}


.bloque2 {width:100%; margin:3% 0 0 0;}
.bloque2 h2 {color:#777; margin:0 0 1% 0;}
.bloque2 p {color:#777; font-size:1.1em;  margin:0;line-height:140%;}
.bloque2 h3 {font-size:1,4 em; margin:2% 0; padding:0; color:#454545;}
/*###################################################*/

#coleccion2 {padding:0; margin:0; width: 970px;}
#coleccion2 .left {float:left;width:80%;}
#coleccion2 .right {float:left;width:20%;}

/*#coleccion3 {padding:19px 20px 19px 20px; margin:0; width:100%; height:410px; background-image:url(../images/fondo_banner.jpg);background-repeat: no-repeat;}
#coleccion3 .left {float:left;}
#coleccion3 .right {float:right; padding:0 41px 12px 0;}*/
#coleccion3 {padding:15px; margin:0; height:395px; background-color:#e5e3e5; }

#coleccion3 .left {float:left;}
#coleccion3 .right {float:right; padding:0;}

/*######## GRUPOS DE TRES GALERÍA ###########################################*/
.grupode3 							{clear:both; margin:0 auto; padding:0;}
.grupode3 .galeria					{width:33%; margin:1.5% 0; padding:0; float:left; display:inline;}
.grupode3 .galeria h3				{font-size:1em; margin:2% 0; padding:0; color:#434343; font-weight:bold;}
.grupode3 .galeria h3 A				{color:#434343;text-decoration:none;}
.grupode3 .galeria h3 A:hover		{color:#000; text-decoration: underline;}
.grupode3 .galeria P				{width:95%;margin:0;padding:0; color:#666666;}
.grupode3 .galeria P A				{color:#4592cb;text-decoration:none;}
.grupode3 .galeria P A:hover		{color:#4592cb; text-decoration:underline;}

.grupode3 .galeria .inicio UL				{}
.grupode3 .galeria .inicio LI				{display:inline;margin:0;padding:0; border-right:#c2c2c2 1px solid;}
.grupode3 .galeria .inicioLI A				{margin:0;padding:0; text-decoration:none;}
.grupode3 .galeria .inicio LI A:hover		{margin:0;padding:0; text-decoration:none;}

.grupode3 .galeria UL				{margin:1% 0 0 0;padding:0;}
.grupode3 .galeria LI				{margin:0;padding:0; color:#666666; display: block;}
.grupode3 .galeria LI A				{margin:0;padding:0; color:#0080C0;text-decoration:none;}
.grupode3 .galeria LI A:hover		{margin:0;padding:0; color:#0080C0; text-decoration:underline;}
.grupode3 .galeria IMG 				{margin:0;padding:0; border:#dcddde solid 1px;}
.grupode3 .galeria A IMG			{margin:0;padding:0; border:#dcddde solid 1px;}
.grupode3 .galeria A:hover IMG 		{margin:0;padding:0; border:#ababab solid 1px;}

/*######## GRUPOS DE TRES GALERÍA PEQUE ###########################################*/
.grupode3peq 							{clear:both; margin:0 auto; padding:0;}
.grupode3peq .galeria					{width:31%; margin:1.5% 1%; padding:0; float:left; display:inline; }
.grupode3peq .galeria h3				{font-size:1em; margin:2% 0; padding:0; color:#434343;}
.grupode3peq .galeria h3 A				{color:#434343;text-decoration:none;}
.grupode3peq .galeria h3 A:hover		{color:#000; text-decoration:none;}
.grupode3peq .galeria P				{margin:0;padding:0; color:#666666;}
.grupode3peq .galeria P A				{color:#4592cb;text-decoration:none;}
.grupode3peq .galeria P A:hover		{color:#4592cb; text-decoration:underline;}

.grupode3peq .galeria .inicio UL				{}
.grupode3peq .galeria .inicio LI				{display:inline;margin:0;padding:0; border-right:#c2c2c2 1px solid;}
.grupode3peq .galeria .inicioLI A				{margin:0;padding:0; text-decoration:none;}
.grupode3peq .galeria .inicio LI A:hover		{margin:0;padding:0; text-decoration:none;}

.grupode3peq .galeria UL				{margin:1% 0 0 0;padding:0;}
.grupode3peq .galeria LI				{margin:0;padding:0; color:#666666; display: block;}
.grupode3peq .galeria LI A				{margin:0;padding:0; color:#0080C0;text-decoration:none;}
.grupode3peq .galeria LI A:hover		{margin:0;padding:0; color:#0080C0; text-decoration:underline;}
.grupode3peq .galeria IMG 				{margin:0;padding:0; border:#dcddde solid 1px;}
.grupode3peq .galeria A IMG			{margin:0;padding:0; border:#dcddde solid 1px;}
.grupode3peq .galeria A:hover IMG 		{margin:0;padding:0; border:#eee solid 1px;}


/*######## GRUPOS DE TRES GALERÍA ###########################################*/
.grupode2							{clear:both; margin:0 auto; padding:0;}
.grupode2 .galeria					{margin:1.5%; padding:0; float:left;}
.grupode2 .galeria2					{width:45%; margin:1.5% 0; padding:0; float:left;}
.grupode2 .galeria2 h3				{font-size:1em; margin:1% 0; padding:0; color:#434343;font-weight:bold}
.grupode2.galeria2 h3 A				{color:#434343;text-decoration:none;}
.grupode2 .galeria2 h3 A:hover		{color:#000; text-decoration:none;}
.grupode2 .galeria2 P				{margin:0;padding:0; color:#666666;}
.grupode2 .galeria2 P A				{color:#4592cb;text-decoration:none;}
.grupode2 .galeria2 P A:hover		{color:#4592cb; text-decoration:underline;}

.grupode2 .galeria UL				{margin:1% 0 0 0;padding:0;}
.grupode2 .galeria LI				{margin:0;padding:0; color:#666666; display: block;}
.grupode2 .galeria LI A				{margin:0;padding:0; color:#0080C0;text-decoration:none;}
.grupode2 .galeria LI A:hover		{margin:0;padding:0; color:#0080C0; text-decoration:underline;}
.grupode2 .galeria IMG 				{margin:0;padding:0; border:#dcddde solid 1px;}
.grupode2 .galeria A IMG			{margin:0;padding:0; border:#dcddde solid 1px;}
.grupode2 .galeria A:hover IMG 		{margin:0;padding:0; border:#ababab solid 1px;}

.grupode2							{clear:both; margin:0 auto; padding:0;}
.grupode2 .galeria					{margin:1.5%; padding:0; float:left;}
.grupode2 .nosotros					{width:55%; margin:1.5%; padding:0; float:left;}
.grupode2 .nosotros h2				{font-size:1,2em; margin:1% 0; padding:0; color:#434343;font-weight:bold}
.grupode2.nosotros h2 A				{color:#434343;text-decoration:none;}
.grupode2 .nosotros h2 A:hover		{color:#000; text-decoration:none;}
.grupode2 .nosotros P				{margin:1% 0 0 0;padding:0; color:#666666; font-stretch:normal;}
.grupode2 .nosotros P A				{color:#4592cb;text-decoration:none;}
.grupode2 .nosotros P A:hover		{color:#4592cb; text-decoration:underline;}

/*########################################################################*/

/*######## PIÉ DE PÁGINA ###########################################*/
#pie {clear:both; color:#777; size:10px; padding:2% 0; margin:0; text-align:center; border-top:dotted 1px #dcddde; height:10%}
	#pie UL {margin:0;padding:0;} 
	#pie LI {display:inline;list-style-type: none; margin:0; padding:0 5px; border-right:solid 1px #eeeeee}
	#pie LI A{margin:0;padding:0; text-decoration:none; color:#777; font-style:italic; size:10px; font-family:"Times New Roman", Times, serif;}
	#pie LI A:hover{margin:0; padding:0; text-decoration:underline; color:#777;}




/* Cuando #B no existe entonces #A y #C se ajustan al contenedor */
.una_columna #A, .una_columna #C {
  width: auto;
}

/********* PAGINACION ************/
.paginacion 				{width:90%;margin:1em 3em; padding:1em 0 0 0; float:left; text-align:left; border-top:solid 1px #eeeeee;}
.paginacion P 				{display:inline;margin:0;padding:0 0 0 1.5em;}
.paginacion ul 				{display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0.7em 0;}
.paginacion ul li 			{display:inline;background:none;color:#333333;line-height:0.9em;margin-left:0;padding:0 0.1em;width:auto; font-size:12px;}
.paginacion ul li.activa	{font-weight:bold; font-size:12px;}
.paginacion ul li a			{text-decoration:none;color:#4592cb;}
.paginacion ul li a:hover	{text-decoration:underline;color:#4592cb;}

/********* HOME 3 columnas ************/
.cols { padding: 15px 0 35px 20px;}
.cols .col { float: left; display: inline; }
.cols .col H2{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:500; font-size:18px;}
.cols .col P{ margin-bottom:5px; margin-top:5px;}
.cols .col-last { margin-right: 0 !important; }
.cols .col h3.notext { height: 45px; margin-bottom: 5px; }
.three-cols .col { width: 264px; margin-right: 60px; }
h3.txt-monday-again { background-image:url(../images/txt-monday-again.gif); }
h3.txt-wedothis { background-image: url(../images/txt-wedothis.gif); }
h3.txt-247 { background-image: url(../images/txt-247.gif); }
.more { padding-left: 8px; margin-top:55px; background: url(../images/arr.gif) no-repeat 0 center; }
.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }

/*######## TABLA ###########################################*/
.tabla {line-height:21px;}
.tabla TD{ padding:0.3em 0.6em; border:#eeeeee solid 1px; text-align:right;}
.tabla TD TABLE TD{ padding:0; border:#FFF solid 1px; text-align:right;}

/*######## PARCHES ###########################################*/

/* IE7 Only */
*:first-child+html #central h1 {background:url(../images/logo.gif) center no-repeat; text-indent:-9999px; margin:0; padding:0; width:100%; height:3em;}
/* IE6 Only */
* html #central h1 {background:url(../images/logo.gif) center no-repeat; text-indent:-9999px; margin:0; padding:0; width:100%;  height:3em;}


/*######## EFECTOS ###########################################*/

::selection {
background: #fff2a8; /* Safari */
}
::-moz-selection {
background: #fff2a8; /* Firefox */
}


/*######## JQUERY ###########################################*/
#slideshow {
    position:relative;
    height:400px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	background-color:#e5e3e5;
}

#slideshow DIV.last-active {
    z-index:9;
}