/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/*************** NAV **************/
#nav { font-size:17px; font-family:'Open Sans', arial, serif; background:#CE0000; height:48px }
#nav ul, #subnav ul:first-child { width:985px; margin:auto }
#nav li { position:relative; text-align:left; float:left; padding:0 15px }
#nav li a { display:block; height:48px; line-height:48px; color:#fff; text-decoration:none; position:relative; font-weight:600 }

#nav li.active,
.area-editori-section #nav li.area-editori { background:#B90000 }

#nav li .arrow { width: 0; height: 0; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid; display:none; margin:-6px auto 0 }
#nav li .arrow.black {border-bottom-color:#2a2a2a}
#nav li .arrow.white {border-bottom-color:#FFF}
#nav li .arrow.blue {border-bottom-color:#09C}
#nav li.active .arrow,
.cms-converti-il-tuo-catalogo #nav li.area-editori .arrow,
.cms-arricchisci-ogni-opera #nav li.area-editori .arrow,
.cms-inserisci-gli-esercizi #nav li.area-editori .arrow,
.cms-aderisci-a-scuolabook #nav li.area-editori .arrow
{ display:block; *display:none }

/*#nav li.home a { width:20px; background: url(../images/nav-home.png) no-repeat 0 9px; text-indent:-9999px;}*/

#subnav { font-size:14px; font-weight:600; font-family:'Open Sans',arial,serif; height:42px; box-shadow:0px 1px 1px 0px rgba(0,0,0,0.15); position:relative; z-index:2 }
#subnav li { position:relative; text-align:left; float:left; padding:0 16px }
#subnav li.active, #subnav > ul > li:hover { background:#F9F7F8 }
#subnav li a { display:block; height:42px; line-height:42px; color:#203039; text-decoration:none }
#nav li a span.new {top:-2px}
.subnav li a span.new {top:-1px}


/*************** NAV **************/

/************** ALL LEVELS  *************/
.subnav li { position:relative; text-align:left; padding:0 15px;}
#subnav span, #subnav a { display:block; cursor:pointer; white-space:nowrap; }

/* LV1 */
.subnav li a { display:block; height:35px; line-height:35px; color:#E6E9EE!important; text-decoration:none;}
.subnav li.active > a { color:#fff; font-weight:700 }
.subnav li:hover > a { color:#FFF }

/* LV2 */
/*.dropdown-menu { visibility:hidden; position:absolute; background:#F9F7F8; left:0; z-index:9999; transition: opacity 0.2s ease-in-out; opacity:0; box-shadow:0px 1px 1px 0px rgba(0,0,0,0.15) }
.w-dropdown-menu:hover > .dropdown-menu { visibility:visible; opacity:1 }
.dropdown-menu > li { display:block; float:none!important }
.dropdown-menu > li:hover { background:#FFF }*/

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
	border-radius: 3px;
	display:none
}

.header:hover .jspVerticalBar { display:block }

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #7D868B;
	position: relative;
	border-radius: 3px
}

.jspDrag
{
	background: #BEC2C5;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 3px
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

.close-menu { position:absolute; top:9px; right:9px; font-size:28px; color:#E6E9EE; cursor:pointer; z-index:1000 }
.open-menu { position:relative; top:3px; margin-right:10px; cursor:pointer }

@media only screen and (max-width : 1024px) {
	.jspVerticalBar { display:block }
}