﻿/*
 * CSS Expandable Menu
 * @author: Francisco Neves
 */

/** Reset */
/* * { 
	font-family: "museo500", "Arial"; 
	font-size: 14px; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	outline: 0; 
	text-decoration: none; 
	box-sizing: border-box !important; 
	-webkit-box-sizing: border-box !important; 
	-moz-box-sizing: border-box !important; 
	-ms-box-sizing: border-box !important; 
} */
* { 
	
	list-style: none; 

}
/**
 *  START FREEBIE STYLES
 */

 	/*! Font Faces */

ol{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}
ol#pagination-freebie { 
    display: table; 
    padding-right: 20px; 
    margin: 20px auto; 
    list-style: none;
    
}
ol#pagination-freebie:last-child { padding-right: 0; }
ol#pagination-freebie li { float: left; margin-bottom: 20px }
ol#pagination-freebie li:last-child { margin-right: 0; }
div#text { text-align: center; font-size: 48px; width: 610px; margin: 0 auto; margin-top: 50px; margin-top: 80px; }
div#smalltext { text-align: center; font-size: 15px; width: 600px; margin: 0 auto; }
div#content { 
	display: table; 		
	padding-right: 30px; 
	box-sizing: border-box;	
	width:20%;
}	
#expmenu-freebie{
	width:100%;
}	

	/*! Freebie Skelet */
ol.expmenu {
	 width: 200px; 
	}
ol.expmenu * { 
	list-style: none;
 }
div.menu-header { 
	padding: 12px; 
	/*border-bottom: 1px #396e9f solid; */
	border-bottom: 1px #bbbbbb solid; 
}
ol.expmenu > li:last-child > div.menu-header { 
	border-bottom: none; 
}
ol.expmenu > li ol li { 
	background-color: #ececec; 
	padding: 12px; 
	border-bottom: 1px solid #dcdcdc; 
	border-top: 1px solid #fff; 
	color: #727272; 
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); 
}
ol.expmenu > li ol li:last-child { 
	border-bottom: none; 
}
ol.expmenu > li ol li.selected { 
	background-color: #f4f4f4; 
}
ol.expmenu div.menu-header
	{
	/*color: #203f61;*/
	color:#bbbbbb;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
	background:#b62020;
	/* background: #991415; Old browsers 
	background: -moz-linear-gradient(top, #991415 0%, #840e0f 100%); /* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#991415), color-stop(100%,#840e0f)); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, #991415 0%,#840e0f 100%); /* Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, #991415 0%,#840e0f 100%); /* Opera 11.10+ 
	background: -ms-linear-gradient(top, #991415 0%,#840e0f 100%); /* IE10+ 
	background: linear-gradient(to bottom, #991415 0%,#840e0f 100%); /* W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991415', endColorstr='#840e0f',GradientType=0 ); /* IE6-9 */
}
.menu-header a:hover{
    color:#fff !important;
}
.label {  background: no-repeat; color:#fff; }
.arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
.arrow.up { background-image: url('../img/arrow_u.png'); }
.arrow.down { background-image: url('../img/arrow_d.png'); }

		/* Mouse Events */
ol.expmenu div.menu-header:hover
{
	background: #4571a0; /* Old browsers 
	background: -moz-linear-gradient(top, #991415 0%, #4571a0 100%); /* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#991415), color-stop(100%,#991415)); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, #991415 0%,#4571a0 100%); /* Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, #991415 0%,#4571a0 100%); /* Opera 11.10+ 
	background: -ms-linear-gradient(top, #991415 0%,#4571a0 100%); /* IE10+ 
	background: linear-gradient(to bottom, #991415 0%,#4571a0 100%); /* W3C #c71c1c */
	
	background: -moz-linear-gradient(top, #991415 0%, #c71c1c  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#991415), color-stop(100%,#991415)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #991415 0%,#c71c1c  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #991415 0%,#c71c1c  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #991415 0%,#c71c1c  100%); /* IE10+ */
	background: linear-gradient(to bottom, #991415 0%,#c71c1c  100%); /* W3C #c71c1c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991415', endColorstr='#c71c1c',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

	ol.expmenu > li ol li:not(.selected):hover
	{
		background: #e7e7e7; /* Old browsers */

		cursor: pointer;
	}
	ol.expmenu > li ol li:not(.selected):active
	{
		background: #f1f1f1; /* Old browsers */

		cursor: pointer;
	}
/**
 *  END FREEBIE STYLES
 */
	

/**
 *	Not important styles
 */

