html, body {
    background: #FFF;
    font-family: "Ruda", sans-serif;                    /* 300, 700, 900 */
    font-size: 18px;
    -webkit-text-stroke: .3px;
    background: #373737;
}

a {
    color: #F26722;
}

h1, h2, h3, h4 {
    text-transform: uppercase;
}

h1 {
	line-height: 1em;
}

.navStripe {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(33, 33, 33, 0.85);
}

.contentWrapper {
    background: #FFFFFF;
    min-height: 400px;
}

.footerStripe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 130px;
    background: #373737;
}

nav.main {
    z-index: 1;
    margin-top: 5px;

    width: 100%;
    height: 40px;

    text-transform: uppercase;
    font-size: 1em;
    font-weight: 400;
}

nav.main .logo {
    position: relative;
    display: inline-block;
    top: 13px;
    width: 110px;
    height: 25px;    
    background: url("../img/logo/aeaav.png");
}

nav.main ul {
    position: relative;
    display: inline-block;
    top: 8px;
    
    height: 28px;
    margin-left: -367px;

    text-decoration: none;
    list-style: none;
    list-style-image: none;
}

nav.main ul.mainNav {
    float: right;
}

nav.main ul nav ul {
    left: 40%;
}

nav.main ul li {
    float: left;
}

nav.main ul li:hover {
    background: #fff;
}

nav.main ul li:hover > nav {
    display: block;
}


nav.main ul.mainNav > li > a {
    text-decoration: none;
}

nav.main nav {
    position: absolute;
    display: none;
    top: 38px;
    left: 0;
    
    width: 681px;
    min-height: 100px;
    margin: 0;
    padding: 10px 10px 20px;
    
    background: none repeat scroll 0 0 #FFFFFF;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.3);
}

nav.main ul ul {
    top: 200px;
    float: left;
    height: auto;
    width: 220px;
    margin: 0;
    padding: 0;
    
    border-radius: 0 0 0 0;
}


nav.main ul ul li {
    position: relative;
    float: none; 
    top: -190px;
    left: -272px;
    width: 195px;
}

nav.main ul ul li div {
    padding: 8px 10px;
}

nav.main ul li:hover > ul {
    display: block;
}

nav.main ul ul li:last-child {
    border-bottom: none;
    margin-right: 0;
}

nav.main ul > li > a {
    display: block;
    height: 100%;
    width: 100%;
    border-bottom: 0;
    font-size: 1em;
    padding: 10px;
    color: #F26722;    
    letter-spacing: -1px
}

nav.main ul.mainNav > li > a {
    font-size: 1.125em;
    padding: 10px 15px;
}

nav.main ul ul li a.title {
    position: relative;
    display: block;

    padding: 8px 10px;
    font-size: 1em;
    color: #F26722;    
}

nav.main ul li span {
    position: relative;
    left: 10px;
    text-transform: none;
    width: auto;
    height: auto;
}

nav.main ul li > span > a {
    position: relative;

    color: #474747;
    font-size: 0.688em;
    letter-spacing: 0;
}

nav.main h3 {
    font-size: 1em;
    padding: 0 0 8px;
    margin: 0;
    color: #F26722;
}

nav.main ul li nav ul li > a.title:hover {
    text-decoration: underline;
}

nav.main ul li nav ul li > span a:hover {
    text-decoration: underline;
}

nav.breadcrumb {
    font-size: 0.675em;
    margin-top: 225px;
    width: 100%;
    z-index: 1;
    font-weight: auto;
    height: auto;
    position: relative;
    margin-left: 3px;
}

nav.breadcrumb ul li {
	display: inline-block;
}

nav.breadcrumb ul li:after {
    content: ">";
    margin: 0 5px;
}

nav.breadcrumb ul li:last-child::after {
    content: "";
}


header.hero {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

header .photoContainer {
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 246px;
    background: url("../img/header/bokeh.jpg") no-repeat top center;
    background-size: 100%;
}

header .headingContainer {
    width: 100%;
    text-align: center;
}

header .photoContainer.small {
    padding-bottom: 210px
}

.headerCover.small {
    top: 210px;
    height: 300px
}

header .headingContainer h1 {
    position: relative;
    max-width: 520px;
    font-size: 1em;
    margin: 75px auto 0 auto;
}

header .headingContainer h1 span {
    position: relative;
    height: 55px;
    margin: 0 0 3px 0;
    background: rgba( 102, 102, 102, .6 );
    color: rgba( 255, 255, 255, .9 );
    text-align: center;
    font-size: 2.222em;
    font-weight: 400;
    line-height: 1.400em;
    display: block;
}

header .headingContainer h2 {
    position: relative;
    max-width: 520px;

    margin: 0 auto 3px auto;

    background: rgba( 102, 102, 102, .6 );
    color: rgba( 255, 255, 255, .9 );
    text-align: center;
    font-size: 1.167em;
    font-weight: 400;
    line-height: 1.800em;
}

header .headingContainer .linksContainer {
    position: relative;
    max-width: 5211px;
    height: 55px;

    margin-right: auto;
    margin-left: auto;
}

header .headingContainer.small h1 {
    position: relative;
    max-width: 870px;

    margin-right: auto;
    margin-top: 110px;
    margin-left: auto;

    background: rgba( 102, 102, 102, .6 );
    color: rgba( 255, 255, 255, .9 );
    text-align: center;
    font-size: 2.000em;
    font-weight: 400;
    line-height: 1.400em;
}

header .linksContainer a {
    position: relative;
    display: inline-block;
    width: 258px;
    height: 100%;
    text-decoration: none;
    background: rgba( 250, 98, 41, .8 );
    color: rgba( 255, 255, 255, .9 );
    text-align: center;
    font-size: 1.167em;
    font-weight: 400;
    line-height: 2.750em;

    transition: .3s;
    -webkit-transition: .3s;
}

header .linksContainer a:hover {
    background: rgba( 250, 98, 41, 1 );
}

section.content {
	padding-bottom: 50px;
}

section.content div.main {
    position: relative;
    line-height: 1.3em;
}

article h2 {
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 30px 30px 15px 15px;

    color: rgba( 16, 15, 16, .7 );
    text-align: left;
    font-size: 1.333em;
    font-weight: 700;
}

article a:hover {
    text-decoration: underline;
}

article ul.acordeon {
    width: 400px;

    overflow: hidden;
}

article ul.acordeon > li.title {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

article ul.acordeon > li.title > p {
    width: 100%;
    cursor: pointer;

    background: #FFF;
    border-bottom: solid 1px rgba( 190, 190, 190, .6 );
}

article ul.acordeon > li.title > ul {
    position: relative;
    z-index: -1;
    top: -100px;

    width: 100%;

    transition: all .4s;
    -webkit-transition: all .4s;
}

article ul.acordeon > li.title > ul > li {
    margin: 5px 0 5px 0;
    padding: 5px 10px 5px 20px;
}

article ul.acordeon > li.title > ul > li:first-child {
    margin-top: 10px;
}

article ul.acordeon > li.title > ul.active {
    top: 0;
}

section.featured {
    position: relative;
    top: 268px;
    width: 100%;
}

section.featured h1 {
    position: relative;
    margin-top: 30px;
    color: #100F10;
    text-align: center;
    font-weight: 700;
}

section.featured .highlights {
	text-align: center;
}

section.featured .highlights h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
section.featured p {
    margin-top: 15px;
    color: #646566;
    font-size: 1em;
}

section.featured .highlights p {
    margin-top: 5px;
    font-size: 0.85em;
}

section.featured .sliderContent {
    position: relative;
    z-index: 0;
    width: 1095px;
    height: 410px;
    overflow: hidden;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}

section.featured .sliderContent .monitor {
    position: relative;
    max-width: 530px;
    height: 0;

    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 410px;

    background: url("../img/slider/appleDisplay.png") no-repeat center center;
    background-size: 100%;
}

div.sliderContent ul, div.sliderContent ol {
    list-style-type: none !important;
} 

div.sliderContent h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: 100;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    color: #333333;
    float: right;
    font-size: 3em;
    margin: 50px 43px 10px;
    padding: 20px;
    max-width: 75%;
    text-align: right;
    clear: both;
}

div.sliderContent div.description {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    float: right;
    font-size: 0.75em;
    margin: 0 43px 0 0;
    position: relative;    
    width: 50%;
    clear: both;
    max-height: 200px;
    overflow: hidden;
}

div.sliderContent div.description p {
    text-align: right;
    margin: 10px;
}

.headerCover {
    position: absolute;
    top: 288px;
    left: 0;
    width: 100%;
    height: 800px;

    background: #FFF;
}

.newsBack {
    position: absolute;
    z-index: 0;
    top: 950px;
    left: 0;

    width: 100%;
    min-height: 500px;
    margin-bottom: 400px;

    background: #FAFAFA;
    box-shadow: inset 0 1px 2px rgba(238, 238, 238, .8),
                inset 0 -1px 2px rgba(238, 238, 238, .8);
}

section.news {
    position: relative;
    margin-top: 360px;
    margin-bottom: 30px;

    width: 100%;
}

section.news h1 {
    color: #100F10;
    text-align: center;
    font-weight: 700;
}

section.social {
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 60px;
}

section.social .icon {
    width: 42px;
    height: 42px;
    margin-right: auto;
    margin-left: auto;
}

section.social h1 {
    color: #100F10;
    font-weight: 700;
    text-align: center;
}

section.social p {
    margin-top: 15px;
    color: #646566;
    font-size: 1em;
    text-align: center;
}

section.social span {
    display: block;
}


section.social span.details {
    font-size: 0.65em;
    text-align: center;
}

section.social #facebookStatuses a {
    color: #646566;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

section.social #facebookStatuses a:hover {
    color: #F26722;
    text-decoration: none;
}

section.social div.socialSeeMore {
    margin-top: 30px;
    text-align: right;
}


section.content section.highlights ul {
    list-style: none;
}

section.highlights ul li {
	display: inline-block;
	width: 48%;
	margin: 20px 1% 0 0;
	vertical-align: top;
}

section.highlights ul li:last-child {
	margin-right: 0;
}

section.highlights h2 {
	margin: 0;
	font-size: 1.55em;
}

section.highlights small {
	font-size: 0.65em;
}


#facebookStatuses {
    margin-top: 20px;
}

#facebookStatuses div.status {
    margin-top: 30px;
}

#facebookStatuses div.status div.content {
    margin: 30px 40px;
}

footer {
    max-width: 730px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
}

footer label {
    display: inline-block;
    width: 50px;
    margin: 0 20px 0 0;
    color: #B0B0B0;
    text-transform: uppercase;
    font-size: 0.778em;
    font-weight: 700;
}

footer p {
    display: inline-block;
    margin: 0 20px 0 0;
    
    color: #F0F0F0;
    font-size: 0.778em;
    font-weight: 400;
}

footer .socialContainer {
    position: absolute;
    display: inline-block;
    top: 0px;
    height: 36px;
    margin-left: 65px;
    margin-top: 20px;
    /*overflow: hidden;*/
}

footer .socialContainer a {
    width: 36px;
    height: 36px;
    display: block;
}

footer .socialContainer > div {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-right: 5px;
}

footer .socialContainer .facebookContainer {
    margin-left: 10px;
}
footer .socialContainer .canalbContainer {
	background-image: url(../img/logo/canalb.png);
}
footer .socialContainer .radioContainer {
    background-image: url(../img/logo/logoradio.png);
}
footer .socialContainer .pigoContainer {
    background-image: url(../img/logo/pigo.png);
}


footer .socialContainer .twitterContainer .twitter, 
footer .socialContainer .facebookContainer .facebook {
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;

    border-radius: 50%;
    background-color: #F26722;

    transition: all .3s;
    -webkit-transition: all .3s;
}

footer .socialContainer .twitterContainer a .twitter .twitterSprite, 
footer .socialContainer .facebookContainer a .facebook .facebookSprite {
    position: absolute;
    top: 50px;

    width: 36px;
    height: 36px;

    background-color: #FFF;
    background-position: -56px -55px;
    border-radius: 50%;
}

footer .socialContainer .twitterContainer:hover a .twitter, 
footer .socialContainer .facebookContainer:hover a .facebook {
    margin-top: -50px;
}

footer .socialContainer a .twitterSprite,
footer .socialContainer a .facebookSprite {
    background-color: #FFF;
}

footer .socialContainer a .twitterSprite.icon.twitterOrangeSprite{
    background-position: -56px -55px;
}

footer .socialContainer a .facebookSprite.icon.facebookOrangeSprite {
    background-position: -92px -55px;
}

section.mainNews, section.slidingContent {
    position: relative;
    margin-top: 30px;
    width: 100%;
    font-size: 0;
    font-size: 14px;
    font-size: 0;    
}

section.mainNews h1, section.slidingContent h1 {
    position: relative;
    margin-bottom: 50px;

    color: #100F10;
    text-align: center;
    font-weight: 400;
}

section.mainNews > div.article, section.slidingContent > div.article {
    display: inline-block;
    width: 393px;
    height: 300px;
    position: relative;
    background: rgba( 240, 240, 240, .8 );
    overflow: hidden;
    cursor: pointer;
}

section.mainNews > div, section.slidingContent > div {
    margin: 0 20px 20px 0;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}

section.mainNews p, section.slidingContent p {
    margin: 0;
}

section.mainNews a.articleWrapper, section.slidingContent  a.articleWrapper {
    font-size: 15px;
    height: 300px;
    display: inline-block;
    position: relative;
    width: 100%;
}

section.mainNews > div.article:first-child {
    width: 600px;
    height: 400px;
    vertical-align: top;
}

section.mainNews > div.article:first-child  a.articleWrapper {
    height: 400px;
}

section.mainNews > div.secondCol > div.article a.articleWrapper {
    height: 190px;  
}

section.mainNews > div.secondCol {
    width: 600px;
    display: inline-block;
    height: 400px;
    vertical-align: top;
}

section.mainNews > div.secondCol > div.article {
   height: 190px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}


section.mainNews div.article div.title, section.slidingContent  div.article div.title {
    position: relative;
    transition: margin .6s;
    -webkit-transition: margin .6s;
    z-index: 2;
    height: 300px;
    overflow: hidden;
}

section.mainNews > div.article:first-child div.title {
    height: 400px;
}

section.mainNews div.secondCol div.title {
    height: 195px;
}

section.mainNews > div.article:hover div.title, section.slidingContent > div.article:hover div.title { 
    margin-top: -200px;
}

section.mainNews > div.article:first-child:hover div.title { 
    margin-top: -250px;
}

section.mainNews div.secondCol > div.article:hover div.title { 
    margin-top: -150px;
}

section.mainNews div.article div.title img, section.slidingContent div.article div.title img {
    height: 100%;
    position: absolute;
}

section.mainNews div.secondCol div.article div.title img {
    width: 100%;    
    height: auto;
    top: -50%;
}

section.mainNews div.article div.title h2, section.slidingContent div.article div.title h2 {
    margin-bottom: 20px;
    border-left: 10px solid #F2622D;
    bottom: 0;
    color: #333333;
    padding: 20px;
    position: absolute;
    font-family: 'Roboto Slab',serif;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    float: left;
    max-width: 75%;
}


section.mainNews div.article div.content, section.slidingContent div.article div.content {
    z-index: 1;
    position: absolute;
    margin: 20px;
    bottom: 0;
}
section.mainNews a:hover, section.slidingContent a:hover {
    text-decoration: none !important;
}
section.mainNews div.article label.date, section.slidingContent div.article label.date {
    color: rgb(113, 124, 128);
    font-size: 0.667em;
    font-style: italic;
    margin-bottom: 20px;
}

div.articleImage {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

div.articleImage img {
    width: 100%;
    position: absolute;
    top: -50%;
}

div.articleImage h1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-left: 10px solid #F2622D;
    z-index: 1;
    color: #333333;
    float: left;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 20px;
    max-width: 75%;
    padding: 20px;
    position: absolute;
}

article {
    position: relative;
    width: 100%;
}

article .photo {
    position: relative;
    top: 0;

    width: 100%;
    height: 0;
    padding-bottom: 400px;

    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
}

article div.titleBack {
    position: relative;
    top: -100px;
    
    width: 60%;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -150px;
    padding: 30px 20px;

    background: rgba( 255, 255, 255, .8 )
}

article div.titleBack h1 {
    position: relative;

    color: #383D3F;
    text-align: center;
    font-size: 1.889em;
    font-weight: 400;
    text-shadow: 0 1px 2px rgba( 180, 180, 180, .6 );
}

article label.date {
    position: relative;
    top: 10px;

    margin-left: 30px;

    color: rgb(113, 124, 128);
    font-size: 0.667em;
    font-style: italic;
}

article h1 {
    top: 0;
}

article p {
    position: relative;
    padding: 30px 30px 15px 15px;

    line-height: 1.34em;
}






/* 
    ---------------------------------
                Inputs
    ---------------------------------
*/

.generic fieldset {
    margin-bottom: 30px;
}

.generic input[type=text], 
.generic input[type=email], 
.generic input[type=password] {
    width: 150px;
    height: 30px;
    margin-bottom: 8px;
    padding: 5px 10px;

    border: solid 1px #BABABA;
    border-radius: 2px;
    font-size: 0.833em;
}

.generic input[type=submit],
.generic input[type=button],
.generic button {
    min-width: 100px;
    height: 40px;

    background: rgba(242, 103, 34, .8);
    border: solid 1px rgba(215, 92, 30, .8);
    border-radius: 3px;
    color: #FFF;
    font-size: 0.833em;
    cursor: pointer;

    transition: all .2s;
    -webkit-transition: all .2s;
}

.generic input[type=submit]:hover, 
.generic input[type=button]:hover,
.generic button:hover {
    background: rgba(242, 103, 34, 1);
}

.generic label {
    color: rgb(113, 124, 128);
    font-size: 0.667em;
    font-style: italic;
}


.generic textarea,
.generic input[type="text"], 
.generic input[type="email"],
.generic input[type="password"] {
    width: 450px;
    height: 30px;
    margin-bottom: 8px;
    padding: 5px 10px;

    border: solid 1px #BABABA;
    border-radius: 2px;

    font-size: 0.833em;
    font-family: "Ruda", sans-serif;
}

.generic textarea {
    width: 450px;
    height: 90px;
}


.generic input[type=submit], 
.generic input[type=button],
.generic button {
    min-width: 100px;
    height: 42px;
    padding: 0 20px;

    background: rgba(242, 103, 34, .8);
    border: solid 1px rgba(215, 92, 30, .8);
    border-radius: 3px;

    color: #FFF;
    font-size: 0.833em;
    font-family: "Ruda", sans-serif;

    cursor: pointer;
    vertical-align: top;
    margin: 0 20px 0 0;

    transition: all .2s;
    -webkit-transition: all .2s;
}

.generic input[type=submit]:hover, 
.generic input[type=button]:hover,
.generic button:hover {
    background: rgba(242, 103, 34, 1);
}

.generic select.short {
       width: 200px;
}

.generic input[type=text].short {
    width: 212px;
}

.generic input[type=text].large {
    width: 900px;
}

.generic textarea.large {
    width: 900px;
    height: 250px; 
}

..generic inputButtonGroup input {
	border-radius: 3px 0 0 3px;
	width: 380px;
}

.generic .inputButtonGroup button {
    border-radius: 0 3px 3px 0;
    min-width: 60px;
    border-left: 0;
}


.icon {
    background: url("../img/icons/sprite.png") no-repeat;
}

.icon.twitterOrange {
    background-position: -4px -10px;
}

.icon.twitterWhite {
    background-position: -56px -12px;
}

.icon.facebookOrange {
    background-position: -5px -55px
}
.icon.facebookWhite {
    background-position: -92px -12px;
}


.transparent {
    opacity: 0;
}


.generic form a + button {
    margin-left: 20px;
}


/**************************************************/

ul.linkslist > ul {
    margin-left: 40px;
}

ul.linkslist > ul > ul {
    margin-left: 40px;
}

ul.linkslist > ul > ul > ul {
    margin-left: 40px;
}

section.content ul {
    list-style-type: disc;    
    list-style-position: inside;
}

section.content ol {
    list-style-type: decimal;    
    list-style-position: inside;
}

section.contact-form {
    margin-top: 30px;
}

form ol {
    list-style-type: none !important;
}

label {
    font-style: normal;
    display: block;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

label.required:after {
    color: #f26722;
    content: "*";
    display: inline-block;
    margin-left: 3px;
}

.parsley-error-list {
    display: none;
}

.parsley-error {
    border: 1px solid #f26722!important;
}

iframe.documentViewer {
    width: 1240px;
    height: 780px;
    border: 1px solid #CCCCCC;
}

p.notes {
    margin: 0;
    line-height: 1.1em;
}

p.notes small {
    color: #444;
    font-size: 0.65em;
}

/* ////////       PAGINATION       \\\\\\\\ */

.pagination {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 6px;
  margin-top: 10px;

  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  vertical-align: top;
  z-index: 2;
  text-transform: uppercase;
}

.content .pagination {
  margin-bottom: 10px;
  text-align: center;
}


.pagination > ul {
  float: none;
}

.vacancy + .pagination > ul {
  float: left;
  margin-right: 23px;
}

.pagination > ul > li {
  float: left;
  margin-right: 3px;
  margin-left: 2px;
}

.content .pagination > ul > li {
  float: none;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.pagination > ul > li:first-child {
  margin-right: 6px;
  margin-left: 0;
}
.pagination > ul > li:last-child {
  margin-left: 5px;
  margin-right: 0;
}

.content .pagination > ul > li:first-child {
  margin-right: 4px;
}
.content .pagination > ul > li:last-child {
  margin-left: 4px;
}

.pagination > ul > li > a {
  display: none;
}

.pagination > ul > li > a[href],
.pagination > ul > li > strong {
  display: block;
  width: 40px;
  height: 40px;
  background: #D4D4D4;

  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;

  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  text-align: center;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pagination > ul > li > a:hover {
  color: #333;
}

.pagination > ul > li:first-child > a:hover,
.pagination > ul > li:last-child > a:hover {
  background: #373737;
  color: #fff;
}

.pagination > ul > li > strong {
  background: #F2F2F2;
  color: #333;
}

.pagination > ul > li:first-child > a,
.pagination > ul > li:last-child > a {
  background: #F2622D;
  width: auto;
  padding: 0 10px;
}

.pagination form {
  float: right;
}


.form {
    margin-top: 30px;
}

.helpernav {
    background: none repeat scroll 0 0  rgba(33, 33, 33, 0.85);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #FFFFFF;
    float: left;
    font-size: 0.6em;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    min-height: 26px;
}

.helpernav:first-child {
    margin-left: 15px;
}

.helpernav a {
    display: block;
    padding: 7px 12px;
    color: #FFFFFF;
}

#searchform {
    height: 36px;
    padding: 9px 10px;
}

#searchbutton:hover {
	text-decoration: none;
}

#searchform input {
	width: 160px;
	height: 23px;
	border-radius: 4px 0 0 4px;
	vertical-align: top;
    font-size: 1.2em;
    float: left;
}

#searchform button {
    height: 35px;
    width: 35px;
    min-width: 35px;
    border-radius: 0 4px 4px 0;
    float: left;
    margin: 0;
}

ul.searchresults li {
	list-style: none;
}

ul.searchresults h4 {
	margin-top: 25px;
    margin-bottom: 5px;
}

ul.searchresults cite a {
    text-decoration: none;
    color: #00802A;
    font-size: 0.8em;
}

ul.searchresults small {
	display: block;
	width: 60%;
	color: #444444;
}

section.documents div.article {
    border-bottom: 1px solid #ddd;
}

section.documents div.content {
    display: none;
}

section.documents span {
    display: inline-block;
    margin-right: 30px;
}


section.documents header {
    margin: 20px 0;
    background-color: #F7F7F7;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 10px;
    min-height: 40px;
}

span.right {
    float: right;
}

a.button {
    background: none repeat scroll 0 0 rgba(242, 103, 34, 0.8);
    border: 1px solid rgba(215, 92, 30, 0.8);
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Ruda",sans-serif;
    font-size: 0.833em;
    height: 40px;
    padding: 0 20px;
    transition: all 0.2s ease 0s;
    height: 38px;
    line-height: 38px;
    display: inline-block;
}

a.button:hover {
    text-decoration: none;
}

ul.filelist li {
	list-style: none;
	display: inline-block;
	width: 31%;
	margin-right: 5px;
	height: 75px;
}

ul.filelist li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-size: 0.8em;
    border-radius: 5px;
}

ul.filelist li a:hover {
	background: #eeeeee;
}
ul.filelist li img {
    float: left;
    padding: 6px;
    width: 40px;
    border-radius: 3px; 
}

ul.filelist li span {
    float: left;
    margin: 15px 0 0 5px;
    max-width: 80%;
}

ul.breadcrumb {
	margin-bottom: 20px;
}

ul.breadcrumb li:after {
	content: " /";	
}

ul.breadcrumb li:last-child:after {
	content: "";
}

ul.breadcrumb li {
    list-style: none;
    display: inline-block;
    font-size: 0.7em;
}

.content table td {
	padding: 0 40px 20px 0;
}

.content table thead td {
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 40px 20px 0;
}

#recaptcha_image {
	border: 1px solid #BABABA;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 2px 2px 2px 2px;
}

[class^="icon-"], [class*=" icon-"] {
    line-height: 1em;
}

.icon-2 {
    font-size: 1.2em;
}
.icon-3 {
    font-size: 1.6em;
}
.icon-4 {
    font-size: 3em;
}
.icon-5 {
    font-size: 5em;
}
.icon-6 {
    font-size: 10em;
}

iframe {
    margin: 30px 0;
    border: 1px solid #ddd;
}


@media all and (max-width: 1295px) {
    section.mainNews > div.article:first-child {
        width: 450px;
    }
}

@media all and (max-width: 1225px) {
    section.mainNews > div.secondCol {
        width: 450px;
    }

    section.mainNews > div.secondCol > div.article {
        width: 450px;
    }
    section.mainNews div.secondCol div.article div.title img {
        top: -30%;
    }
    
    header .photoContainer {
        width: 120%;
    }    
}


@media all and (max-width: 1136px) {
    section.featured .sliderContent {
        width: 1050px;
    }
    .flex-direction-nav a.flex-prev {
        margin-right: 945px;
    }
    header .photoContainer {
        width: 140%;
    }    
}


@media all and (max-width: 980px) {
    section.mainNews > div.article:first-child,
    section.mainNews > div.secondCol,
    section.mainNews > div.secondCol > div.article {
        width: 400px;
    }
    section.mainNews div.secondCol div.article div.title img {
        top: -20%;
    }
    header .photoContainer {
        width: 180%;
    }
    
    header .headingContainer.small h1 {
        font-size: 1.6em;
        max-width: 670px;
    }    
    
	nav.main ul.mainNav > li > a {
	    font-size: 1em;
	    padding: 10px 10px;
	}
}

@media all and (max-width: 800px) {
	nav.main ul.mainNav > li > a {
        font-size: 0.75em;
        padding: 10px 6px;
    }
    nav.main nav {
	    top: 34px;
	    width: 430px;
        min-height: 200px;	    
	}
	
	nav.main ul ul {
        top: 185px;
        width: 140px;
    }
    
    nav.main ul ul li {
        width: 135px;
        margin-bottom: 0;
    }
    
    nav.main ul nav ul {
        left: 62%;
    }
    
    nav.main ul > li > a {
        font-size: 0.8em;
    }
	nav.main ul li > span > a {
        font-size: 0.6em;
    }
}


@media all and (max-width: 660px) {
    nav.main .logo,
	header .headingContainer,
    header .photoContainer {
        display: none;
    }    
    nav.main ul.mainNav {
        float: none;
        margin-left: 0;
    }
    
    .navStripe {
        height: 155px; 
    } 
    
    nav.main ul li {
        float: none;
    }
    
    .searchpanel {
        display: none;
    }
    
    nav.main ul.mainNav > li > a {
        padding: 6px;
    }
    
    .headerCover.small {        
        top: 155px;
    }
    
    nav.breadcrumb {
        margin-top: 175px;
    }
    
}

#redactor_modal {
    padding: 20px;
}