/*Propiedades basicas**************************************************************************************/
html, body {margin:0px; padding:0px; width:100%; height:100%;}
html {
	scrollbar-face-color:#ffdddc;
	scrollbar-arrow-color: #fecccb;
	scrollbar-track-color: #FFFFFF;

	scrollbar-highlight-color: #fecccb;
	scrollbar-shadow-color: #fecccb;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:small; color:#820000; background-color:#000000;}
body {background-color:#ffdddc; background-image:url(images/bgBody.jpg); background-position:top left; background-repeat:no-repeat;}
/*body {overflow:hidden;}*/
/*body {border:solid black 1px;}*/

p {margin:0px;}

form {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:small; margin:0px;}
input {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:small;}
textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:small;}
select {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:small;}

.inputRedondeadoDrch {color:#820000; border:none; background-color:transparent; background-image:url(images/bgInput.gif); background-position:right;}
.inputNoValido {border:none; background-color:transparent; background-image:url(images/bgInputNoValido.gif); background-position:right;}
.inputRedondeadoDrchDivNoValido {color:#FF6633;}
.inputSubmit {width:136px; height:50px; border:none; background-color:transparent; background-image:url(images/bgInputSubmit.jpg); color:#820000; font-size:large; font-weight:bold;}

A:active {color:#820000; text-decoration:none;}
A:link {color:#820000; text-decoration:none;}
A:visited {color:#820000; text-decoration:none;}
A:hover {color:#ef918e; text-decoration:none;}

A.colorClaro:active {color:#820000; text-decoration:none;}
A.colorClaro:link {color:#820000; text-decoration:none;}
A.colorClaro:visited {color:#820000; text-decoration:none;}
A.colorClaro:hover {color:#ef918e; text-decoration:none;}

A.botonOscuro:active {background-color:#000;}
A.botonOscuro:link {background-color:#000;}
A.botonOscuro:visited {background-color:#000;}
A.botonOscuro:hover {background-color:#CCC;}

.cssTip {position:absolute; top:0px; left:0px; visibility:hidden; color:#820000; border:solid #820000 1px; padding:3px; background-color:#ffdddc; text-align:left; font-weight:normal; filter:alpha(opacity:80); -moz-opacity: 0.8;}
/**********************************************************************************************************/

/*div´s estructurales**************************************************************************************/
/*
#divCabecera {width:100%; height:auto; overflow:auto;}
#divIzda {clear:both; float:left; width:200px; height:; overflow:auto; overflow-x:hidden;}
#divDrch {float:right; width:200px; height:; overflow:auto; overflow-x:hidden;}
#divCentro {height:; overflow:hidden;}
	#divCentroII {width:100%; height:100%; overflow:hidden;}
	#divCentroIII {width:100%; height:100%; overflow:auto;}
#divPie {clear:both; width:100%; height:auto; overflow:hidden;}
*/
/**********************************************************************************************************/

/*table estructural****************************************************************************************/
#tableEstructural {width:100%; background-color:#FFFFFF;}
#tdCabecera {height:auto; vertical-align:top; overflow:visible;}
#tdIzda {width:200px; vertical-align:top;}
#tdDrch {width:200px; vertical-align:top;}
#tdCentro {vertical-align:top;}
#tdPie {height:auto; overflow:hidden;}

.divScroll {width:100%; height:100%; overflow:hidden;}
/**********************************************************************************************************/

/*estilos base***************************************************************************/
.divSeparador {background-color:#820000; height:4px; overflow:hidden;}
.textoTitulo {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bolder;; color:#820000;}
/**********************************************************************************************************/

.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*nuevos estlilos botones y cabeceras*/
/*botón Comprar grande en ficha producto*/
.botonDestacado {
  background: none repeat scroll 0 0 #563b96;
  border: 0 none;
  border-radius: 8px 8px 8px 8px;
  color: #FFFFFF !important;
  cursor: pointer;
  font-family: Arial,Sans-Serif;
  font-size: 18px;
  padding: 8px 18px;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
}
.botonDestacado:hover {
    background: none repeat scroll 0 0 #2c0098;
    color: #FFFFFF;
    text-decoration: none;
}
/* boton comprar en ficha miniatura */
.botonDestacadoMini {
  background: none repeat scroll 0 0 #563b96;
  border-radius: 8px 8px 8px 8px;
  color: #FFFFFF  !important;
  font-family: Arial,Sans-Serif;
  font-size:smaller;
  padding: 5px 10px;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
}
.botonDestacadoMini:hover {
    background: none repeat scroll 0 0 #2c0098;
    color: #FFFFFF;
    text-decoration: none;
}
/* botón mas info en ficha miniatura */
.botonDestacadoMini2 {
  background: none repeat scroll 0 0 #a7a6ff;
  border-radius: 8px 8px 8px 8px;
  color: #FFFFFF  !important;
  font-family: Arial,Sans-Serif;
  font-size:smaller;
  padding: 5px 10px;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
.botonDestacadoMini2:hover {
    background: none repeat scroll 0 0 #504efe;
    color: #FFFFFF;
    text-decoration: none;
}
/* cabecera para los titulos de seccin */
.cabeceraDestacada {
    background-color: #820000;
    margin-bottom: 15px;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    font-size: 20px;
    /*height: 26px;*/
    margin: 0;
    padding: 5px 0 3px;
    position: relative;
    text-align: center;
}
.fondoFormasPago {
  background: none repeat scroll 0 0 #563b96;
  border: 0 none;
  border-radius: 8px 8px 8px 8px;
  color: #FFFFFF !important;
  /*cursor: pointer;
  font-family: Arial,Sans-Serif;
  font-size: 18px;*/
  padding: 8px 18px;
  text-decoration: none;
  vertical-align: middle;
}

/* estilos navegadores */
#navegadores ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}
#navegadores {
    height: auto;
    overflow: hidden;
}
#navegadores li {
    background: url("images/sprite_navegadores.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-size: 12px;
    height: 150px;
    margin: 0 2px;
    text-align: center;
    width: 110px;
}
#navegadores li a {
    color: #333333;
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}
#navegadores li a span {
    float: left;
    padding-top: 115px;
    text-align: center;
    width: 100%;
}
#navegadores li.explorer {
    background-position: -10px -15px;
}
#navegadores li.firefox {
    background-position: -126px -15px;
}
#navegadores li.chrome {
    background-position: -242px -15px;
}
#navegadores li.safari {
    background-position: -362px -15px;
}
#navegadores li.opera {
    background-position: -477px -15px;
}
#navegadores li.ios {
    background-position: -605px -15px;
}
#navegadores li.android {
    background-position: -715px -15px;
}
#navegadores li.windowsphone {
    background-position: -842px -15px;
}
.spInlineBlock {
/*display:-moz-inline-box;*/
	display:inline-block;
	/*Antes era: 
	($GLOBALS['TIENDA']->browserType()=="MSIE")?"display:inline-block;\n":"display:table-cell\n";*/
	
}
	/************************************************************************************************************************/
	.ulMenu { list-style:none; cursor:pointer; position:absolute; padding:0px; margin:0px; }

	.ulMenu ul { list-style:none; cursor:pointer;}

	.ulMenu * { padding:0px; margin:0px;}
	.ulMenu li { float:left; position:relative;}
	.ulMenu li ul { display:none; position:absolute; z-index: 100;}
	.ulMenu li ul li { float:none;}
	.ulMenu li:hover>ul { display:block; z-index:100000;}
	.ulMenu li ul li:hover>ul { left:100%; top:0%;}
	.ulMenu>li:nth-last-child(-n+4) ul li:hover>ul { left:auto; right:100%; top:0%;}
	/**/

		.ulMenu li div { height:100%; }
		.ulMenu li div a { display:block; height:100%; text-align:center; color:#000; font-size:10px; padding:0px 7px 0px 7px; }
		.ulMenu>li { height:45px; width:14.285714285714%;}
		.ulMenu>li>div a { border-left:solid #fff 1px; border-right: solid #000 1px; font-weight:bold;}
		.ulMenu>li:first-child>div a {border-left:none;}
		.ulMenu>li:last-child>div a {border-right:none;}
		.ulMenu>li ul { width:100%; }
		.ulMenu>li>ul li div a { background-color:#FFA7A6; border:ridge 1px #c0c0c0; border-left:none;}

		/**/
			.ulMenu>li>div a:hover { color:#F60 !important; font-weight:bold !important; text-decoration:none !important; background: rgb(255,255,255) !important; background: rgba(255,255,255,0.5) !important; }
			.ulMenu>li>ul li div a:hover { color:inherit !important; background-color:#97cadd !important; text-decoration:none !important; }
			.ulMenu>li:hover>div a { color:#F60; background: rgb(255,255,255); background: rgba(255,255,255,0.5);}
			.ulMenu>li>ul li:hover>div a { color:#97cadd; background-color:#1C94C4;}
	/************************************************************************************************************************/