@font-face{
font-family:GOTHIC;
src:url(fonts/GOTHIC.TTF);
}

@font-face{
font-family:GOTHIC2;
src:url(fonts/GOTHIC.eot);
}


body {
	margin-left: 0px;
	margin-top: 183px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e8e8e8;
	line-height: normal;
}



		a:link       {
		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease; 
		}
		
		
		
		
		a.enlaces_cajas {
			font-family:GOTHIC,GOTHIC2;
			font-size: 12pt;
			color: #791236;
			font-style: normal;
			line-height: normal;
		
		
		}

		a.enlaces_cajas:link {
			color:#791236; 
			text-decoration: none; 
			}
		a.enlaces_cajas:visited {
			color:#791236; 
			text-decoration: none; 
			}	 
		a.enlaces_cajas:hover {
			color:#f45400; 
			text-decoration: none;
		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease;		
		
			}



		a.enlaces_menuUP:link {
			font-family:GOTHIC,GOTHIC2;
			font-size: 12pt;
			color: #ffffff;
			font-style: normal;
			line-height: normal;
			text-decoration: none; 
			}

		a.enlaces_menuUP:visited {
			color:#ffffff; 
			text-decoration: none; 
			}	 
		a.enlaces_menuUP:hover {
			color:#f45400; 
			text-decoration: none;

		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease;		

		}

	a#enlace_indentifica:link {
			font-family:GOTHIC,GOTHIC2;
			font-size: 12pt;
			color: #ffffff;
			font-style: normal;
			line-height: normal;
			text-decoration: none; 
			}

		a#enlace_indentifica:visited {
			color:#ffffff; 
			text-decoration: none; 
			}	 
		a#enlace_indentifica:hover {
			color:#f45400; 
			text-decoration: none;

		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease;		

		}	
	
		a#enlaces_categorias:link {
			font-family:GOTHIC,GOTHIC2;
			font-size: 10pt;
			color: #791236;
			font-style: normal;
			line-height: normal;
			text-decoration: none; 
			}

		a#enlaces_categorias:visited {
			color:#791236; 
			text-decoration: none; 
			}	 
		a#enlaces_categorias:hover {
			color:#f45400; 
			text-decoration: none;

		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease;		

		}

		a#enlaces_categorias2:link {
			font-family:GOTHIC,GOTHIC2;
			font-size: 12pt;
			color: #791236;
			font-style: normal;
			line-height: normal;
			text-decoration: none; 
			}

		a#enlaces_categorias2:visited {
			color:#791236; 
			text-decoration: none; 
			}	 
			
		a#enlaces_categorias2:hover {
			color:#f45400; 
			text-decoration: none;

		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease;		

		}


		a.enlaces_faldon {
			font-family:GOTHIC,GOTHIC2;
			font-size: 9pt;
			color: #791236;
			font-style: normal;
			line-height: normal;
			text-decoration: none; 

		
		}

		a.enlaces_faldon: link {
			color:#791236; 
			text-decoration: none; 
			}
		a.enlaces_faldon: visited {
			color:#791236; 
			text-decoration: none; 
			}	 
		a.enlaces_faldon: hover {
			color:#f45400; 
			text-decoration: none;
		    -webkit-transition: all 1s ease;
		    -moz-transition: all 1s ease;
		    -o-transition: all 1s ease;
		    -ms-transition: all 1s ease;		
		
			}



.secciones {
	font-family:GOTHIC,GOTHIC2;
	font-size: 12pt;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	text-align: center;
}

.cartelas {
	font-family:GOTHIC,GOTHIC2;
	font-size: 14pt;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	text-align: left;
	margin-left:10;

	
}

table.cartelas {
 	padding:10;
}

td.cartelas {
	vertical-align: text-top;
}

.textosCentro {
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 5px;
	margin-left: 3px;
	margin-right: 3px;

}

.textosMenus {
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 4px;
	margin-left: 1px;
	margin-right: 1px;

}

.textosCorte {
	font-family:GOTHIC,GOTHIC2;
	font-size: 9pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;

}

.textosEnvasado {
	font-family:GOTHIC,GOTHIC2;
	font-size: 9pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: center;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;

}

#textosEnvasado {
	font-family:GOTHIC,GOTHIC2;
	font-size: 9pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;

}

.textosCesta {
	font-family:GOTHIC,GOTHIC2;
	font-size: 9pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 1px;
	margin-left: 3px;
	margin-right: 3px;

}

.textosCestaPeque {
	font-family:GOTHIC,GOTHIC2;
	font-size: 8pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 1px;
	margin-left: 3px;
	margin-right: 3px;

}


.textosSecciones {
	font-family:GOTHIC,GOTHIC2;
	font-size: 12pt;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 5px;
	margin-left: 3px;
	margin-right: 3px;

}

.siguenos {
	font-family:GOTHIC,GOTHIC2;
	font-size: 12pt;
	color: #ffffff;
	font-style: normal;
	line-height: normal;
	text-align: left;


}


#contenido {

}

#cabecera1 {
	margin-left: 0%;
	margin-top: -187px;
    position: fixed;
    z-index: 150;

}

#menu-contenedor {
    width: 1000px;
    margin: 0 auto;
    
}
 
.menu-fijo {
    position: fixed;
    top: 187px;
    z-index: 155;
}


.loguear {
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #3b3b3b;
	font-style: normal;
	line-height: normal;
	text-align: left;


}





/* Estilos para cuadros */


.cuadros table{

	width:98%;
	height:100%;

	border:1px solid #791236;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}	



.cuadros tr { 
	background-color:#ffffff; 
	vertical-align:middle;
	text-align:left;
	padding:3px;
	font-size:14px;
	font-family:GOTHIC,GOTHIC2;
	font-weight:normal;
	color:#000000;

}



/* Fin estilos para cuadros*/






/* Estilos ampliación imagen en productos destacados/selección */

#ampliar img{

	-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
	-moz-transform:scale(1); /*Mozilla scale version*/
	-ms-transform:scale(1); /*IE scale version*/
	-o-transform:scale(1); /*Opera scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
	-ms-transition-duration: 0.5s; /*IE duration version*/
	opacity: 0.80;
	-ms-opacity: 1;
	
	}

/* al pasar el cursor por encima SE AMPLIA */

#ampliar img:hover{

	-webkit-transform:scale(1.2);  /*Webkit:Modificamos tamaño a escala*/
	-moz-transform:scale(1.2);  /*Mozilla:Modificamos tamaño a escala*/
	-o-transform:scale(1.2);  /*Opera:Modificamos tamaño a escala*/
	-ms-transform:scale(1.2); /*IE:Modificamos tamaño a escala*/
	-webkit-transition-duration: 0.5s;  /*Webkit:Duración de la animación*/
	-moz-transition-duration: 0.5s;  /*Mozilla:Duración de la animación*/
	-o-transition-duration: 0.5s;  /*Opera:Duración de la animación*/
	-ms-transition-duration: 0.5s; /*IE duration version*/
	-moz-box-shadow: 0 3px 12px #adadad; /* algo de sombra en Mozilla y Chrome */
	-webkit-box-shadow:  0 3px 12px #adadad;
	-ms-box-shadow:  0 3px 12px #adadad;
	opacity: 1;


	
	}

/* Fin */







/* Estilos para el cuadro de destacados y Selección */

.DestacadosSeleccion {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 3px 5px 5px #dedede;
	border:0px solid #ff0000;
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}

.DestacadosSeleccion table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}








/* Estilos para formulario Registro */

.formularios_general {
		font-family:GOTHIC,GOTHIC2;
		font-size: 12pt;
		color: #791236;
		font-style: normal;
		line-height: normal;		

		}
td.formularios_general {
	border-bottom: 1px solid #791236;
	border-left-width:1px; 
	border-right-width:1px; 
	border-top-width:1px" 
	height: 15px;
	width: 240px;
	}

.formularios_nombres_campos {
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;
		}
td.formularios_nombres_campos {
	height: 15px;
	width: 240px;
	}

.formularios_campos {
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;
		}
td.formularios_campos {
	height: 15px;
	width: 240px;
	

	
	}
	
	
.campos {
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #791236;
	border: 1px solid #791236; 
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1;
	}


/* FIN Estilos para formulario Registro */




/* Bordes cuadros Menús  */

#bordesCuadrosMenus { 
border-radius:8px; 
-moz-border-radius:8px; /* Firefox */ 
-webkit-border-radius:8px; /* Safari y Chrome */ 
	-moz-box-shadow: 0px 4px 4px #fafafa; /* algo de sombra en Mozilla y Chrome */
	-webkit-box-shadow:  0px 4px 4px #fafafa;
	 box-shadow:  0px 4px 4px #fafafa;

/* Otros estilos */ 
border:1px solid #eee;
background:#fbfbfb;

padding:1px;

}

/* FIN Bordes tablas productos */








/* Boton Cerrar Sesión */

.myButtonFin {
	-moz-box-shadow:inset 0px 1px 0px 0px #424242;
	-webkit-box-shadow:inset 0px 1px 0px 0px #424242;
	box-shadow:inset 0px 1px 0px 0px #424242;
	background-color:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #767676;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:GOTHIC,GOTHIC2;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #757575;
}
.myButtonFin:hover {
	background-color:#5c5c5c;
}
.myButtonFin:active {
	position:relative;
	top:1px;
}

/* Fin Botones para formularios */





/* Botones para formularios */

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background-color:#b93137;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:GOTHIC,GOTHIC2;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	background-color:#ce0100;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* Fin Botones para formularios */



/* Botones para formularios */

.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	background-color:#545454;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #c5c5c5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:GOTHIC,GOTHIC2;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a6a6a6;
}
.myButton2:hover {
	background-color:#ce0100;
}
.myButton2:active {
	position:relative;
	top:1px;
}

/* Fin Botones para formularios */





/* Botones para añadir */

.anadir {
	-moz-box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	background-color:#ff0000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #cb0606;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:GOTHIC,GOTHIC2;
	font-size:10px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	
}
.anadir:hover {
	background-color:#ce0100;
}
.anadir:active {
	position:relative;
	top:1px;
}

/* Fin Botones para formularios */

/* Botones para añadir */

#ver {
	-moz-box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	box-shadow:inset 0px 1px 0px 0px #c4c4c4;
	background-color:#ff0000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #cb0606;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:GOTHIC,GOTHIC2;
	font-size:10px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	
}
#ver:hover {
	background-color:#ce0100;
}
#ver:active {
	position:relative;
	top:1px;
}

/* Fin Botones para formularios */





/* ESTILOS ACORDEÓN*/




  .accordion-toggle {
	font-family:GOTHIC,GOTHIC2;
	font-size:15px;  
  	cursor: pointer;
	color:#791236; 
	font-style: normal;
	line-height: normal;
	text-align: left;
	width: 500px;
	margin-left: 15px;
	margin-right: 5px;	 	


  	
  	}
  	
  .accordion-content {
  	display: none;
	font-family:GOTHIC,GOTHIC2;
	font-size: 10pt;
	color: #666666;
	font-style: normal;
	line-height: normal;
	text-align: left;
	width: 500px;
	margin-left: 15px;
	margin-right: 5px;  	
  	
  	}
  .accordion-content.default {
  	display: block;
  	}
  	
 
/* FIN ESTILOS ACORDEON */




/* Estilo de las imagenes que salen al pasar por la botonera de los productos */

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;

	-moz-box-shadow: 0 3px 12px #adadad; /* algo de sombra en Mozilla y Chrome */
	-webkit-box-shadow:  0 3px 12px #adadad;
	-ms-box-shadow:  0 3px 12px #adadad;	
	}

#screenshot2{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;

	-moz-box-shadow: 0 3px 12px #adadad; /* algo de sombra en Mozilla y Chrome */
	-webkit-box-shadow:  0 3px 12px #adadad;
	-ms-box-shadow:  0 3px 12px #adadad;	
	}
	
/* Fin */























/* Botonera principal horizontal con los estilos para la animación */

DIV.content {
    width: 896px;  
    margin: left;

  
}

ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family: "GOTHIC", GOTHIC,GOTHIC2;
	font-size:11px;
	width:910px;
 	
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;

}
ul.sdt_menu li{
	float:left;
	width:128px;
	height:70px;
	position:relative;
	cursor:pointer;
	z-index:140;
}

ul.sdt_menu li:hover{
z-index:150;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:128px;
	height:70px;	
	z-index:15;
	/* background:transparent url(../images/overlay.jpg) no-repeat bottom right; */
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;

}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:70px;	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}

/* Le pongo 50 pixels porque al entrar en el botón con los 70 del resto lo coge mal */
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:128px;
	height:50px;	
	z-index:15;
	
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:70px;	width:128px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:8px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:14px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#ec9c2b;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:128px;
	overflow:hidden;
	height:128px;
	top:70px;	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:14px;
	color:#ec9c2b;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}