/* custom classes */
input[type="button"]  
{
 border: 0;
 background: lightgrey;
 box-shadow: none;
 border-radius: 0px;
 padding: 4px 18px 6px;
 outline:none;
}
input[type="button"]:hover
{
  background: grey;
  border: none;
  border-radius: 0px;
  outline:none;
}
input[type="button"]:active
{
  background: grey;
  border: none;
  border-radius: 0px;
  outline:none;
}
input[type="button"]:visited
{
  background: lightgrey;
  border: none;
  border-radius: 0px;
  outline:none;
}
.callout-alert{
    background: lightpink;
    padding: 0.5em;
    border: 1px solid darkred;
}
/* Inner navigation */
#nav_inner {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700;
font-style: normal;
z-index: 9;
margin: 0px !important;
padding: 0px !important;
}
#nav_inner ul {
margin: 0px !important;
padding: 0px !important;
}
#nav_inner li {
margin: 0px !important;
padding: 0px !important;
}
#nav_inner a {
color: black;
padding: 0 0.4em 0.2em 0.4em;
text-decoration: none;
min-width: 3em;
display: block;
float: left;
border-right: solid 1px lightgray;
margin: 0px !important;
background: white;
}
#nav_inner a:hover, #nav_inner li.selected a {background: white; text-decoration: underline;}
/** FAQ **/
.contenttype-faqentry{
    padding-top: 3px;
    padding-bottom: 3px;
}
.navTree:hover .navTreeLevel1:hover a:hover {
    text-decoration: underline !important;
}
/** News alert messages **/
#ff7e6063599249a796c1079363e1a943 {
    text-align:center;
}

#ff7e6063599249a796c1079363e1a943 {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#ff7e6063599249a796c1079363e1a943 a{
    color: red !important;
    }
#ff7e6063599249a796c1079363e1a943 p {display: none}


#ab5c29e4a10b41b59d78f9d58d01cca7 {
    text-align:center;
}

#ab5c29e4a10b41b59d78f9d58d01cca7 {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#ab5c29e4a10b41b59d78f9d58d01cca7 a{
    color: red !important;
    }
#ab5c29e4a10b41b59d78f9d58d01cca7 p {display: none}

#f36dd315973d4702bb65bbfaa7e17c15 {
    text-align:center;
}

#f36dd315973d4702bb65bbfaa7e17c15 {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#f36dd315973d4702bb65bbfaa7e17c15 a{
    color: red !important;
    }
#f36dd315973d4702bb65bbfaa7e17c15 p {display: none}

#de2dd5de87a049748d6980b071e83368 {
    text-align:center;
}

#de2dd5de87a049748d6980b071e83368 {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#de2dd5de87a049748d6980b071e83368 a{
    color: red !important;
    }
#de2dd5de87a049748d6980b071e83368 p {display: none}

/** SMOG alert messages **/
#b27422a02c64429aa928a8a815a3a2be {
    text-align:center;
}

#dd1bfe3f298340a49e13ef11603bdf57 {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#dd1bfe3f298340a49e13ef11603bdf57 a{
    color: red !important;
    }
#dd1bfe3f298340a49e13ef11603bdf57 p {display: none}

#b8c00b6ed3704a11aa3d6a2d53180393 {
    text-align:center;
    color: red;
    font-size: 0.8em
}
#b8c00b6ed3704a11aa3d6a2d53180393 a{
    color: red !important;
    }
#b8c00b6ed3704a11aa3d6a2d53180393 p {display: none}

#fc29a45baf7a41eabb0a09e8b2adf24e {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#fc29a45baf7a41eabb0a09e8b2adf24e a{
    color: red !important;
    }
#fc29a45baf7a41eabb0a09e8b2adf24e p {display: none}

#a0e4848380fb4ecba4b12413f2382d32 {
    text-align:center;
    color: red;
    font-size: 0.8em
    }
#a0e4848380fb4ecba4b12413f2382d32 a{
    color: red !important;
    }
#a0e4848380fb4ecba4b12413f2382d32 p {display: none}

/** iframes **/
.third_div {
    width:32.6%;
	height:auto;
	display: inline-block;
	text-align: center;
	}
.iframelink_third_div {
	position:relative;
	width:32.6%;
	height:auto;
	display: inline-block;
	text-align: center;
	z-index:4;
	}
.iframelink_div {position:relative;}
.iframelink_a {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    padding-bottom: 1px;
    width:100%;
    height:100%;
    z-index:5;
    border: none !important;
    }
    
dl.portlet {
    background-color: #F6F6F6;
    border: 1px solid lightgrey;
    margin-top: 1em;
}

dl.portlet dt, .portletAssignments .portletHeader {
    padding: 0.42em 1em;
    background: none;
    text-align: center;
    line-height: normal;
}

dl.portlet ul.navTree .navTreeCurrentItem {
    background-color: #00A6E0;
    border-left: 1em solid #00A6E0;
    margin-left: -1em;
    margin-right: -1em;
    color:  #FFFFFF !important;
    font-size: 1.1em;
}

#content ul.formTabs {
    background-color: #00A6E0;
    border: 0.3em solid #00A6E0;
    font-style:italic;
    font-size:1.2em;
    /* text-decoration: underline !important;*/
}

#fieldsetlegend-map, #fieldsetlegend-table, #fieldsetlegend-animation, #fieldsetlegend-aggregations {
    font-weight: 900 !important;
    font-style:normal;
	text-decoration: none;
    color: #000095 !important;
}

/* custom pdf viewer */
.photoAlbumEntry {
    padding-bottom: 9px;
}

/* custom facetted navigation */
.faceted-widget ul {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}


/* custom Leaflet */
.leaflet-container {
    background: white;
}
.leaflet-center {
    width: 40%;
	margin-left: 4em;
	margin-right: auto;
	position: relative;
}
.leaflet-top {
	z-index: 1001 !important;
}

/* custom easytabs */
.etabs { display: inline-block !important; margin: 0; padding: 0; }
.tab { display: inline-block !important; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 12px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 4px; margin: 0; position: relative; top:4px; border-color: #666; }
.tab a.active { font-size: 14px; font-weight: bold; }
.tab-container .leaflet-container { min-height: 3px; background: #fff; border: solid #666 1px !important; padding: 0px !important; margin: 0px !important; position:fixed; }

/* custom tabs form_tabbing.js (in Products.CMFPlone) via enableFormTabbing (see https://lionfacelemonface.wordpress.com/2010/09/29/using-plone-4s-form-tab-magic/)*/
.enableFormTabbing dd{
	margin-left: 0 !important;
	padding-top: 0 !important;
}

/* keep aspect ratio of eg iframe elements */
.ar_container {
    width: 100%;
    max-width: 100%;
    display:inline-block;
}

.ar_outer {
  position:relative;
  width: 100%;
  display:inline-block;
}
.ar_inner {
    border: 1px solid #D3D3D3;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.ar61_fill {
    *height: 100%;
    margin-top: 61.8%;  /* determines height */
}
.ar75_fill {
    *height: 100%;
    margin-top: 75%;  /* determines height */
}
.ar80_fill {
    *height: 100%;
    margin-top: 80%;  /* determines height */
}

/* language selector */
#language {
    min-width: 104px;
    text-align:center;
}
.currentLanguage{

}
.language-nl a{
    background: url("../img/NL.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-en a{
    background: url("../img/EN.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-de a{
    background: url("../img/DE.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-fr a{
    background: url("../img/FR.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-nl a:hover{
    background: url("../img/NL_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-en a:hover{
    background: url("../img/EN_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-de a:hover{
    background: url("../img/DE_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.language-fr a:hover{
    background: url("../img/FR_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.currentLanguage.language-nl a{
    background: url("../img/NL_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.currentLanguage.language-en a{
    background: url("../img/EN_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.currentLanguage.language-de a{
    background: url("../img/DE_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
.currentLanguage.language-fr a{
    background: url("../img/FR_select.png") no-repeat;
    padding: 200em;
    font-size: 0.1px;
}
#portal-languageselector {
    display:inline-block;
    float: right;
    background: none;
    z-index: 3; /* portal-header has 2 and we need to be above to be clickable */
    padding-top: 0em !important;
    padding-bottom: 0.1em;
    padding-left: 0.1em;
    padding-right: 1em;
    position: absolute;
    font-size: 1.1em;
    text-align: left;
}
#portal-languageselector a{
    display:inline-block;
}

/* @group Path indicator (breadcrumbs) */

#portal-breadcrumbs {
    font-size: 80%;
    margin-bottom: 1em;
    margin-left: 0.25em;
    padding-bottom: 0.4em;
    border-bottom: 1px solid lightgrey;
}
#portal-breadcrumbs a {
    border-bottom: none;
    display: inline-block;

}

.breadcrumbSeparator {
      color: #666666;
}
#portal-searchbox {
    position:absolute;
    background: none;
    right: 2.3em;
    top: 2.3em;
    text-align: left;
    clear: right;
    margin: 0;
    padding: 0;
    font-size: 100%;
    z-index: 10;
    line-height: 2em;
}

#portal-searchbox form {
    white-space: nowrap;
    background: none;
}

#portal-searchbox label {
    font-weight: normal;
    display: none;
    background: none;
}

#portal-searchbox:hover label {
    font-size: 80%;
    color: black;
    position:absolute;
    top: 25px;
    left: 17px;
    padding: none;
    margin: none;
    display: inline-block;
    background: none;
}

.searchButton, .searchSection {
	margin: none;
	border: none;
	background: none;
}

#searchGadget {
    background: url("../img/search_new.png") no-repeat scroll right top transparent;
    font-size: 1em;
    text-indent: 7px;
    height: 28px;
    width: 228px;
    border: none;
}
#form-widgets-content-widgets-query {
    background: url("../img/navigation.png") no-repeat scroll right top transparent;
    font-size: 1em;
    text-indent: 7px;
    height: 28px;
    width: 228px;
    border: 3px solid;
    border-radius: 5px;
}
input.searchButton {
    background: none;
    border: none;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    padding: none;
    text-indent:-9999px;
    z-index: 9;
}

.LSBox .searchSection {
    display: none;
    background: none;
}
#portal-searchbox:hover .searchSection {
  display:block;
  background: none;
  }

#content input.searchField {
    width: 198px !important;
    padding-right: 30px !important;
    background: none;
}

input.searchField {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: none;
    text-indent: 7px;
    height: 27px !important;
    width: 198px !important;
    padding-right: 30px !important;
}
#portal-personaltools {
	z-index: 99;
}

/* @end */

/* @group LiveSearch */

#LSResult {
    position: absolute;
    right: 0;
    top:4.3em;
    background: White;
    margin: -1.5em 0 0 -7em;
}

#LSResult fieldset {

    padding: 1em 0 0;
    border: 0.1em solid lightgrey;
}

#livesearchLegend {
    background-color:lightgrey;
    font-weight: 700;
    padding:0.3em;
    margin-left: 1em;
}

#LSResult .LSDescr {
    font-size: 85%;
    color: #666;
}

.LSRow,
#LSNothingFound {
    display: block;
    padding: 0.5em 1em;
    white-space: normal;
    width:28em;
}

.LSHighlight {
    background: #ddd;
}

/* @end */

/* fix Plone classes */
.actionMenuContent {
    z-index:9999 !important;
}

/*********************************************************
beyondskins.Responsive - Diazo responsive theme for Plone
Simples Consultoria - www.simplesconsultoria.com.br
*********************************************************/

/* reset */
* {margin:0; padding:0; list-style:none; vertical-align:baseline;}

/* Background images - Remove this lines for a clean layout */
body {background: url(../img/bg.jpg) top repeat-x;}
#header {
background: white;
background-size: 100% auto;
position:relative;
top: 4px;
height: 122px;
border: 1px solid lightgrey;
border-top: none;
}

/****************** Basic Stuff ******************/

/* Colors and fonts */
body {
color: #000000;
font-family: 'Arimo', 'Open Sans', 'Lato', Helvetica, Arial, sans-serif;
font-size: 62.5%; /* with this 1em = 10px */
}
a:link, #content a:link, dl.portlet a:link {color:#000095;}
#content a:visited, dl.portlet a:visited {color: #266DAB;}
#content a:hover, dl.portlet a:hover {color: #12304D !important;}
h1 {color: #000095; text-align: center;}
h2, h3, h4, h5, h6 {color: #636363;}
h1, h2, h3, h4, h5, h6 {font-family:'Arimo','Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; }
h1, h2, h3 {margin: 0.5em 0 0.5em;}
p {line-height: 1.8em; margin: 0 0 1em 0;}
#wrapper {
width:auto;
margin: 0 auto;
max-width: 90%;
font-size: 1.2em;}
#main {
background:#fff;
font-size: 1.4em;
padding: 0.3em 0;
border: 1px solid lightgrey;
}

/* fix cover overlay, you can remove this lines if you dont use collective cover */
#exposeMask {z-index: 0 !important;}
.close {opacity: 0.6; text-indent: -10000px;}

/****************** HEADER ******************/

/* logo */
#logo {
background: url('../img/logo_irceline_text.png') no-repeat 5px 5px;
float: left;
width: 373px;
height: 110px;
z-index:4;
}
#logo a {
position:absolute;
top:0;
left:0;
display:inline-block;
width: 373px;
max-width:50%;
height:100%;
z-index:5;
}

/* Personal tools */
#portal-personaltools {font-size: 1.2em;}

/* Main navigation */
#nav {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700;
font-style: normal;
background: none;
text-align: right;
position: absolute;
top: 77px;
right: -1px;
border-left: 1px solid lightgrey;
border-top: 1px solid lightgrey;
z-index: 9;
}
#nav ul {
background: none;
color: black;
font-size: 1.3em;
}
#nav a {
color: black;
padding: 0.7em;
text-decoration: none;
min-width: 3em;
display: inline-block;
background: white;
border-right: 1px solid lightgrey;
}
#nav a:hover, #nav li.selected a {background: white; text-decoration: underline;}

/****************** Navigation ******************/

.navTree ul {
margin:10px;
}
.navTree ul > li {
margin-left:10px !important;
list-style: disc !important;
}


/****************** CONTENT ******************/

/* Text styles */
.hidden {display: none;}
.clear {clear: both;}
.pb-ajax, .pb-image,
.overlay iframe {font-size: 1.4em;}
.portlet img, #content img {max-width:100%;}

/* lists */
#content li, dl.portlet li {
display: list-item;
line-height: 1.5em;
list-style: none !important;
margin-bottom: 0.25em;
}
#content ol li, dl.portlet ol li {list-style: decimal outside;}
dl.portlet ul.navTreeLevel0 > .navTreeItem {list-style: none;}


/****************** FOOTER ******************/

#footer {background: #00A6E0; color: #fff;}
#footer a:link {color:#fff;}
#footer a:visited {color:#f1f1f1;}
#footer a:hover {color: #f1f1f1 !important;}
#footer {clear: left; padding: 1em 2em;}

#footer-logos {text-align:center;}
#footer-logos img {vertical-align:middle; padding:0.3em;}

/* Site Actions */
#portal-siteactions {text-align: right; display:block;}


/****************** RESPONSIVE DESIGN MAGIC ******************/

#searchbt, #nav #seletor {display:none;}
#nav #seletor {
	color: black;
	}

@media screen and (max-width: 768px) {

	#wrapper {max-width: 100%;}

/* logo */
#logo {
background: url('../img/logo_irceline_text_small.png') no-repeat 5px 5px;
max-width:60%;
height: 87px;
}
#logo a {
max-width:50%;
}

	#header {height:100%;}

	/*Columns*/
	#portal-column-one,
	#portal-column-two,
	#portal-column-content {clear: both; width: 97.75%; margin-left: -98.875%;}

	/*Search*/
    #portal-searchbox  {
    	position: absolute;
    	right: 5px;
    	top: 2.3em;
    }

	/*Global navigation*/
	#nav {
		padding: 1em 0 0 0;
		width:101%;
		position: relative;
		top: -5px;
	}

	#searchbt {
		display:block;
		float:right;
		width:14%;
		}

	#searchbt a {
		display:block;
		text-indent: -900000px;
		padding: 1em;
		margin-top: 4%;
		background:transparent url(search-ico.png) no-repeat center center;
	}

	#nav #seletor {
		display:block;
		padding:0.7em;
		width:96%;
		background-color: rgba(255, 255, 255, .7);
	 }

	#nav li {display: none;}

	#nav:hover li {
		display: block;
		width:89.7%;
		border-top:1px solid lightgrey;
		display:block !Important;
		padding:auto;
	}

	#nav ul {
		width:97.5%;
		margin:0;
		padding:0;
	}

	#nav:hover li a {
		color: black;
		width:100%;
		padding:0 2.5%;
		line-height: 3em;
        display: block;
        width: 95% !important;
	}

	#nav:hover li:hover {background: #ff9900;}
	#nav:hover li a:hover,
	#nav:hover li.selected a {background: white;}

.overlay.overlay-ajax {top: 10px !Important;}
.overlay.overlay-ajax input.searchPage {
    font-size: 200% !important;
    width: 90%;
    margin-bottom:1em;
}
.overlay.overlay-ajax input.searchPage.searchButton {width:auto;}
.overlay.overlay-ajax #searchform .discreet {text-align:left;}
.overlay.overlay-ajax #content-core strong {display:none;}

}

@media screen and (max-width: 480px) {
/* responsive fixes for Document Viewer */
.DV-sidebar {display: none}
.DV-pages {width:100%}

/* custom facetted navigation */
.faceted-widget ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

/* logo */
#logo {
background: url('../img/logo_irceline_mobile.png') no-repeat 5px 5px;
max-width:30%;
height: 65px;
}
#logo a {
max-width:20%;
}

/* search */
#portal-searchbox {
    width:80%!important;
    text-align: right;
}
/* language selection */
#portal-languageselector {
    max-width: 85%;
    }

/*custom*/
.third_div {
	width:100%;
	height:auto;
	display: inline-block;
	text-align: center;
	}
.iframelink_third_div {
	position:relative;
	width:100%;
	height:auto;
	display: inline-block;
	text-align: center;
	}
.iframelink_div {position:relative;}
.iframelink_a {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:100%;
    height:100%;
    z-index:5;
    }
/* original */
	#portal-breadcrumbs {display:none;}

	#portal-searchbox {
	    float: none;
        width:80%;
		clear:both;
		margin: 0 auto 2%;
   }
/*collective.cover*/
div.position-0,
div.position-1,
div.position-2,
div.position-3,
div.position-4,
div.position-5,
div.position-6,
div.position-7,
div.position-8,
div.position-9,
div.position-10,
div.position-11 {
    clear: both;
    width: 97.75%;
    margin-left: -98.875%;
    }
#left-area {
    width: 97.75%;
    }
#center-content-area {
    width: 97.75%;
    margin-left: 0%;
    }
}



@media screen and (max-width: 1600px) {
    .info img {width:115px !important; height:310px !important;}
}
@media screen and (max-width: 1200px) {
	.info img {width:105px !important; height:283px !important;}
}
@media screen and (max-width: 1024px) {
	.info img {width:95px !important; height:256px !important;}
}
@media screen and (max-width: 840px) {
	.info img {width:85px !important; height:229px !important;}
}
@media screen and (max-width:  640px) {
	.info img {width:75px !important; height:202px !important;}
}
@media screen and (max-width:  480px) {
	.info img {width:65px !important; height:175px !important;}
    #portal-languageselector a{padding: 160em;}
}
@media screen and (max-width:  250px) {
    #portal-languageselector a{padding: 140em;}
}
@media screen and (max-width:  210px) {
    #portal-languageselector a{padding: 120em;}
}