/*** ESSENTIAL STYLES ***/
.sf-contener {
    clear: both;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
    width: 921px;
    height: 35px;
	line-height:	1.2;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu img {

}
.sf-menu span {
  vertical-align: 7px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */

}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
    background-color: #000;
	display:		block;
	position:		relative;
}



.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
    width: 930px;	
	position:absolute;	
}
.sf-menu li {
	border-right:1px solid #fff;
}
.sf-menu a {
    padding: 8px 19px 7px 20px !important ;
    padding: 8px 0px 7px 0px !important ;
    font-size: 17px !important;	
	text-align: center;
}

.sf-menu li#menu-tienda a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
    width: 96px;	
}

.sf-menu li#menu-porqueoro a {
    width: 99px;	
    width: 138px;	
}

.sf-menu li#menu-porquedinoro a {
    width: 124px;	
    width: 163px;	
}

.sf-menu li#menu-quecomprar a {
    width: 147px;	
}

.sf-menu li#menu-comocomprar a {
    width: 161px;	
}

.sf-menu li#menu-ayuda a {
    width: 94px;	
}

.sf-menu li#menu-contacto {
	border-right:none;
}

.sf-menu li#menu-contacto a {
    width: 115px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;	
}

.sf-menu a {
    border: 0 none;
    color: #FFFFFF;
    text-decoration: none;
}


.sf-menu li li a {
    font-size: 14px !important;	
    border-bottom: 1px solid #666666;
	width: 177px !important;
	text-align: left;
	padding-left: 18px !important;		
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu a:hover{	}
.sf-menu li {
	z-index:999!important;

}
.sf-menu li li {
    border-right: none;	
    background-color: #000000;	
}
.sf-menu li li li {
	background:		#fff;/*#9AAEDB;*/
}
.sf-menu li:hover > a, .sf-menu li.sfHover > a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active , .sfHoverForce > a {
  background-color:#887A20;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	background-color:		#887A20;
	outline:		0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		2px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display:		none;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -98px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -98px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  0px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0px 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding:5px 3px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
li.sf-search {
  background: inherit;
  float: right;
  line-height: 25px;
  margin-right: 8px;
}
li.sf-search input.search {
  -moz-border-radius: 0 5px 5px 0;
  padding: 3px 0;
  padding-left: 20px;
  margin-top: 4px;
  background: #fff url(../gfx/menu/search.gif) no-repeat left center;
}
li.sf-search input.search_button {
  background-color: #fff;
  height: 20px;
  line-height: 20px;
  -moz-border-radius: 5px;
  margin-top: 5px;
  cursor: pointer;
}
/*Only 4 the betest browser*/
li.sf-search input.search_button:hover {
  background-color: #000;
  color: #fff;
}

/*Menu top*/

.menu-top {
	clear: both;
	padding-top: 10px;
}

.first_menutop{
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

.last_menutop{
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

.ulmenu-top {
	line-height: 1.2;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;	
}

.ulmenu-top li {
	background-color: #333;
	border-bottom: 1px solid #666;
	text-align: center;
	z-index: 999!important;
	position: relative;
}
.ulmenu-top li:hover{
	background-color: #ddd;
}
.ulmenu-top li a {
	color: white;
	display: block;
	font-size: 14px;
	padding: 12px;	
}
.ulmenu-top li a:hover {
	text-decoration: none;
	color: black;
}

#menu-tienda ul{
	display: block;
	/*visibility: hidden;*/
}
#menu_tienda_sub{
	display: none;
	background: #EBEBEB;}

#menu-tienda_cont{
	cursor: pointer;}

#menu-tienda{
	font-weight: bold;
	background: url(/themes/dinoro/img/bgmenu_tienda.png) repeat-x;
	padding-bottom: 0px;
	padding-right: 0;}

.ulmenu-top li a.flecha_tienda{
	color: black;}

#menu-tienda span.tienda-subtitle{
	color: white;
	font-size: 14px;
	display: block;
	padding-left: 8px;
}
#menu-tienda a:hover{
	color:white;
}

#menu_tienda_sub_1{
	background: none;
}

#menu_tienda_sub_2,
#menu_tienda_sub_3{
	display:none;}
	
#menu_tienda_sub_1 ul{
	list-style: none;
}
/*#menu_tienda_sub_1 ul li{
	margin-top: 16px;
	padding-left: 40px;
	border-bottom: 1px dotted grey;
	background: none;
	margin-left: 10px;
	width: 156px;
	text-align: left;
}
#menu_tienda_sub_1 ul li:last-child{
	border-bottom: none;
}

#menu_tienda_sub_1 ul li a{
	color: #0b4ba2;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	padding-top: 13px;
}
#menu_tienda_sub_1 ul li a:hover{
	color: #387edc;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
}
*/
/*
#menu_tienda_sub_3 ul{
	list-style: none;
}
#menu_tienda_sub_3 ul li{
	margin-top: 16px;
	border-bottom: 1px dotted grey;
	background: none;
	margin-left: 10px;
	width: 240px;
	text-align: left;
}
#menu_tienda_sub_3 ul li:last-child{
	border-bottom: none;
}

#menu_tienda_sub_3 ul li a{
	color: #0b4ba2;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	padding-top: 13px;
	width:100%;
}
#menu_tienda_sub_3 ul li a:hover{
	color: #387edc;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
}*/

#ling_oro{
	background: url(/themes/dinoro/img/lingotes-oro.png) no-repeat left !important;
}
#mon_oro{
	background: url(/themes/dinoro/img/monedas-oro.png) no-repeat left !important;
}
#ling_plata{
	background: url(/themes/dinoro/img/lingotes-plata.png) no-repeat left !important;
}
#mon_plata{
	background: url(/themes/dinoro/img/monedas-plata.png) no-repeat left !important;
}
#serv_custo{
	background: url(/themes/dinoro/img/servicio-custodia.png) no-repeat left !important;
}

.bjqs-controls{
	position: absolute;
	top: 165px;
}

.bjqs-controls li{
	cursor: pointer;
	left: 0;
	min-width: 20px !important;
}

.bjqs-controls li:first-child{
	background: url(/themes/dinoro/img/flechaleft.png) no-repeat;
}
.bjqs-controls li:last-child{
	background: url(/themes/dinoro/img/flecharight.png) no-repeat;
	margin-left: 265px;
}
.bjqs li{
	background: none;
}
.bjqs li:hover{
	background: none;
}

.slidetitle{
	margin: 0;
	font-size: 16px;
	border-bottom: none;
}

.slidetitle a{
	color:black !important;
}
.slidetitle a:hover{
	color: #685A00 !important;
	text-decoration: underline !important;
}

.slide_position24{
	position: absolute;
	bottom: 55px;
	right: 30px;
}

/*li#servicio-custodia a{
	width: 145px;
}*/

#sub_1{
	background: #E3C359;
}
#sub_telf{
	margin:0 auto;
	clear: left;
	width: 845px;
	height: 29px;
	background: #ebebeb;
}
#sub_telf h5{
	font-size: 14px;
	font-family: 'Droid sans';
	margin: 0;
	padding: 0;
	line-height: 29px;
}
#sub_line{
	clear: left;
	width: 920px;
	height: 1px;
	background: #b3b3b3;
}

.sub_title{
	margin: 0;
	padding: 0;
	font-family: 'Droid sans';
	color: #313131;
	padding-top: 10px;
	font-size: 16px;
}

.title_productos{
	display:none}

#sub_2{
	display:none;}

.title_desinv{
	float: left;
	margin-top: -2px;
}
.title_destacados{
	padding-left: 25px;
}

/*
PRODUCTOS
*/

#sub_productos_list li,
#sub_servicios_list li{
	text-align: left;
	background-color: #eee;
}

#sub_productos_list li img{
	float: left;
	height: 41px;
	width: 41px;
	border: 1px solid #baa78b;
	margin-right: 5px;
	-moz-box-shadow: -1px 5px 10px -2px black;
	-webkit-box-shadow: -1px 5px 10px -2px black;
	box-shadow: -1px 5px 10px -2px black;
}
#sub_productos_list li a{
	font-family: 'Droid sans';
	font-weight: normal;
	font-size: 14px;
	display: block;
	color: black;
}

#sub_productos_list li a:hover{
	color:black;
	text-decoration: underline;
}

#sub_productos_list li a span{
	font-family: 'Droid sans';
	font-weight: normal;
	font-size: 14px;
	text-shadow: 0px 1px white;
	height: 42px;
	display: block;
	padding-top: 5px;
}



#sub_servicios_list li a{
	font-family: 'Droid sans';
	font-weight: normal;
	font-size: 14px;
	display: block;
	color: black;
	padding-top: 0;
}

#sub_servicios_list li a:hover{
	color:black;
	text-decoration: underline;
}

#sub_servicios_list li img{
	float: left;
	height: 41px;
	width: 41px;
	border: 1px solid #baa78b;
	margin-right: 5px;
	-moz-box-shadow: -1px 5px 10px -2px black;
	-webkit-box-shadow: -1px 5px 10px -2px black;
	box-shadow: -1px 5px 10px -2px black;
}
#sub_servicios_list li span{
	font-family: 'Droid sans';
	font-weight: normal;
	font-size: 14px;
	text-shadow: 0px 1px white;
	height: 42px;
	display: block;
	padding-top: 5px;
}
#sub_servicios_list li span i{
	display: block;
	font-size: 12px;
	text-shadow: 0px 1px white;
	color: #BE4336;
}
/*
COMO INVERTIR
*/

#sub_como_invertir{
	list-style: none;
	float: left;
	clear: both;
	padding-top: 4px;
}
#sub_como_invertir li{
	background: none;
	text-align: left;
	width: 165px;
	height: 35px;
	border-bottom: 1px dotted #CCC;
}
#sub_como_invertir li a{
	font-family: 'Droid sans';
	font-weight: normal;
	font-size: 14px;
	color: #877729;
	text-decoration: none;
}
#sub_como_invertir li a:hover{
	text-decoration: underline;
	color: #877729;
}

#sub_como_invertir li.last{
	border-bottom: none;
}

/*Desinvertir*/


#sub_desinvertir{
	list-style: none;
	float: left;
	clear: both;
}
#sub_desinvertir li{
	background: none;
	text-align: left;
	width: 165px;
	height: 35px;
	border-bottom: 1px dotted #CCC;
}
#sub_desinvertir li a{
	font-family: 'Droid sans';
	font-weight: normal;
	font-size: 14px;
	color: #877729;
	text-decoration: none;
}
#sub_desinvertir li a:hover{
	text-decoration: underline;
	color: #877729;
}

#sub_desinvertir li.last{
	border-bottom: none;
}


#sub_destacados{
	list-style: none;
	padding-left: 0px;
	padding-top: 13px;
}

#sub_destacados li{
	background: none;
	overflow: hidden;
	text-align: left;
	margin-bottom: 3px;
	height: 64px;
	background: url(/themes/dinoro/img/bg_productos_dest.png) no-repeat;
	padding-top: 6px;
	padding-left: 6px;
}

#sub_destacados li a{
	color: #877729;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
}
#sub_destacados li a:hover{
	color: #877729;
	text-decoration: underline;
	font-weight: normal;
}

#sub_destacados li img.h_available{
	position: absolute;
	overflow: hidden;
	bottom: 2px;
	left: 7px;
}

#sub_destacados li img.producto_destacado{
	clip: rect(3px 81px 81px 10px);
	margin-bottom: -40px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	right: 0;
	max-width: 90px;
	max-height: 90px;
}


@media only screen and (max-width: 767px) {
	
	.mobile-menu-toggle{
		font-family: 'Prata';
		background-color: #222;
		display: block;
		padding: 10px 20px 10px 14px;
		color: #fff;
		font-size: 16px;}
		
}


@media only screen and (min-width: 768px) {
	
	.mobile-menu-toggle{
		display:none}

	.ulmenu-top {
		display: block;}

	.ulmenu-top li {
		float:left;
		border-bottom: none;
		background: url(/themes/dinoro/img/bgmenu_all.png) repeat-x;}
		
	.ulmenu-top li:hover{
		background: url(/themes/dinoro/img/bgmenu_all_hover.png) repeat-x;}

	.ulmenu-top li a {
		font-size: 14px;
		padding: 13px 9px;}
		
	.menu_sup_separator{
		background: url(/themes/dinoro/img/bgmenu_sep.png) no-repeat;
		float: left;
		height: 42px;
		width: 3px;}
	
	#menu-tienda {
		width: 123px;
		height: 42px;
		text-align: left;}	
		
	#menu-tienda a{
		font-size: 18px;
		padding: 0;
		padding-top: 8px;
		padding-left: 8px;}

	.ulmenu-top li a.flecha_tienda{
		padding-top: 11px !important;
		background: url(/themes/dinoro/img/menu_flecha.png) no-repeat 94% 75%;}

	#menu_tienda_sub{
		height: 275px;
		background: #EBEBEB;
		margin-top: 10px;
		-moz-box-shadow: 0px 25px 30px -2px black;
		-webkit-box-shadow: 0px 25px 30px -2px black;
		box-shadow: 0px 25px 30px -2px black;
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;	}
		
	#menu_tienda_sub_1 {
		height: 275px;
		float: left;
		width: 287px;}	
		
	#sub_1{
		height: 175px;}
		
	#sub_2{
		display:block;
		width: 100%;
		height: 100px;
		background: #EEDB9C;
		border-bottom-left-radius: 8px;}
	  
	#menu_tienda_sub_2{
		width: 178px;}
		
	#menu_tienda_sub_3{
		width: 249px;}
		
	#sub_productos_list, 
	#sub_servicios_list {
	  padding-left: 5px;
	  width: 272px;}
	  
	#sub_productos_list{
		padding-top: 5px;
		height: 110px;}

	#sub_servicios_list{
		padding-top: 5px;
		height: 55px;}
		
	#sub_servicios_list li{
		background: none;
		text-align: left;
		width: 160px;
		height: 55px;}	  	
	  
	.title_productos {
		display:block
		padding-left: 13px;}
	  
	#sub_servicios_list li,
	#sub_productos_list li {
	  width: 136px;}
	  
	#sub_productos_list li{
		background: none;
		width: 115px;
		height: 65px;}
		
	#sub_productos_list li.last{
		float: right;}		

	#sub_servicios_list li.last{
		float: right;}

	  	  	    		
	.title_comoinv,
	.title_desinv {
		padding-left: 5px;}
		
	#sub_como_invertir , 
	#sub_desinvertir{
		padding-left: 3px;
		width: 169px;}			  	  	    		

	#sub_destacados li {
		margin-left: 5px;
		width: 216px;
		border-right: 1px solid #eee;}	

	#menu_tienda_sub_2,
	#menu_tienda_sub_3{
		display:block;}
		
	#menu_tienda_sub_2{
		position: relative;
		margin: 0;
		background: white;
		height: 275px;
		float: left;}
	
	#menu_tienda_sub_3{
		background: white;
		height: 275px;
		float: left;
		border-bottom-right-radius: 8px;}
	
	#menu_tienda_sub_1 ul{
		list-style: none;}

	.background_slider_separator{
		display: block;
		float: left;
		height: 275px;
		width: 5px;
		background: url(/themes/dinoro/img/menu_sub_sep.png) repeat-y;}
		
}

@media only screen and (min-width: 960px) {

	.ulmenu-top li a {
		font-size: 16px;
		padding: 12px 17px;}
	
	#menu-tienda {
		width: 165px;}
		
	#menu_tienda_sub_1 {
		width: 383px;}	
	  
	#menu_tienda_sub_2{
		width: 225px;}
		
	#menu_tienda_sub_3{
		width: 298px;}
	  	
	#sub_destacados {
	  padding-left: 20px;}	
	  
	#sub_productos_list, 
	#sub_servicios_list {
	  padding-left: 25px;
	  width: 340px;}	
	  
	.title_productos{
		padding-left: 25px;}
		
	#sub_servicios_list li,
	#sub_productos_list li {
	  width: 160px;}
	  
	.title_comoinv,
	.title_desinv {
		padding-left: 25px;}	  	  	    		
		
	#sub_como_invertir, 
	#sub_desinvertir{
		padding-left: 25px;
		width: 190px;}
		
	#sub_destacados li{
		width: 250px;
		border-right: none;}

		

	    		
}