/* Stylesheets for SANCO/Consumers */
/* All Pages, All Media */
/* 08.01.2014 - First Draft by Sascha René Leib (COMM) */
/* 24.06.2014 - Redesign of template by Alexis Gayraud (SANCO-EXT) */

.layout-content {
	margin-left: 0;
	padding-top: 5px;
}

.layout-right {
	padding-top: 5px;
}

/* BACKGROUND */
/* body {
	background:			#adc552 url('../images/banners/bgbar.gif') repeat-x top left;
} */

.layout {
	box-shadow: 		0 0 18px #CCCCCC;
    background-color: 	#FFFFFF;
    border: 			1px solid #FFFFFF;
    font-size: 			120%;
    margin: 			0 auto;
    max-width: 			984px;
    min-width: 			200px;
    position: 		relative;
}

/* .layout-body {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    clear: both;
    float: left;
    position: relative;
    width: 100%;
} */

/* BANNERS */
#banner-image-title {
	background-image:		url('../images/banners/sanco_consumers_header_en.gif');
}

/* HORIZONTAL MENU */

#sanco-menu ul li.first-node {
    margin:				0 15px 0 10px;
    padding-left:		5px;
	background:			transparent url('../images/menu/home.png') center no-repeat;
	width:				29px;
}
#sanco-menu ul li.first-node a,
#sanco-menu ul li.first-node a:hover {
	background:			transparent none;
	color:				transparent;
	padding-right:		-2048px;
}

.layout-body {
	border-top:		#FFF solid 1px;
}

#sanco-menu {
	background:			#EEE;
	display:			block;
	width:				100%;
	height:				35px;
	border-bottom:		#418B40 4px solid;
}
#sanco-menu ul {
	margin:				0;
	padding:			0;
	list-style:			none outside none;
}
#sanco-menu ul li {
	margin:				0;
	padding:			0;
	list-style:			none outside none;
	float:				left;
}
#sanco-menu ul li a {
    font-size:			120%;
    font-weight:		bold;
    text-transform:		uppercase;
    text-decoration:	none;
    color:				rgb(68, 68, 68);
    line-height:		35px;
    height:				35px;
    margin:				0 10px 0 0;
    display:			block;
    padding:			0 20px;
}
#sanco-menu ul li a :hover{
	color:				#0065a2;
}

/* EC widget share button */

#ec-widget-share-button {
position: absolute;
top: 6px;
right: 100px;
}


/* Active Element */
#sanco-menu ul li.active {
	background:			#418B40 url('../images/menu/bg-food-active.jpg') repeat-x;
}
#sanco-menu ul li.active a {
	margin:				0;
	display:			block;
	color:				#FFF;
}
#sanco-menu ul li a:hover{
	background-color:	#828282;
	background-image:	url('../images/menu/bg-hover.jpg');
}

/* slideshow */

.highlightsWrapper img {
	float:left;
	margin:0 15px 2px 0;
}

#highlights-slideshow {
		margin-bottom:15px;
		position:relative;
	}

	.responsive-slideshow {
		position:relative;
		overflow:visible !important;
		border-radius:6px;
		display:none;
	}
	
	#highlights-slideshow .slidesjs-container,
	#highlights-slideshow .slidesjs-control {
		height:270px !important;
	}
	
	.responsive-slideshow .slidesjs-slide div.overflow {
		width:59%;
		height:270px;
		display:block;
		overflow:hidden;
		
		border-radius:  6px 0 0 6px;
	}
	
	.responsive-slideshow .slidesjs-slide div.overflow img {
		min-height:270px;
		width:100%;
	}
	
	.responsive-slideshow .slidesjs-slide a {
		display:block;
		width:290px;
		height:255px;
		padding:15px 15px 0 15px;
		background:#e7e7e7;
		position:absolute;
		z-index:10;
		top:0;
		right:0;
		color:#444444;
		text-decoration:none;
		border-left:1px solid #fff;
		line-height: 1.3em;
		
		border-radius:  0 6px 6px 0;
	}
	
	.responsive-slideshow .slidesjs-slide a strong {
		font-weight: bold;
		display: block;
		margin-bottom: 7px;
		font-size: 120%;
		line-height: 1.3em;
		border-bottom: 2px solid #343434;
		padding-bottom: 7px;
	}
	
	.responsive-slideshow .slidesjs-slide a time {
		font-size:10px;
		opacity:0.70;
		vertical-align:text-top;
	}
	
	.responsive-slideshow .slidesjs-slide div {
		font-size: 85%;
	}
	
	.responsive-slideshow .slidesjs-slide a i {
		vertical-align:text-bottom;
	}
	
	.responsive-slideshow .slidesjs-slide a:hover {
		background:#C9C9C9;
	}
	
	.responsive-slideshow .slidesjs-navigation  {
		position:absolute;
		z-index:20;
		display:block;
		width:38px;
		height:38px;
		text-indent:-2000em;
		background:#418B40;
		bottom:8px;
		border:2px solid #fff;
		border-top:3px solid #fff;
		border-radius: 20px;
	}
	
	.responsive-slideshow .slidesjs-previous  {
		left:-12px;
		border-left:10px solid #fff;
	}
	
	.responsive-slideshow .slidesjs-next  {
		
		right:-10px;
		border-right:10px solid #fff;
		
	}
	
	.responsive-slideshow .slidesjs-navigation:before {
		width: 14px;
		height: 14px;
		top:11px;
		right:11px;
		content:"";
		display: inline-block;
		position:absolute;
		z-index:21;
		line-height: 14px;
		vertical-align: text-top;
		background-image: url("./ESA-Pesticides-database-Dateien/glyphicons-halflings-white.png");
		background-repeat: no-repeat;
		opacity:0.9;
	}
	
	.responsive-slideshow .slidesjs-previous:before {
		background-position: -432px -72px;
	}
	
	.responsive-slideshow .slidesjs-next:before {
		background-position: -456px -72px;
	}
	
	.responsive-slideshow .slidesjs-navigation:hover  {
		background:#444444;
	}
	
	.responsive-slideshow .slidesjs-navigation:hover:before {
		background-image: url("./ESA-Pesticides-database-Dateien/glyphicons-halflings-white.png");
		opacity:1;
	}
	
	.responsive-slideshow .slidesjs-pagination {
		position:absolute;
		z-index:21;
		right:120px;
		bottom:55px;
	}
	
	.responsive-slideshow .slidesjs-pagination-item {
		float:left;
		margin-left:5px;
		list-style:none;
	}
	
	.responsive-slideshow .slidesjs-pagination-item a {
		float:left;
		width:12px;
		height:12px;
		border-radius:15px;
		border:2px solid #fff;
		text-indent:-2000em;
	}
	
	.responsive-slideshow .slidesjs-pagination-item a:hover {
		background:#fff;
	}
	
	.responsive-slideshow .slidesjs-pagination-item .active {
		background:#418B40 !important;
	}
	
		/* 
		------------------------------ 
			ALL HIGHLIGHTS
		------------------------------
		*/
	
		#highlights-slideshow .bt {
			position:absolute;
			right:114px;
			bottom:11px;
			float:left;
			border: 2px solid white;
			border-top: 3px solid white;
			background: #418B40;
			color:#fff;
			z-index:100;
		}
		
		#highlights-slideshow .bt:hover {
			background: #444444;
			color:#fff;
		}
	
	


/* 
------------------------------ 
	BOOTSTRAP EXTEND 
------------------------------
*/


.icon-blue,
.full-menu ul li.current a i
{
	background-image: url("./ESA-Pesticides-database-Dateien/glyphicons-halflings-blue.png");
}

.icon-brown {
	background-image: url("./ESA-Pesticides-database-Dateien/glyphicons-halflings-brown.png");
}

.icon-green {
	background-image: url("./ESA-Pesticides-database-Dateien/glyphicons-halflings-green.png");
}

a:hover .icon-blue, a:hover .icon-brown {
	background-image: url("/health/2013/lib/bootstrap/img/glyphicons-halflings-green.png");
}


/* 
------------------------------ 
	DATA HOVER / BT
------------------------------
*/

.bt {
	padding:8px 15px;
	background:#50A0CF;
	color:#fff;
	text-decoration:none;
	text-align:left;
	cursor:pointer;
	border-radius:20px;
	display:block;
}

.bt:hover, .bt[data-toggled=on] {
	background:#444444 !important;
}

.bt-white {
	background:#fff;
	text-decoration:none;
	border:1px solid #D2DADF;
	color:#3983BB;
	padding:7px 14px;
}

.bt-white:hover {
	background:#fff !important;
}


[data-on-hover=show] + nav {
	margin:0;
	position:absolute;
	top:100%;
	left:0;
}

[data-on-target=show] {
	height:0;
}

[data-on-hover=show]:hover + [data-on-target=show], [data-on-target=show]:hover {
	height:auto;
}

/*
-----------------------------------
	TABLE DISPLAY
-----------------------------------
*/

.overflow-hidden {
	overflow:hidden;
	height:0;
}
			
.table-display {
	width:100%;
	display: table;
	border-collapse:separate;
}

.table-display.table-full-width {
	width:100%;
}

.table-row  {
	display: table-row;
	white-space:normal;
}

.table-cell {
	display: table-cell;
	box-sizing: border-box;
}


@media (max-width: 767px) {
	
	#mainContainerWrapper {
		padding:10px 5px;
	}
	
	#mainContainerWrapper .intro, #mainContainerWrapper .mainText {
		padding-left:10px;
		padding-right:10px;
	}
	
	#header #banner-title-text {
		padding-left:0;
	}
	
	#footer {
		padding:10px 5px;
	}
	
	#footer .imgMenu .span6 {
		width:47%;
		float:left;
		margin: 0 1.5%;
	}
  
	.leftColumn {
		padding: 10px 5px 0 5px;
	}
}


/* Columns */

.left-column-1, .left-column-2 {
	width:50%;
}

.left-column-1 {
    float: left;
}

.left-column-2 {
    margin-left: 50%;
}

.left-box {
    background-color: #EEEEEE;
    border: 1px solid #D9D9DA;
    margin: 0 15px 15px 0;
    padding: 0 0 10px;
}

.left-column-2 .left-box {
	margin-right:0;
}

.left-box h1 {
    background-color: #DFDFDF;
    background-image: url("../images/hp/h1-boxes.jpg");
    background-repeat: repeat-x;
    border-bottom: 4px solid #418B40;
    color: #444444;
    font-size: 100%;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

.left-box h1 a {
    text-decoration: none;
}

.left-box h1 img {
    padding-right: 10px;
	padding-left: 15px;
	vertical-align:middle;
}

.left-box ul li {
    list-style-image: url("../images/hp/puce-consumers.jpg");
    margin: 0 0 5px;
    padding: 10;
	font-size: 97%;
}

.left-box ul li a:hover {
    color: #418B40;
	text-decoration:	none;
}

.left-box ul li a {
	text-decoration:	none;
}

.left-box ul {
	padding-top: 10px;
}

#twitter {
    background-color: #EEE;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}

#twitter h3{
    background-color: #444444;
	text-align:center;
	color:#ffffff;
	width:193px;
	height:30px;
	line-height:2.5;
	padding:0;
	margin-top:-5px;
	margin-left:-5px;
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
}

#twitter p.user span span a:link, #twitter p.user span span a:visited, #twitter p.user span span a:hover, #twitter p.user span span a:active {
    color: #418B40;
    text-decoration: none;
}

#twitter .smk-tweets a:link, #twitter .smk-posts a:link {
    color: #418B40;
    text-decoration: none;
}

#twitter .smk-tweets li p, #twitter .smk-posts li p {
    clear: both;
    font-size: 85%;
    line-height: 15px;
    margin-top: 0;
    padding: 0 0 4px;
}

/* END TWITTER */

/* START QUICK LINKS */

.layout-right .rightblock{
	background-image:url("../images/right/consumers-quick-links-bg.png");
	background-repeat:repeat-x;
	background-color:#e2e2e2;
	border:	#cccccc solid 1px;
	float: left;
}

.layout-right .rightblock img {
	float:left;
	padding-right:15px;
}

.layout-right .rightblock a {
	background-color: transparent;
	color:#444444;
	text-align:left;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left:0;
	padding-right:0;
	float:right;
	line-height:1.5;
	vertical-align:middle;
	text-decoration:none;
	width: 100%;
	font-size: 10px;
}

.layout-right .rightblock a:hover {
	background-color:transparent;
	color:#418B40;
	text-decoration:none;
}

.layout-right .rightblock h2 {
	background-color: #444444;
	text-align:center;
	color:#ffffff;
	width:193px;
	height:30px;
	line-height:2.5;
	padding:0;
	margin:0;
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
}

.layout-right .rightblock li{
	list-style:none;
	float: left;
	margin-left:-20px;
	height:35px;
	padding-bottom: 0;
	padding-top: 0px;
	border-top: 1px solid #CCC;
	width: 106%;
}

.layout-right .rightblock li.first-node{
	border-top: 0;
}

/* END QUICK LINKS */

/* START EXT QUICK LINKS */

.layout-right .rightblock2{
	background-image: none;
	background-repeat:repeat-x;
	background-color:#fff;
	border:	0;
	float: left;
	padding-bottom: 10px;
}

.layout-right .rightblock2 img {
	float:left;
	padding-right:15px;
}

.layout-right .rightblock2 a {
	background-color: transparent;
	color:#444444;
	text-align:left;
	padding-top: 0;
	float:right;
	vertical-align:middle;
	text-decoration:none;
	width: 100%;
}

.layout-right .rightblock2 a:hover {
	background-color:transparent;
	color:#418B40;
	text-decoration:none;
}

.layout-right .rightblock2 li{
	list-style:none;
	float: left;
	margin-left:-20px;
	height:38px;
	padding-bottom: 0;
	padding-top: 0px;
	width: 100%;
}

.layout-right .rightblock2 li.first-node{
	padding-top: 10px;
}

/* END EXT QUICK LINKS */

/* LAYOUT TOP FOOTER */
.layout-top-footer {
	padding-bottom:		100px 0;
	color:				#FFF;
	background-color:	#074A8B;
	display:			block;
	height:				20px;
	width:				100%;
	position:			relative;
	clear:				both;
    margin:				0 0 0;
	text-align:			center;
}

.layout-top-footer a {
    color:				#FFF;
	text-decoration:	none;
	font-size:			100%;
}

.layout-top-footer ul {
    color:				#FFF;
	text-decoration:	none;
	font-size:			85%;
}

.layout-top-footer a:hover {
	color:				#396ea2;
}

.layout-top-footer li {
    background:			url("../images/footer/services-separator.gif") no-repeat scroll left center transparent;
    display:			inline;
	padding:			5px;
}

/* LAYOUT FOOTER */

.layout-footer a {
    color: #FFFFFF;
    font-size: 100%;
    text-decoration: none;
}
.layout-footer ul {
    color: #FFFFFF;
    font-size: 85%;
    text-decoration: none;
}
.layout-footer a:hover {
    color: #00FFA0;
}
.layout-footer li {
    display: inline;
    padding-left: 5px;
}
.layout-footer li:first-child {
	background-image: none;
}
.layout-footer {
    background-color: #C68122;
    clear: both;
    color: #FFFFFF;
    display: block;
    height: 35px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 10px 0;
}
.layout-footer a {
    color: #FFFFFF;
    text-decoration: none;
}
.layout-footer a:hover {
    color: #396EA2;
}

/*** MOBILE VIEW ***/

@media all and (max-width:768px) {
	#main-nav,
	#homeButton {
		display:	none;
	}

	.visible-tablet {
		display: block;
	}
	
	.footer-items li {
		display:	none;
	}
	.footer-items li.modification-date,
	.footer-items li.top-link {
		top:		0;
		right:		0;
		left:		0;
		display:	inline;
		position:	relative;
	}
	.footer-items li.top-link a {
		color:				#FFF;
		text-decoration:	none;
	}
}

@media all and (max-width:600px) {
	
	body {
		padding:0 !important;
	}
	
	.left-column-1, .left-column-2 {
		width:100%;
		float:none;
		margin:0;
	}
	
	.left-box {
		margin-right:0;
	}
}

@media print {
	#main-nav {
		display:		none;
	}
	.footer-items li.top-link {
		display:		none;
	}
}