/* Main Navigation */
#nav {
	position:relative;
	/*width:809px;*/
	height:35px;
	padding:0px 2px 0px 10px;
	margin:5px 0px 0 0;
	float:right;
	border-radius:7px;
	position:relative;
	behavior: url(PIE.htc);
	
	/* background-color:#0091d8; */
	background: rgb(45,171,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(45,171,242,1) 1%, rgba(0,141,220,1) 29%, rgba(18,124,182,1) 61%, rgba(9,77,116,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(45,171,242,1)), color-stop(29%,rgba(0,141,220,1)), color-stop(61%,rgba(18,124,182,1)), color-stop(100%,rgba(9,77,116,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(45,171,242,1) 1%,rgba(0,141,220,1) 29%,rgba(18,124,182,1) 61%,rgba(9,77,116,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(45,171,242,1) 1%,rgba(0,141,220,1) 29%,rgba(18,124,182,1) 61%,rgba(9,77,116,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(45,171,242,1) 1%,rgba(0,141,220,1) 29%,rgba(18,124,182,1) 61%,rgba(9,77,116,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(45,171,242,1) 1%,rgba(0,141,220,1) 29%,rgba(18,124,182,1) 61%,rgba(9,77,116,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dabf2', endColorstr='#094d74',GradientType=0 ); /* IE6-9 */
	
	
	
	
}/* 
nav {
	width:832px;
	height:42px;
	float:left;
	margin:2px 0 0 0;
	padding:0px;
	background-color:#0091d8;
} */
ul#navigation {
	width: 895px;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	background: #0181cc;
}
ul#navigation li {
	display:inline;
	font:14px 'Source Sans Pro', sans-serif;
	letter-spacing:1px;
	margin:0px 0px 0 1px;
	padding:0px;
	float:left;
	position:relative;
	background:url(../images/menubdr.jpg) right top repeat-y;
}

/*@media screen and (max-width:1350px) {    ctrl +  
ul#navigation li a {
	margin:0px 1px 0px 0px;
	padding:9px 7px 9px 7px !important;
	color:#fff;
	float:left;
	text-decoration:none;
	position:relative;
	behavior: url(PIE.htc);
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

}*/

/* 
@media screen and (min-width:1500px) {    ctrl -
ul#navigation li a {
	margin:0px 1px 0px 0px;
	padding:9px 5px 9px 5px !important;
	color:#fff;
	float:left;
	text-decoration:none;
	position:relative;
	behavior: url(PIE.htc);
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

}
 */

ul#navigation li a {
	margin:0px;
	padding: 15px 35px 15px 35px;
	color:#fff;
	float:left;
	text-decoration:none;
	position:relative;
	behavior: url(PIE.htc);
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
        font-size: 20px;
}
ul#navigation li a:hover {
	color:#fff;
	background-color:#035788;
}
ul#navigation li a.active {
	color:#fff;
	background-color:#035788;
	text-shadow: 1px 1px #213d62;
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=1, color=213d62);
	position:relative;
	behavior: url(PIE.htc);
}
ul#navigation li a.first {
	border-left: 0 none;
}
ul#navigation li a.last {
	border-right: 0 none;
}
ul#navigation li.last {
	padding-right:0px;
	background:none;
}
ul#navigation li:hover > a {
	color:#fff;
	background-color: #035788;
}
/* Drop-Down Navigation */
ul#navigation li:hover > ul {
	/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
	opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
	margin:-1px 0 0 0;
	padding: 0;
	/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
	opacity:0;
	position: absolute;
	z-index: 99999;
	width:220px;
	box-shadow:1px 1px 3px #ccc;
	/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
	-o-transition:opacity 0.2s linear, visibility 0.2s linear;
	transition:opacity 0.2s linear, visibility 0.2s linear;
}
ul#navigation ul {
	top: 50px;
	left: 0px;
}
ul#navigation ul li ul {
	top: 2px;
	left: 180px; /* strong related to width:180px; from above */
}
ul#navigation ul li {
	clear:both;
	width:100%;
	padding:0px;
	border:0 none;
	border-bottom:1px solid #d9d9d9;
	background-color:#f7f7f7;
}
/* background-color:#93b609; */
ul#navigation ul li a {
	background-color:#f7f7f7;
	background-image:none !important;
	padding:12px 15px 12px 15px;
	margin:0px;
	color:#666666;
	width:87%;
	text-decoration:none;
	border:0 none;
	text-align:left;
	font:13px Arial,'Source Sans Pro', sans-serif;
	display:block;
	text-transform:none;
}
ul#navigation ul li a:hover {
	color:#000;
	text-align:left;
	border:0 none;
	background-color:#fff;
}










@media only screen and (min-width:320px) and (max-width:479px) {
.navegation {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
    background:#0181cc;
}
.menucont {
    float: none;
    width: 320px;
    margin: 0px auto;
}
ul#navigation {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    background: #0181cc;
}
ul#navigation li {
    display: inline;
    font: 10px 'Source Sans Pro', sans-serif;
    letter-spacing: 0px;
    margin: 0px 0px 0 0px;
    padding: 0px;
    float: left;
    position: relative;
    background: url(../images/menubdr.jpg) right top repeat-y;
}
ul#navigation li a {
    margin: 0px;
    padding: 5px 8px 5px 9px;
    color: #fff;
    float: left;
    text-decoration: none;
    position: relative;
    behavior: url(PIE.htc);
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
    font-size: 10px;
}
ul#navigation li.last {
    padding-right: 0px;
    background: none;
    float: right;
}

}

@media only screen and (min-width:480px) and (max-width:767px) {
.navegation {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
    background:#0181cc;
}
.menucont {
    float: none;
    width: 480px;
    margin: 0px auto;
}
ul#navigation {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    background: #0181cc;
}
ul#navigation li {
    display: inline;
    font: 14px 'Source Sans Pro', sans-serif;
    letter-spacing: 0px;
    margin: 0px 0px 0 0px;
    padding: 0px;
    float: left;
    position: relative;
    background: url(../images/menubdr.jpg) right top repeat-y;
}
ul#navigation li a {
    margin: 0px;
    padding: 10px 15px 10px 15px;
    color: #fff;
    float: left;
    text-decoration: none;
    position: relative;
    behavior: url(PIE.htc);
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
    font-size: 14px;
}

}

@media only screen and (min-width:768px) and (max-width:1023px) {
.navegation {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
    background:#0181cc;
}
.menucont {
    float: none;
    width: 768px;
    margin: 0px auto;
}
ul#navigation {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    background: #0181cc;
}
ul#navigation li {
    display: inline;
    font: 16px 'Source Sans Pro', sans-serif;
    letter-spacing: 0px;
    margin: 0px 0px 0 0px;
    padding: 0px;
    float: left;
    position: relative;
    background: url(../images/menubdr.jpg) right top repeat-y;
}
ul#navigation li a {
    margin: 0px;
    padding: 12px 36px 12px 36px;
    color: #fff;
    float: left;
    text-decoration: none;
    position: relative;
    behavior: url(PIE.htc);
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {}