html,body {
  height:100%;
	margin: 0px;  
	padding: 0px;  
	border: 0px;  
} 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
	font-family: Verdana,Arial,sans-serif;
	color: #9d9c9b;
	font-size: 100%;
	overflow-y: scroll;
	/* display:none; */
}

	.picture_container {
		background:no-repeat center;
	}

	h1 {
		font-family: Verdana,Arial,sans-serif;
		float:left;
		margin:0;
		padding:0;
		width:103px;
		height:80px;
		-webkit-text-stroke: 0.5px;
	}
	
	h2 {
		font-family: 'Gudea', Arial,sans-serif;
		font-size:1.5em;
		font-weight:normal;
		color:#454545;
		display:none;
		-webkit-text-stroke: 0.5px;
	}
	
	h3 {
		font-family: 'Gudea', Verdana, sans-serif;
		color:#222;
		font-weight:normal;
		-webkit-text-stroke: 0.5px;
	}

	h4 {
		font-family: 'Gudea', Arial,sans-serif;
		color: #454545;
	    font-family: 'Gudea',Arial,sans-serif;
    	font-size: 1.5em;
	    font-weight: normal;
		margin: 0 0 15px 0;
		-webkit-text-stroke: 0.5px;
	}
	
	p {
		font-family: 'Gudea', Arial,sans-serif;
		color:#69696a;
	}

	a {
		color:#103f77;
		font-weight:bold;
	}
	.menu_smart
	{
		display:none;
	}
	#menu_back_smartphone
	{
		display:none;
	}
	p span.header {
		color:#69696A;
	}
	.valign_top .jobs
	{
		margin-top:25px;
	}
	#website_container {width:100%;}

	#section_2 #page-2_1,
	#section_2 #page-2_3,
	#section_2 #page-2_5,
	#section_3 #page-3_1,
	#section_2 #page-6_1 {background-color:#f8f8f8;}		
	
	#header_bg {
		position:fixed;
		width:100%;
		background-color:#fff;
		height:90px;
		border-bottom:1px solid #ebebeb;
		top:0;
		z-index:200;
	}
	
	#header_container {
		margin: 0 auto;
		height:90px;
	}
	
	a#esn_logo {
		background:url(/images/esn_logo.png) no-repeat 0 10px;
		width:103px;
		height:80px;
		display:block;
	}
	
	#navigation {
		float:right;
		text-align:right;
		padding:25px 0 0 5px;
	}
	
	#navigation ul {
		margin:0 !important;
		padding:0 !important;
	}
	
	#navigation ul li {
		display:inline;
		margin:0 0 0 30px;
	}
	
	#navigation ul li a {
		text-decoration:none;
		padding:4px 0 0 0;
	}
	
	#navigation  ul.main_menu li a {
		font-family: 'Gudea', Arial,sans-serif;
		font-size:1.00em;
		color:#696969;
		text-transform:uppercase;
		font-weight:normal;
	}
	
	#navigation  ul.main_menu li.selected a {
		border-top:1px solid #696969;
	}
	
	#navigation ul.sub_menu {margin-top:5px !important}
	#navigation ul.sub_menu li {margin-left:20px;}
	#navigation ul.sub_menu li a {color:#bbb;font-size:0.8em;font-weight:normal;}
	#navigation ul.sub_menu li a:hover {color:#707070;font-size:0.8em;}
	#navigation ul.sub_menu li.selected a {color:#707070;}
	#navigation ul.sub_menu li.extlink_facebook
	{
		margin-left:14px;
	}
	#navigation ul.sub_menu li.extlink_facebook a
	{
		background: url("/images/icon_facebook.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: inline-block;
		height: 21px;
		overflow: hidden;
		text-indent: 100px;
		white-space: nowrap;
		width: 21px;			
	}
	#navigation ul.sub_menu li.extlink_facebook a:hover
	{
		background: url("/images/icon_facebook_on.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);		
	}	
	#navigation ul.sub_menu li.extlink_linkedin
	{
		margin-left:14px;
	}	
	#navigation ul.sub_menu li.extlink_linkedin a
	{
		background: url("/images/icon_linkedin.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: inline-block;
		height: 21px;
		overflow: hidden;
		text-indent: 100px;
		white-space: nowrap;
		width: 21px;			
	}
	#navigation ul.sub_menu li.extlink_linkedin a:hover
	{
		background: url("/images/icon_linkedin_on.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);		
	}
	#navigation ul.sub_menu li.extlink_youtube
	{
		margin-left:14px;
	}		
	#navigation ul.sub_menu li.extlink_youtube a
	{
		background: url("/images/icon_youtube.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: inline-block;
		height: 21px;
		overflow: hidden;
		text-indent: 100px;
		white-space: nowrap;
		width: 21px;			
	}
	#navigation ul.sub_menu li.extlink_youtube a:hover
	{
		background: url("/images/icon_youtube_on.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);		
	}


	#navigation ul.sub_menu li.extlink_slideshare
	{
		margin-left:14px;
	}		
	#navigation ul.sub_menu li.extlink_slideshare a
	{
		background: url("/images/icon_slideshare.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: inline-block;
		height: 21px;
		overflow: hidden;
		text-indent: 100px;
		white-space: nowrap;
		width: 21px;			
	}
	#navigation ul.sub_menu li.extlink_slideshare a:hover
	{
		background: url("/images/icon_slideshare_on.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);		
	}
	
	#content_container {
		width:100%;
		font-size:100%;
		position: relative;
		top: 91px;
	}
	
	div.page_content {
		float: left;
		padding-bottom:100px;
	}
	
	.section_content {
		overflow:hidden;
		border-bottom:1px solid #EBEBEB;
	}
	
	.inner_section_content {
		position:relative;
		left:0px;
	}
	
	.nav_arrow {
		position:fixed;
		top:50%;
		z-index:100;
		display:none;
	}
	
	.nav_arrow a {display: block;}
	
	
	.nav_arrow a {width: 13px; height: 35px;}
	
	#big_arrow_left a {
		background:url(/images/arrow_left.png) no-repeat center bottom;
		width:13px;
		height:35px;
		display:block;
	}
	#big_arrow_right a {
		background:url(/images/arrow_right.png) no-repeat center bottom;
		width:13px;
		height:35px;
		display:block;
	}
	


	/* vision  */
	
	.vision {
		clear:both;
		margin:0 auto;
		overflow:auto;
	}
		
	.vision .thumbnail_container {
		float:left;
		width:433px;
	}
	
	.vision .thumbnail_container .thumbnail {
		float:left;
		margin:0 5px 5px 0;
	}
	
	.vision .picture_container {
		float:left;
		margin:0;
	}
	
	.work {
		background:#f8f8f8;
		z-index:5;
		clear:both;
		margin:0 auto;
		overflow:auto;
	}

	.work .txt_container {
		background-color:#fff;
		float:left;
		margin: 0px;
		padding:20px;
		border:1px solid #ebebeb;
	}

	.work .txt_container .competences p {
		font-family: 'Gudea',Arial,sans-serif;
		display:inline;
		color:#c9c9c9;
		line-height:35px;
	}

	.work .txt_container .competences span.selected {color:#696969 !important;}

	.work .zone {
		float:left;
		margin: 0 0 10px 10px;
		line-height:0;
		overflow: hidden;
	}

	.work .zone {
		border:1px solid #ebebeb;
		background-color:#fff;
	}

	/* .zone#position1 */


	.work .zone a {
		position:absolute;
		float: left;
		text-decoration:none;
		border:none;
		overflow: hidden;
		cursor: default;
	}
	.work .zone a.w_menu,.work .zone a.w_external,.work .zone a.w_video {
		cursor: pointer;
	}
	.work .zone a img{
		border:none;
	}
	.work .zone span {
		height:23px;
		color:#fff;
		background-color:rgba(0, 0, 0, 0.7);
		position:absolute;
		/* bottom:-23px; */
		bottom:0px;
		left:0px;
		width: 100%;
		line-height:20px;
		font-size:0.9em;
		padding-left:5px;
		padding-right:5px;
	}
	.work .zone a {
		
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		
	}
	
	.work .zone a.w_hide {	
		-webkit-transform:scaleX(0);
		-moz-transform:scaleX(0);
		-ms-transform:scaleX(0);
		transform:scaleX(0);
	}
	
	.work .zone a.m_last {
		transition-delay: 0.2s;

	}
	
	/*VIDEO OVERLAY*/
	#v_overlayer {
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 9000;
		display: none;
		text-align: left;
		overflow: hidden;
		background-image: url(/images/opacity_bkgd2.png);
		background-repeat: repeat;
		background-color: transparent;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	.bg_black {
		background-color:transparent;
		background-image:url(/images/opacity_bkgd2.png);
	}		
	#v_overlayer #form_container
	{
		border: 1px solid #ccc;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 0.9em;
		height: 464px;
		padding: 25px;
		width: 637px;	
		background-color:#efefef; 	
		overflow: auto;
	    margin: auto;
        position: absolute;
	    top:0;
		left:0;
		bottom:0;
		right:0;					
	}
	#v_overlayer #form_container .form_contact_success
	{
		display: block;
		height: 264px;
		padding-top: 200px;
		text-align: center;
		vertical-align: middle;
		width: 637px;
	}
	#v_overlayer #w_close
	{
		background: url("/images/but_close.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		width: 40px;			
		height: 41px;
		position: absolute;
		right: 20px;
		text-indent: -9999px;
		top: 20px;
	}
	#v_overlayer #application_form label
	{
		clear: both;
		display: block;
		float: left;
		height: 28px;
		width: 275px;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 0.9em;
	    font-weight: bold;	
		color:#000;	
	}
	#v_overlayer #application_form input
	{
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 0.9em;
		margin: 0 0 5px;
		width: 300px;		
	}
	#v_overlayer #application_form textarea
	{
		clear: none;
		display: block;
		float: none;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 0.9em;
		margin: 1px 0 8px 3px;
		resize: none;
		width: 300px;
	}
	#v_overlayer #application_form #application_length-counter
	{
		display: block;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 0.9em;
		padding: 0 0 10px 275px	
	}
	#v_overlayer #application_form #userfile
	{
	    width: 358px;
	}
	#v_overlayer #application_form .notification
	{
		display: block;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 0.9em;
		padding: 0 0 0 275px;			
	}
	#v_overlayer #application_form .btn
	{
    	padding: 30px 0 0 275px;
	}
	#v_overlayer #application_form #contact_error
	{
		color: #FF0000;
		font-weight: bold;
		left: 23px;
		position: absolute;
		top: 112px;
	    width: 250px;		
	}
	#v_player {
		background: none repeat scroll 0 0 #000;
		height: 100%;
		position: absolute;
		width: 100%;		
		height: 281px;
		padding: 25px;
		width: 500px;	
	    margin: auto;
        position: absolute;
	    top:0;
		left:0;
		bottom:0;
		right:0;			
	}	
	/* people  */
	
	.people {
		width:1095px;
		clear:both;
		margin:0 auto;
		overflow:auto;
	}

		
	.people .thumbnail_container {
		width:1095px;
		height:400px;

	}
	
	.people .thumbnail_container .thumbnail {
		float:left;
		margin:0;
		overflow:hidden;
		width:273px;
		height:409px;
	}
	.people .thumbnail_container .thumbnail a img {
		width:275px;
	}

	.people .txt_container .title_container {
		float:left;
		width:450px;
		height:120px;
	}
		
	.people .txt_container {
		width:1095px;
		float:left;
		margin: 0px;
		padding:20px 0 60px 0;
	}
	
	/* people detail */
	
	.people_detail {
		width:1095px;
		clear:both;
		margin:0 auto;
		overflow:auto;
	}
		
	.people_detail .picture_container {
		float:left;
		width:433px;
	}
	
	.people_detail .txt_container {
		width:600px;
		float:left;
		margin: 0 0 0 0;
		padding:20px;
	}

	#page-4_2 .people_detail .picture_container {
		width:508px;
		height:696px;
		background:url(/images/people/people_detail_01.jpg) no-repeat 0 0;		
	}
	
	#page-4_2 .people_detail .txt_container {
		width:500px;
		margin: 0;
		padding:20px 0 0 10px;
	}

	#page-4_3 .people_detail .picture_container {
		width:1095px;
		padding:5px 0 0 0;
		text-align:center;
		background:url(/images/people/people_detail_02.jpg) no-repeat 0 0;						
	}

	#page-4_3 .people_detail .txt_container {
		width:1095px;
		margin: 0;
		padding:0;
	}

	#page-4_4 .people_detail .picture_container {
		width:1095px;
		padding:5px 0 0 0;
		text-align:center;
		background:url(/images/people/people_detail_03.jpg) no-repeat 0 0;								
	}
	
	#page-4_4 .people_detail .txt_container {
		width:1095px;
		margin: 0;
		padding:0;
	}
	#page-4_5 .people_detail .picture_container {
		background:url(/images/people/people_detail_04.jpg) no-repeat 0 0;								
	}
	
	.people_detail .txt_container span.highlight {
		color:#69696A;
		font-size:1em;
		font-family: 'Gudea', Verdana, sans-serif;
		line-height:inherit;
		font-weight:bold;
	}
	
	.people_detail .txt_container h4 {
		color:#111;
		font-size:1em;
		font-family: 'Gudea', Verdana, sans-serif;
		font-weight:bold;
		line-height:20px;
	}
	
	.people_detail .txt_container h3 {
		color:#111;
		font-size:2em;
		line-height:20px;
		margin:0;
	}
	
	/* Company */
	
	.company {
		clear:both;
		margin:0 auto;
		overflow:auto;
	}
	
	.company .picture_container {
		width:428px;
		height:576px;
		float:left;
		margin:0;
		padding:0;
	}
		
	
	.company .txt_container h3 {color:#222;}
	
	/*follow-us*/
	.follow-us {
		clear:both;
		margin:0 auto;
		overflow:auto;
	}
	
	.follow-us .picture_container {
		width:428px;
		height:576px;
		float:left;
		margin:0;
		padding:0;
	}
		
	
	.follow-us .txt_container h3 {color:#222;}
	/**/

	/* Jobs */
	
	.jobs {
		clear:both;
		margin:0 auto;
		overflow:auto;
	}
			
	.jobs .txt_container.job_style {
		padding:0;
		min-height:400px;
		float:inherit;
		margin-left:auto;
		margin-right:auto;
	}

	.jobs .txt_container.job_style h3 {
		margin:0 0 10px 0;
	}
	
	.jobs .txt_container h3 {
		color:#222;
	}

	.jobs .txt_container h4 {
		margin:0 0 5px 0;
		font-size:1.5em;
	}

	.jobs .txt_container h3 {
		margin:0 0 25px 0;
	}

	.jobs .txt_container ul {
		margin-top:10px;
		margin-bottom:15px;
	}

	.jobs .txt_container p, .jobs .txt_container p a {
		font-size:0.9em;
		line-height:inherit;
		color:#69696a;
	}

	.jobs .txt_container li {
		font-family: 'Gudea', Arial,sans-serif;
		color:#69696a;
		font-size:0.9em;
		font-weight:normal;
	}

	/* Contact */
	
	.contact {
		clear:both;
		margin:0 auto;
		overflow:auto;
	}

	.contact .map_container {
		float:left;
		margin:0;
	    padding: 0 0 0;
		font-size:80%;		
	}
	.contact .map_container .gmaps
	{
		background:url(/images/gmaps_icon.png) no-repeat 0 0;
		position:absolute;
		top:20px;
	    right: 60px;
		width:53px;
		height:51px;
	}
	.contact .map_container .gmaps a
	{
		width:53px;
		height:51px;	
		display:block;	
	}

	.contact .map_container .howto_access {
		background:url(/images/pdf_icon.png) no-repeat 0 0;
		position:absolute;
		top:80px;
    right: 60px;
		width:53px;
		height:51px;
	}
	.contact .map_container .howto_access a {
		width:53px;
		height:51px;	
		display:block;	
	}

	.contact .txt_container h3 {
		color:#222;
		margin:0 0 25px 0;
	}

	.contact .txt_container h4 {
		margin:0 0 5px 0;
		font-size:1.5em;
	}


	.contact .txt_container .btn
	{
		padding:10px 0 0 0;
	}
	.contact .txt_container .captcha_container input.captcha
	{
	}
	.contact .txt_container p, .jobs .txt_container p a {
		color:#69696a;
	    line-height: 21px;		
	}
	.contact .legal
	{
		font-size: 10px;
		line-height: 16px;
		padding: 15px 0 0 38px;
	}
	#page-7_1 .contact .txt_container label {
  	  font-family: 'Gudea', Arial,sans-serif;		
	  display: block;
	  font-size: 0.8em;
	  margin: 7px 0 2px 0;
	}

	.contact .txt_container .length-counter {
		font-size:0.75em;
	}		
	input.form_tools_ab
	{
		display:none;
	}
	/* Footer */
	#footer_container {
		bottom:0px;
		height:20px;
		background-color: transparent;
		text-align:center;
		position:fixed;
		width:100%;
		z-index:100;
		background-color:#fff;
		border-top:1px solid #ddd;
	}
	
	#footer_container a.footer_opener {
		display:block;
		background:url(/images/footer_button_up.png) transparent no-repeat center;
		width:37px;
		height:17px;
		margin: 0 auto;
		display: inline-block;
	}
	#footer_container a.footer_opener.close {
		background:url(/images/footer_button_down.png) transparent no-repeat center;
	}
	
	#footer_content {
		clear:both;
		width:1095px;
		margin:0 auto;
		font-size: 85%;
		text-align:left;
		overflow: hidden;
	}
	
	#footer_container .left_col {
		float:left;
		width:586px;
		padding: 0 20px 40px 0;
	}
	
	#footer_container .right_col {
		width:489px;
		float:left;
		margin: 0 0 0 0;
	}

	#footer_container .right_col img {
		margin-top:20px;
		border:1px solid #ddd;
	}
	
	#footer_container h3 {color:#222;line-height:inherit;}
	
	.clearer {
		clear:both;
	}
	
	.separator {
		border-top: 1px dashed #A6A6A5;
		margin: 23px 0 0;
		padding: 20px 0 0;
	}
	.vision .txt_container ul li{
		font-family: 'Gudea', Arial,sans-serif;
		font-size:1em;	
		color:#69696A;	
	}
	span.gmaps_link
	{
		display:none;
	}

	span.access_link {
		display:none;
	}

/* Large desktop */
@media screen and (min-width: 1240px) { 
	p {
		margin: 0 0 20px 0;
		font-size:1em;
		line-height:23px;
	}
	h3 {
		font-size:3.5em;
		margin:0 0 30px 0;
		font-weight:normal;
		line-height:55px;
	}	
	/* Home */
	
	.home {
		text-align:center;
		position: relative;
	}
	.sr_image {
		position: relative;
		margin: 0 auto;
		height: 795px;
		width: 727px;
	}

	.face {
		position: absolute;
		height: 795px;
		width: 727px;
		padding: 0px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
	}

	.sr_recto  {
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
	}
	.sr_oscillate {
		
		-webkit-animation: oscillation 1s ease-in-out infinite alternate;
		-moz-animation: oscillation 1s ease-in-out infinite alternate;
		-ms-animation: oscillation 1s ease-in-out infinite alternate;
		animation: oscillation 1s ease-in-out infinite alternate;
	}

	.sr_verso {
		-webkit-transform:scaleX(0);
		-moz-transform:scaleX(0);
		-ms-transform:scaleX(0);
		transform:scaleX(0);
	}

	.m_last {
		transition-delay: 0.1s;
	}
	.sr_link {
		position: absolute;
		width: 80px;
		height: 80px;
		/* border: 1px solid black; */
		z-index:100;
		text-decoration:none;
	}
	.sr_link img{
		width: 80px;
		height: 80px;
		border:none;
	}
	@-webkit-keyframes oscillation


	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	@-moz-keyframes oscillation

	{
		from{


			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	@-ms-keyframes oscillation

	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	
	 
	@keyframes oscillation

	{
		from
		{

			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	
	
	#section_1 .verso_container p {color:#fff;}
	#section_1 .verso_container p a {color:#fff;text-decoration:underline;}
	#section_1 .verso_container h3 {
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
	}

	#section_1 .verso_container .txt_content {
		margin:0 auto;
		text-align:right;
	}	
	.recto_container
	{
		height: 795px;
		width: 765px;		
	}
	#section_1 .verso_container {
		width:765px;
		height:795px;
	}
	#section_1 #page-1_1 .recto_container {background:url(/images/splash_home_recto_1.jpg) no-repeat center;}	
	#section_1 #page-1_2 .recto_container {background:url(/images/splash_home_recto_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .recto_container {background:url(/images/splash_home_recto_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .recto_container {background:url(/images/splash_home_recto_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .recto_container {background:url(/images/splash_home_recto_5.jpg) no-repeat center;}
	#section_1 #page-1_6 .recto_container {background:url(/images/splash_home_recto_6.jpg) no-repeat center;}

	#section_1 #page-1_1 .verso_container {background:url(/images/splash_home_verso_1.jpg) no-repeat center;}
	#section_1 #page-1_2 .verso_container {background:url(/images/splash_home_verso_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .verso_container {background:url(/images/splash_home_verso_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .verso_container {background:url(/images/splash_home_verso_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .verso_container {background:url(/images/splash_home_verso_5.jpg) no-repeat center;}
	#section_1 #page-1_6 .verso_container {background:url(/images/splash_home_verso_6.jpg) no-repeat center;}
	
	#header_container {
		width:1095px;
	}
	#navigation {
		width: 900px;
	}		
	
	.sr_link {
		top: 150px;
	}
	.sr_link.open{
		left: 10px;
	}
	.sr_link.close{
		right: 10px;
	}
	#section_1 .verso_container .txt_content {
		padding:220px 0 0 35px;
		width:340px;
	}	
	#section_1 .verso_container h3 {
		font-size:2em;
		margin:0 0 20px 0;
		padding:0;
		line-height:35px;
	}	
	#section_1 #page-1_4 .verso_container h3
	{
		font-size:1.6em;		
	}
	.vision {
		width:1095px;
	}	
	.vision .picture_container {
		width:605px;
		height:561px;
	}
	.vision .txt_container {
		width:401px;
		float:left;
		margin:0;
		padding-top:20px;
	}
	
	#page-2_1 .vision .txt_container {
		padding-left:50px;
	}
	#page-2_1 .vision .picture_container 
	{
		background:url(/images/vision_consultancy.jpg) no-repeat 0 0;
	}
	#page-2_2 .vision .picture_container 
	{
		background:url(/images/vision_creative.jpg) no-repeat 0 0;		
	    width: 533px;		
	}	
	#page-2_2 .vision .txt_container {
			padding-top:130px;		
	}
	#page-2_3 .vision .txt_container {
		width:480px;
	    padding-left: 120px;
    	padding-right: 15px;
	    padding-top: 100px;		
	}

	#page-2_3 .vision .picture_container {
	    width: 401px;
		height:620px;
		background:url(/images/vision_content.jpg) no-repeat 0 0;		
	}
	#page-2_4 .vision
	{
		width:1019px;
	}
	#page-2_4 .vision .txt_container {
		padding-left: 60px;
		padding-right: 0;
		padding-top: 100px;
		width: 401px;
	}

	#page-2_4 .vision .picture_container {
	    height: 612px;
	    width: 550px;
		background:url(/images/vision_av.jpg) no-repeat 0 0;				
	}

	#page-2_5 .vision .picture_container {
	    width: 440px;
    	height: 515px;
		background:url(/images/vision_events.jpg) no-repeat 0 0;					
	}

	#page-2_5 .vision .txt_container {
		width:542px;
	    padding-top: 65px;		
	}
	#page-2_5 .vision .txt_container p
	{
		float:none;
		clear:both;
	}
	#page-2_5 .vision div.content
	{
		clear:right;
	}
	#page-2_5 .vision div.content p
	{
		float:left;
		width:358px;
		padding:0 10px 0 0;
	}
	#page-2_5 .vision div.content .floatBlock
	{
		padding:0 0 0 20px;
		margin:0;
		clear:right;
		font-family: 'Gudea',Arial,sans-serif;		
		color:#475966;
	}

	#page-2_6 .vision .picture_container {
		width:530px;
		height:561px;
		background:url(/images/vision_digital_media.jpg) no-repeat 0 0;		
	}

	#page-2_6 .vision .txt_container {
		width:442px;
		padding:20px 0 0 20px;
	}

	#page-6_1 .jobs .picture_container {
		background:url(/images/company_working.jpg) no-repeat 0 0;		
	}
	.work {
		width:1095px;
	}
	.work .txt_container .competences p {
		font-size:1.7em;
	}	
	.work .txt_container {
		width:390px;
		height:484px;
	}
	.work .zone#position1 {
		width:209px;
		height:258px;
	}
	.work .zone#position2 {
		width:430px;
		height:258px;
	}
	.work .zone#position3 {
		width:430px;
		height:254px;
	}
	.work .zone#position4 {
		width:209px;
		height:254px;
	}
	.work .zone#position5 {
		width:209px;
		height:168px;
		margin-left:0;
	}
	.work .zone#position6 {
		width:430px;
		height:168px;
	}
	.work .zone#position7 {
		width:430px;
		height:168px;
	}	
	.company {
		width:1095px;
	}
	.company .txt_container {
		float:left;
	}	
	#page-5_1 .company .picture_container {
		margin-left:100px;
		background:url(/images/cie_step1.jpg) no-repeat 0 0;
	    width: 448px;
	}

	#page-5_1 .company .txt_container {
	}
	
	#page-5_2 .company .picture_container {
		margin-left:100px;
		background:url(/images/cie_step2.jpg) no-repeat 0 0;
	    margin-top: 140px;					
	}							
	.company .txt_container {
	    width: 495px;
		margin: 0 0 0 0;
		padding:20px;		
	}	
	
	/*Follow us - starts*/
	.follow-us {
		width:1095px;
	}
	.follow-us .txt_container {
		float:left;
	}	
	#page-8_1 .follow-us .picture_container {
		margin-left:100px;
		background:url(/images/cie_step1.jpg) no-repeat 0 0;
	    width: 448px;
	}

	#page-8_1 .follow-us .txt_container {
	}
	
	#page-8_2 .follow-us .picture_container {
		margin-left:100px;
		background:url(/images/cie_step2.jpg) no-repeat 0 0;
	    margin-top: 140px;					
	}							
	.follow-us .txt_container {
	    width: 495px;
		margin: 0 0 0 0;
		padding:20px;		
	}
	
	
	/*Follow us - ends*/
	.jobs {
		width:1095px;
		margin-top:50px;
	}	
	.jobs .txt_container {
		width:660px;
	}	
	.jobs .picture_container {
		width:352px;
		height:460px;
	}	
	.jobs .picture_container {
		float:left;
		margin: 0 0 0 0;
		padding:20px;
	}
	.jobs .txt_container {
		float:left;
		margin: 0 0 0 0;
		padding:20px;
	}
	.jobs .txt_container.job_style .job_title
	{
		float: left;
		margin-right: 55px;
		width: 37%;
	}
	.jobs .txt_container.job_style .job_text
	{
		float:left;
		width:55%;		
	}
	.jobs .txt_container.job_style {
		width:795px;
	}	
	.jobs .txt_container.job_style h3 {
		font-size:2.5em;
	}		
	.contact {
		width:1095px;
	}		
	.contact .txt_container p, .jobs .txt_container p a {
		font-size:1em;
		color:#69696a;
	    line-height: 21px;		
	}
	.contact .txt_container {
		width:256px;
		float:left;
		margin:0;
		padding:0 40px 0 0;
	}	
	.contact .map_container .map {
		width:797px;
		height:528px;
		background:url(/images/map_1024.jpg) no-repeat center;
		margin:0;
		padding:0;
		clear:both;		
		position:relative;
	}	
	.contact .map_container {
		width:797px;
		float:left;
		margin:0;
	    padding: 0 0 0;
		font-size:80%;	
	    position: relative;			
	}	
	.contact .txt_container input {
		width:250px;
	}
	.contact .txt_container input.captcha {
		width:130px;
	}
	.contact .txt_container textarea  {
		width:250px;
	}		
}


/* Desktop and Tablet landscape */

@media screen and (min-width: 1018px) and (max-width: 1239px) {
	p {
		margin: 0 0 20px 0;
		font-size:0.8em;
		line-height:17px;
	}	
	h3 {
		font-size:3.0em;
		margin:0 0 20px 0;
		font-weight:normal;
		line-height:45px;
	}	
	/* Home */
	
	.home {
		text-align:center;
		position: relative;
	}
	.sr_image {
		position: relative;
		margin: 0 auto;
		height: 795px;
		width: 727px;
	}

	.face {
		position: absolute;
		height: 795px;
		width: 727px;
		padding: 0px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
	}

	.sr_image .sr_recto  {
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
	}
	.sr_oscillate {
		
		-webkit-animation: oscillation 1s ease-in-out infinite alternate;
		-moz-animation: oscillation 1s ease-in-out infinite alternate;
		-ms-animation: oscillation 1s ease-in-out infinite alternate;
		animation: oscillation 1s ease-in-out infinite alternate;
	}

	.sr_image .sr_verso {
		-webkit-transform:scaleX(0);
		-moz-transform:scaleX(0);
		-ms-transform:scaleX(0);
		transform:scaleX(0);
	}

	.sr_image .m_last {
		transition-delay: 0.1s;
	}
	.sr_link {
		position: absolute;
		width: 80px;
		height: 80px;
		/* border: 1px solid black; */
		z-index:100;
		text-decoration:none;
	}
	.sr_link img{
		width: 80px;
		height: 80px;
		border:none;
	}
	 
	@keyframes oscillation
	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	@-ms-keyframes oscillation
	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	@-webkit-keyframes oscillation
	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	 
	@-moz-keyframes oscillation
	{
		from{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	
	#section_1 .verso_container p {color:#fff;}
	#section_1 .verso_container p a {color:#fff;text-decoration:underline;}
	#section_1 .verso_container h3 {
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
	}

	#section_1 .verso_container .txt_content {
		margin:0 auto;
		text-align:right;
	}	
	.recto_container
	{
		width: 765px;				
		height: 649px;
	}
	#section_1 .verso_container {
		width:765px;
		height:649px;
	}
	#section_1 #page-1_1 .recto_container {background:url(/images/splash_home_recto_1024_1.jpg) no-repeat center;}	
	#section_1 #page-1_2 .recto_container {background:url(/images/splash_home_recto_1024_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .recto_container {background:url(/images/splash_home_recto_1024_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .recto_container {background:url(/images/splash_home_recto_1024_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .recto_container {background:url(/images/splash_home_recto_1024_5.jpg) no-repeat center;}
	#section_1 #page-1_6 .recto_container {background:url(/images/splash_home_recto_1024_6.jpg) no-repeat center;}

	#section_1 #page-1_1 .verso_container {background:url(/images/splash_home_verso_1024_1.jpg) no-repeat center;}
	#section_1 #page-1_2 .verso_container {background:url(/images/splash_home_verso_1024_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .verso_container {background:url(/images/splash_home_verso_1024_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .verso_container {background:url(/images/splash_home_verso_1024_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .verso_container {background:url(/images/splash_home_verso_1024_5.jpg) no-repeat center;}
	#section_1 #page-1_6 .verso_container {background:url(/images/splash_home_verso_1024_6.jpg) no-repeat center;}	
	
	#header_container {
		width:935px;
	}
	#navigation {
		width: 800px;
	}	
	
	.sr_link {
		top: 135px;
	}
	.sr_link.open{
		left: 110px;
	}
	.sr_link.close{
		right: 75px;
	}	
	#section_1 .verso_container .txt_content {
	    padding: 190px 0 0 55px;
		width: 280px;
	}
	#section_1 .verso_container h3 {
		font-size:1.7em;
		margin:0 0 2px 0;
		padding:0;
		line-height:29px;
	}		
	.vision {
		width:885px;
	}
		
	.vision .picture_container {
		width:470px;
		height:510px;
	}
	.vision .txt_container ul li{
		font-size:0.8em;	
	}	
	.vision .txt_container {
		width:340px;
		float:left;
		margin:0;
		padding-top:53px;
	}
	
	#page-2_1 .vision .txt_container {
		padding:75px 0 0 15px;
	}
	#page-2_1 .vision .picture_container 
	{
		background:url(/images/vision_consultancy_1024.jpg) no-repeat 0 0;
		margin-top:43px;
		
	}
	#page-2_2 .vision .picture_container 
	{
		background:url(/images/vision_creative_1024.jpg) no-repeat 0 0;		
	    width: 478px;		
	}	
	#page-2_2 .vision .txt_container {
			padding-top:130px;		
	}
	#page-2_3 .vision .txt_container {
		width:480px;
	    padding-left: 75px;
    	padding-right: 15px;
	    padding-top: 100px;		
	}

	#page-2_3 .vision .picture_container {
	    width: 258px;
		height:470px;
		background:url(/images/vision_content_1024.jpg) no-repeat 0 0;		
	}
	#page-2_4 .vision
	{
		width:1019px;
	}
	#page-2_4 .vision .txt_container {
		padding-left: 107px;
		padding-right: 0;
		padding-top: 100px;
		width: 354px;
	}

	#page-2_4 .vision .picture_container {
	    height: 612px;
	    width: 448px;
		background:url(/images/vision_av_1024.jpg) no-repeat 0 0;				
	}

	#page-2_5 .vision .picture_container {
	    width: 335px;
    	height: 515px;
		background:url(/images/vision_events_1024.jpg) no-repeat 0 0;					
	}

	#page-2_5 .vision .txt_container {
		width:483px;
	    padding-top: 106px;		
	}


	#page-2_5 .vision .txt_container p
	{
		float:none;
		clear:both;
	}
	#page-2_5 .vision div.content
	{
		clear:right;
	}
	#page-2_5 .vision div.content p
	{
		float: left;
		padding: 0 20px 0 0;
		width: 332px;
	}
	#page-2_5 .vision div.content .floatBlock
	{
		padding:0 0 0 20px;
		margin:0;
		clear:right;
		font-family: 'Gudea',Arial,sans-serif;		
		color:#475966;
	}



	#page-2_6 .vision .picture_container {
		width:422px;
		height:561px;
		background:url(/images/vision_digital_media_1024.jpg) no-repeat 0 0;		
	}

	#page-2_6 .vision .txt_container {
		width:400px;
	    padding: 80px 0 0 25px;
	}

	.work {
		width:935px;
	}	
	.work .txt_container .competences p {
		font-size:1.7em;
	}	
	
	.work .txt_container {
		width:326px;
		height:405px;
	}	
	.work .zone#position1, .work .zone#position1 img
	{
		width:177px;
		height:219px;
	}
	.work .zone#position2, 	.work .zone#position2 img {
		width:365px;
		height:219px;
	}
	.work .zone#position3,  .work .zone#position3 img{
		width:364px;
		height:215px;
	}
	.work .zone#position4, .work .zone#position4 img
	{
		width:178px;
		height:215px;
	}
	.work .zone#position5, .work .zone#position5 img
	{
		width:178px;
		height:143px;
		margin-left:0;
	}
	.work .zone#position6, .work .zone#position6 img
	{
		width:365px;
		height:143px;
	}
	.work .zone#position7, .work .zone#position7 img
	{
		width:365px;
		height:143px;
	}
	.company {
		width:935px;
	}		
	.company .txt_container {
		float:left;
	}	
	#page-5_1 .company .picture_container {
		margin-left:74px;
		background:url(/images/cie_step1_1024.jpg) no-repeat 0 0;
	    width: 331px;					
	}

	#page-5_1 .company .txt_container {
	}
	
	#page-5_2 .company .picture_container {
		margin-left:100px;
		background:url(/images/cie_step2_1024.jpg) no-repeat 0 0;
	    margin-top: 140px;
		width:320px;			
	}	
	.company .txt_container {
	    width: 415px;
		margin: 0 0 0 0;
		padding:20px;		
	}
	/*follow-us*/
	.follow-us {
		width:935px;
	}		
	.follow-us .txt_container {
		float:left;
	}	
	#page-8_1 .follow-us .picture_container {
		margin-left:74px;
		background:url(/images/cie_step1_1024.jpg) no-repeat 0 0;
	    width: 331px;					
	}

	#page-8_1 .follow-us .txt_container {
	}
	
	#page-8_2 .follow-us .picture_container {
		margin-left:100px;
		background:url(/images/cie_step2_1024.jpg) no-repeat 0 0;
	    margin-top: 140px;
		width:320px;			
	}	
	.follow-us .txt_container {
	    width: 415px;
		margin: 0 0 0 0;
		padding:20px;		
	}
	
	/**/
	
	.jobs {
		width:935px;
	}		
	#page-6_1 .jobs .picture_container {
		background:url(/images/company_working_1024.jpg) no-repeat 0 0;	
		margin: 20px 0 0 30px;			
	}	
	.jobs .txt_container {
		width:485px;
	}	
	.jobs .picture_container {
		width:289px;
		height:330px;
	}
	.jobs .picture_container {
		float:left;
		margin: 0 0 0 30px;
		padding:20px;
	}	
	.jobs .txt_container {
		float:left;
		margin: 0 0 0 0;
		padding: 40px 20px 20px;
	}
				
	.jobs .txt_container.job_style .job_title
	{
		float: left;
		margin-right: 55px;
		width: 37%;
	}
	.jobs .txt_container.job_style .job_text
	{
		float:left;
		width:55%;		
	}
	.jobs .txt_container.job_style {
		width:795px;
	}	
	.jobs .txt_container.job_style h3 {
		font-size:2.5em;
	}
	.contact {
		width:1095px;
	}			

	.contact .txt_container {
		width:185px;
		float:left;
		margin:0;
		padding:0 10px 0 30px;
	}
	.contact .map_container .map {
		background:url(/images/map_1024.jpg) no-repeat center;
		margin:0;
		padding:0;
		clear:both;
		position:relative;		
		width:797px;
		height:527px;
		background-size:700px 463px;
	}
	.contact .map_container .gmaps
	{
		top:42px;
	}

	.contact .map_container .howto_access {
		top:102px;
	}

	.contact .map_container {
		width:740px;
	}				
	.contact .txt_container input {
		width:217px;
	}
	.contact .txt_container input.captcha {
		width:130px;
	}
	.contact .txt_container textarea  {
		width:217px;
	}		
																	
}

/* Tablet portrait */

@media (min-width: 768px) and (max-width: 1017px) {
	p {
		margin: 0 0 20px 0;
		font-size:0.8em;
		line-height:17px;
	}	
	h3 {
		font-size:3.0em;
		margin:0 0 20px 0;
		font-weight:normal;
		line-height:45px;
	}	
	.recto_container
	{
		width: 704px;				
		height: 820px;
	}
	/* Home */
	
	.home {
		text-align:center;
		position: relative;
	}
	.sr_image {
		position: relative;
		margin: 0 auto;
		height: 795px;
		width: 727px;
	}

	.face {
		position: absolute;
		height: 795px;
		width: 727px;
		padding: 0px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
	}

	.sr_image .sr_recto  {
		-webkit-transform:scaleX(1);
		-moz-transform:scaleX(1);
		-ms-transform:scaleX(1);
		transform:scaleX(1);
	}
	.sr_oscillate {
		
		-webkit-animation: oscillation 1s ease-in-out infinite alternate;
		-moz-animation: oscillation 1s ease-in-out infinite alternate;
		-ms-animation: oscillation 1s ease-in-out infinite alternate;
		animation: oscillation 1s ease-in-out infinite alternate;
	}

	.sr_image .sr_verso {
		-webkit-transform:scaleX(0);
		-moz-transform:scaleX(0);
		-ms-transform:scaleX(0);
		transform:scaleX(0);
	}

	.sr_image .m_last {
		transition-delay: 0.1s;
	}
	.sr_link {
		position: absolute;
		width: 80px;
		height: 80px;
		/* border: 1px solid black; */
		z-index:100;
		text-decoration:none;
	}
	.sr_link img{
		width: 80px;
		height: 80px;
		border:none;
	}
	 
	@keyframes oscillation
	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	@-ms-keyframes oscillation
	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	@-webkit-keyframes oscillation
	{
		from
		{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	 
	@-moz-keyframes oscillation
	{
		from{
			-webkit-transform:scaleX(1.00);
			-moz-transform:scaleX(1.00);
			-ms-transform:scaleX(1.00);
			transform:scaleX(1.00);
		}
		to{
			-webkit-transform:scaleX(1.05);
			-moz-transform:scaleX(1.05);
			-ms-transform:scaleX(1.05);
			transform:scaleX(1.05);
		}
	}
	
	#section_1 .verso_container p {color:#fff;}
	#section_1 .verso_container p a {color:#fff;text-decoration:underline;}
	#section_1 .verso_container h3 {
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
	}

	#section_1 .verso_container .txt_content {
		margin:0 auto;
		text-align:right;
	}	
	#section_1 .verso_container {
		width:704px;
		height:820px;
	}
	#section_1 #page-1_1 .recto_container {background:url(/images/splash_home_recto_1024_1.jpg) no-repeat center;}
	#section_1 #page-1_2 .recto_container {background:url(/images/splash_home_recto_1024_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .recto_container {background:url(/images/splash_home_recto_1024_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .recto_container {background:url(/images/splash_home_recto_1024_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .recto_container {background:url(/images/splash_home_recto_1024_5.jpg) no-repeat center;}
	#section_1 #page-1_6 .recto_container {background:url(/images/splash_home_recto_1024_6.jpg) no-repeat center;}	

	#section_1 #page-1_1 .verso_container {background:url(/images/splash_home_verso_1024_1.jpg) no-repeat center;}
	#section_1 #page-1_2 .verso_container {background:url(/images/splash_home_verso_1024_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .verso_container {background:url(/images/splash_home_verso_1024_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .verso_container {background:url(/images/splash_home_verso_1024_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .verso_container {background:url(/images/splash_home_verso_1024_5.jpg) no-repeat center;}	
	#section_1 #page-1_6 .verso_container {background:url(/images/splash_home_verso_1024_6.jpg) no-repeat center;}		
	
	#header_container {
		width:704px;
	}
	#navigation {
		width: 575px;
	}	
	#navigation ul.main_menu li  {
		margin: 0 0 0 25px;		
	}	    
	#navigation ul.main_menu li a {
		font-size: 0.9em;
	}	
	.sr_link {
		top: 220px;
	}
	.sr_link.open{
		left: 100px;
	}
	.sr_link.close{
		right: 75px;
	}	
	#section_1 .verso_container .txt_content {
	    padding: 265px 0 0 55px;
		width: 280px;
	}
	#section_1 .verso_container h3 {
		font-size:1.7em;
		margin:0 0 2px 0;
		padding:0;
		line-height:29px;
	}		
	.vision {
		width:727px;
	}

	.vision .picture_container {
		width:470px;
	    height: 506px;
	}
	
	.vision .txt_container {
		width:620px;
		float:none;
		margin:0;
		padding-top:53px;
	    clear: both;		
	}
	.vision .txt_container ul li{
		font-size:0.8em;	
	}		
	#page-2_1 .vision .txt_container {
	    padding: 75px 0 0 50px;
	}
	#page-2_1 .vision .picture_container 
	{
		background:url(/images/vision_consultancy_1024.jpg) no-repeat 0 0;
		margin-left: 120px;
		margin-top: 110px;	
	    height: 438px;			
	}
	#page-2_2 .vision .picture_container 
	{
		background:url(/images/vision_creative_1024.jpg) no-repeat 0 0;		
	    width: 478px;	
	    margin-left: 79px;	
	    height: 517px;				
	}	
	#page-2_2 .vision .txt_container {
	    padding: 75px 0 0 50px;	
	}
	#page-2_3 .vision .txt_container {
	    width: auto;
	    padding: 100px 15px 20px 75px;	
	}

	#page-2_3 .vision .picture_container {
	    width: 258px;
		height:470px;
		background:url(/images/vision_content_1024.jpg) no-repeat 0 0;
	    margin-left: 235px;				
	}

	#page-2_4 .vision .txt_container {
		padding-left: 107px;
		padding-right: 0;
		padding-top: 100px;
	    width: 586px;
	}

	#page-2_4 .vision .picture_container {
	    height: 612px;
	    width: 425px;
		background:url(/images/vision_av_1024.jpg) no-repeat 0 0;	
	    margin-left: 150px;					
	}

	#page-2_5 .vision .picture_container {
	    width: 335px;
    	height: 425px;
		background:url(/images/vision_events_1024.jpg) no-repeat 0 0;
	    margin-left: 150px;							
	}

	#page-2_5 .vision .txt_container {
		padding-left: 50px;
		padding-right: 30px;
		padding-top: 0;
		width: auto;
	}
	
	#page-2_5 .vision .picture_container {
	    width: 335px;
    	height: 515px;
		background:url(/images/vision_events_1024.jpg) no-repeat 0 0;					
	}

	#page-2_5 .vision .txt_container {
		width:483px;
	    padding-top: 0	 ;		
	}


	#page-2_5 .vision .txt_container p
	{
		float:none;
		clear:both;
	}
	#page-2_5 .vision div.content
	{
		clear:right;
	}
	#page-2_5 .vision div.content p
	{
		float: left;
		padding: 0 20px 0 0;
		width: 586px;
	}
	#page-2_5 .vision div.content .floatBlock
	{
		padding:0 0 0 20px;
		margin:0;
		clear:right;
		font-family: 'Gudea',Arial,sans-serif;		
		color:#475966;
	}	


	#page-2_6 .vision .picture_container {
		width:422px;
	    height:529px;
		background:url(/images/vision_digital_media_1024.jpg) no-repeat 0 0;	
	    margin-left: 150px;			
	}

	#page-2_6 .vision .txt_container {
		padding: 0 0 0 50px;
		width: 650px;
	}

	.work {
		width:800px;
	}	
	.work .txt_container .competences p {
		font-size:1.3em;
	}	
	
	.work .txt_container {
		height: 328px;
	    width: 257px;
	}	
	
	.work .txt_container h3 {
		font-size: 2.2em;
	}
	.work .txt_container .separator {
	    margin: 0 0 0 0;		
	}
	.work .zone#position1, .work .zone#position1 img
	{
		width:146px;
		height:180px;
	}
	.work .zone#position2, 	.work .zone#position2 img {
		width:300px;
		height:180px;
	}
	.work .zone#position3,  .work .zone#position3 img{
		width:300px;
		height:177px;
	}
	.work .zone#position4, .work .zone#position4 img
	{
		width:147px;
		height:177px;
	}
	.work .zone#position5, .work .zone#position5 img
	{
		width:146px;
		height:117px;
		margin-left:0;
	}
	.work .zone#position6, .work .zone#position6 img
	{
		width:300px;
		height:117px;
	}
	.work .zone#position7, .work .zone#position7 img
	{
		width:300px;
		height:117px;
	}
	.company {
		width:704px;	
	}	
	.company .txt_container {
		float:none;
		clear:both;
	}		
	#page-5_1 .company .picture_container {
		margin-left:173px;
		background:url(/images/cie_step1_1024.jpg) no-repeat 0 0;
	    width: 331px;	
	    height: 409px;							
	}

	#page-5_1 .company .txt_container {
	}
	
	#page-5_2 .company .picture_container {
	    margin-left: 264px;
		background:url(/images/cie_step2_1024.jpg) no-repeat 0 0;
	    margin-top: 65px;
	    height: 418px;		
	}	
	.company .txt_container {
	    width: auto;
		margin: 0 0 0 0;
		padding:20px;		
	}
	/**/
	.follow-us {
		width:704px;	
	}	
	.follow-us .txt_container {
		float:none;
		clear:both;
	}		
	#page-8_1 .follow-us .picture_container {
		margin-left:173px;
		background:url(/images/cie_step1_1024.jpg) no-repeat 0 0;
	    width: 331px;	
	    height: 409px;							
	}

	#page-8_1 .follow-us .txt_container {
	}
	
	#page-8_2 .follow-us .picture_container {
	    margin-left: 264px;
		background:url(/images/cie_step2_1024.jpg) no-repeat 0 0;
	    margin-top: 65px;
	    height: 418px;		
	}	
	.follow-us .txt_container {
	    width: auto;
		margin: 0 0 0 0;
		padding:20px;		
	}	
	/**/	
	
	.jobs {
		width:704px;
	}		
	#page-6_1 .jobs .picture_container {
		background:url(/images/company_working_1024.jpg) no-repeat 0 0;	
	    margin: 20px 0 0 190px;		
	}	
	.jobs .txt_container {
		width:auto;
	}	
	.jobs .picture_container {
		width:289px;
		height:330px;
	}
	.jobs .picture_container {
		float:none;
		margin: 0 0 0 30px;
		padding:20px;
	}	
	.jobs .txt_container {
		float:none;
		margin: 0 0 0 0;
		padding: 40px 20px 20px;
	    clear: both;		
	}
				
	.jobs .txt_container.job_style .job_title
	{
		float: left;
	    margin-right: 31px;
	    width: 38%;
	}
	.jobs .txt_container.job_style .job_text
	{
		float:left;
	    width: 52%;
	}
	.jobs .txt_container.job_style {
		width:574px;
	}		
	.jobs .txt_container.job_style h3 {
		font-size:2em;
	}			
	.contact {
	    width: 734px;
	}			
	.contact .txt_container {
		float: left;
		margin: 0;
	    padding: 0 10px 0 0;
		width: 204px;
	}
	.contact .map_container .map {
		background:url(/images/map_768.jpg) no-repeat center;
		margin:0;
		padding:0;
		clear:both;		
		height: 528px;
		width: 514px;
		position:relative;
	}
	.contact .map_container .gmaps
	{
		right:22px;
	}	

	.contact .map_container .howto_access {
		right:22px;
	}	

	.contact .map_container {
	    width: 510px;
	}				
	.contact .txt_container input {
		width:200px;
	}
	.contact .txt_container input.captcha {
		width:130px;
	}
	.contact .txt_container textarea  {
		width:200px;
	}		
}

/* Smartphone landscape  */
@media (min-width:480px) and (max-width:767px) {
	body {
		font-family: Verdana,Arial,sans-serif;
		color: #9d9c9b;
		font-size: 100%;
		overflow-y:visible;
		/* display:none; */
	}	
	h1 {
		/* border-bottom: 1px solid #CCCCCC; */
		/* float: none; */
		font-family: Verdana,Arial,sans-serif;
		height: 80px;
		margin: 0;
		padding: 0 0 11px 15px;
		/* width: 465px; */
	}	
	#header_bg {
		/* position:inherit; */
		width:100%;
		background-color:#fff;
		height:90px;
		/* border-bottom:none; */
		top:0;
		z-index:200;
	}		
	.menu_smart
	{
		font-family: 'Gudea', Arial,sans-serif;
		color:#fff;
		background-color:#103f77;
		border:1px solid #103f77;
		font-size:1em;		
		display: block;
		padding: 10px;
	}
	.menu_smart a
	{	
		color:#fff;
		text-decoration:none;
		display:block;	
	}
	#menu_smartphone.menu_smart
	{
		margin-top: 25px;
		margin-right: 25px;
		float: right;
	}
	#menu_smartphone.smart_open 
	{
		background-color:#fff;
		color:#103f77;
	}
	#menu_smartphone.smart_open a {
		color:#103f77;
	}
	p {
		margin: 0 0 20px 0;
		font-size:0.8em;
		line-height:17px;
	}	
	h3 {
		font-size: 1.7em;
		font-weight: normal;
		line-height: 28px;
		margin: 0 0 20px;
	}
	h4 
	{
	    font-size: 1.3em;
	}		
	#navigation {
		float:left;
		text-align:left;
		padding:0 0 0 0;
		overflow:auto;
		overflow-x:hidden;
		background-color:#fff;
	}
	
	#navigation ul {
		margin: 0 !important;
		padding: 0 0 0 !important;
	}
	
	#navigation ul li {
		background-color: #EFEFEF;
		border-bottom: 1px solid #CCCCCC;
		display: block;
		margin: 0;
		padding: 0;
	}
	#navigation ul li.selected
	{
		background-color:#999;
		color:#fff;		
	}

	#navigation ul li a {
		text-decoration:none;
		padding:4px 0 0 0;
	}
	
	#navigation  ul.main_menu li a {
		color: #696969;
		display: block;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 1em;
		height: 20px;
		padding: 10px 0 10px 10px;
		text-transform: uppercase;
	}
	#navigation  ul.main_menu li a:hover
	{
		background-color:#999;
		color:#fff;
	}
	#navigation  ul.main_menu li.selected a {
		border-top:none !important;
	    color: #FFFFFF;		
	}
	
	#navigation ul.sub_menu {margin-top:0 !important}
	#navigation ul.sub_menu li {margin-left:0;}
	#navigation ul.sub_menu li a {
		color: #BBBBBB;
		display: block;
		font-size: 0.8em;
		padding: 10px;
		width: 100%;		
	}
	#navigation ul.sub_menu li a:hover {
		background-color: #999999;
    	color: #FFFFFF;
	}
	#navigation ul.sub_menu li.selected a {
		background-color: #999999;
    	color: #FFFFFF;
	}	
	#navigation ul.sub_menu li.extlink_facebook
	{
		margin-left:0;
	}
	#navigation ul.sub_menu li.extlink_facebook a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		text-indent: inherit;
		white-space: inherit;
		width:auto;
	}
	#navigation ul.sub_menu li.extlink_facebook a:hover
	{
		background:none;	
		background-color: #999999;
		color: #FFFFFF;			
	}	
	#navigation ul.sub_menu li.extlink_linkedin
	{
		margin-left:0;
	}	
	#navigation ul.sub_menu li.extlink_linkedin a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		text-indent: inherit;
		white-space: inherit;
		width:auto;		
	}
	#navigation ul.sub_menu li.extlink_linkedin a:hover
	{
		background:none;	
		background-color: #999999;
		color: #FFFFFF;		
	}
	#navigation ul.sub_menu li.extlink_youtube
	{
		margin-left:0;
	}		
	#navigation ul.sub_menu li.extlink_youtube a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		text-indent: inherit;
		white-space: inherit;
		width:auto;		
	}
	#navigation ul.sub_menu li.extlink_youtube a:hover
	{
		background:none;	
		background-color: #999999;
		color: #FFFFFF;		
	}	
	#content_container {
		width:100%;
		font-size:100%;
		/* position:inherit; */
		top: 91px;
		clear:both;
		float:none;		
	}		
	#page-2_5 .vision .picture_container {
	    width: 335px;
    	height: 425px;
		background:url(/images/vision_events_1024.jpg) no-repeat 0 0;
	    margin-left: 150px;							
	}

	#page-2_5 .vision .txt_container {
		padding-left: 35px;
		padding-right: 30px;
		padding-top: 0;
		width: 400px;
	}
	
	#page-2_5 .vision .picture_container {
	    width: 335px;
    	height: 515px;
		background:url(/images/vision_events_1024.jpg) no-repeat 0 0;					
	}



	#page-2_5 .vision .txt_container p
	{
		float:none;
		clear:both;
	}
	#page-2_5 .vision div.content
	{
		clear:right;
	}
	#page-2_5 .vision div.content p
	{
		float: left;
		padding: 0 20px 0 0;
		width: 256px;
	}
	#page-2_5 .vision div.content .floatBlock
	{
		padding:0 0 0 20px;
		margin:0;
		clear:right;
		font-family: 'Gudea',Arial,sans-serif;		
		color:#475966;
	}		

	.nav_arrow {
/* 		position:relative;
		top:0;
	    padding:0;		 */
	}	
	#big_arrow_left
	{
		margin-left: 10px;
/* 		position: absolute;
		top: 420px;
		left:0; */
	
	}
	#big_arrow_right
	{
		margin-right: 10px;
/* 		position: absolute;
		top: 420px;
		right:0; */
	}

	.recto_container
	{
		float: left;
		height: 208px;
		width: 125px;
	}
	#section_1 #page-1_1 .recto_container {background:url(/images/splash_home_recto_480_1.jpg) no-repeat center;}
	#section_1 #page-1_2 .recto_container {background:url(/images/splash_home_recto_480_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .recto_container {background:url(/images/splash_home_recto_480_3.jpg) no-repeat center;}
	#section_1 #page-1_4 .recto_container {background:url(/images/splash_home_recto_480_4.jpg) no-repeat center;}
	#section_1 #page-1_5 .recto_container {background:url(/images/splash_home_recto_480_5.jpg) no-repeat center;}
	#section_1 #page-1_6 .recto_container {background:url(/images/splash_home_recto_480_5.jpg) no-repeat center;}	
	/*		
	#section_1 #page-1_1 .disabler_image
	{
		display:none;		
	}
	*/
	#section_1 .verso_container {
	    margin: 0;		
		width:auto;
		height:auto;
	}
	
	#header_container {
		width:480px;
	}
	#navigation {
		width: 480px;
	}	
	.sr_image {
		height: 200px;
		margin: 0 auto;
		position: relative;
		width: 370px;
	}	
	.sr_link {
		top: 220px;
	}
	.sr_link.open{
		left: 100px;
	}
	.sr_link.close{
		right: 75px;
	}	
	#section_1 .verso_container .txt_content {
		padding: 0;
		width: 370px;
	}
	#section_1 .verso_container h3 {
		font-size:1.7em;
		margin:0 0 2px 0;
		padding:0;
		line-height:29px;
	}		
	.vision {
	    width: 480px;
	}

	.vision .picture_container {
	    width: 138px;
	    height: 125px;
		float:left;
	}
	
	.vision .txt_container {
	    width: 277px;
		float:left;
		padding-top:0;
	    clear: none;
	    margin: 35px 0 0;				
	}
	.vision .txt_container ul li{
		font-size:0.8em;	
	}		
	#page-2_1 .vision .txt_container {
	    padding: 35px 0 0 0;
	}
	#page-2_1 .vision .picture_container 
	{
		background:url(/images/vision_consultancy_480.jpg) no-repeat 0 0;
		margin-left: 9px;
		margin-top: 35px;	
	    height: 125px;			
	}
	#page-2_2 .vision .picture_container 
	{
		background: url("/images/vision_creative_480.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 125px;
		margin-left: 20px;
		margin-top: 20px;			
	}	
	#page-2_2 .vision .txt_container {
	    padding: 35px 0 0 0;	
	}
	#page-2_3 .vision .txt_container {
        padding: 35px 0 0 40px;	
	}

	#page-2_3 .vision .picture_container {
	    width: 125px;
		height:125px;
		background:url(/images/vision_content_480.jpg) no-repeat 0 0;
	    margin-left: 0;
	    margin-top: 35px;						
	}

	#page-2_4 .vision .txt_container {
		padding-left: 45px;
		padding-right: 0;
		padding-top: 35px;
	}

	#page-2_4 .vision .picture_container {
		background: url("/images/vision_av_480.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 125px;
		margin-left: 0;
		margin-top: 35px;
		width: 125px;				
	}

	#page-2_5 .vision .picture_container {
	    width: 125px;
    	height: 125px;
		background:url(/images/vision_events_480.jpg) no-repeat 0 0;
		margin-left: 35px;
		margin-top: 35px;						
	}

	#page-2_5 .vision .txt_container {
		padding-left: 35px;
		padding-right: 0;
		padding-top: 0;
	    margin: 35px 0 0;		
	}
	#page-2_6 .vision .picture_container {
		background: url("/images/vision_digital_media_480.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 125px;
		margin-left: 35px;
		margin-top: 35px;
		width: 134px;		
	}

	#page-2_6 .vision .txt_container {
	    padding: 35px 0 0;
	}

	.work {
		width:480px;
	    margin-left: 9px;		
	}	
	.work .txt_container .competences p {
		font-size:1em;
	}	
	
	.work .txt_container {
		background-color: #FFFFFF;
		border: 1px solid #EBEBEB;
		float: left;
		height: auto;
		margin: 7px 7px 7px 10px;
		padding: 20px;
		width: 400px;	
	}	
	.work .txt_container .competences p {
		line-height:23px;
	}	
	.work .txt_container h3 {
	    font-size: 1.7em;
	}
	.work .txt_container .separator {
	    margin: 0 0 0 0;		
	}
	.work .zone#position1, .work .zone#position1 img
	{
		width:214px;
		height:214px;
	}
	.work .zone#position2, 	.work .zone#position2 img {
		width:214px;
		height:214px;
	}
	.work .zone#position3,  .work .zone#position3 img{
		width:214px;
		height:214px;
	}
	.work .zone#position4, .work .zone#position4 img
	{
		width:214px;
		height:214px;
	}
	.work .zone#position5, .work .zone#position5 img
	{
		width:214px;
		height:214px;
	}
	.work .zone#position6, .work .zone#position6 img
	{
		width:214px;
		height:214px;
	}
	.work .zone#position7, .work .zone#position7 img
	{
		width:214px;
		height:214px;
	}
	.company {
	    width: 480px;	
	}	
	.company .txt_container {
		float:none;
		clear:none;
	}		
	#page-5_1 .company .picture_container {
		background: url("/images/cie_step1_480.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		height: 155px;
		margin-left: 35px;
		margin-top: 35px;
		width: 125px;				
	}

	#page-5_1 .company .txt_container {
	}
	
	#page-5_2 .company .picture_container {
	    margin-left: 35px;
		background:url(/images/cie_step2_480.jpg) no-repeat 0 0;
	    margin-top: 35px;
	    height: 125px;
		width:125px;
	}	
	.company .txt_container {
		float: left;
		margin: 0;
		padding: 20px;
		width: 252px;	
	}
	/**/
	.follow-us {
	    width: 480px;	
	}	
	.follow-us .txt_container {
		float:none;
		clear:none;
	}		
	#page-8_1 .follow-us .picture_container {
		background: url("/images/cie_step1_480.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		height: 155px;
		margin-left: 35px;
		margin-top: 35px;
		width: 125px;				
	}

	#page-8_1 .follow-us .txt_container {
	}
	
	#page-8_2 .follow-us .picture_container {
	    margin-left: 35px;
		background:url(/images/cie_step2_480.jpg) no-repeat 0 0;
	    margin-top: 35px;
	    height: 125px;
		width:125px;
	}	
	.follow-us .txt_container {
		float: left;
		margin: 0;
		padding: 20px;
		width: 252px;	
	}
	/**/	
	.jobs {
		width:380px;
		overflow:inherit;
	}	
	
	.jobs .img_disabler
	{
		display:none;
	}
	.jobs .txt_container p, .jobs .txt_container p a {
		font-size: 0.8em;
	}	
	#page-6_1 .jobs .picture_container {
		background:url(/images/company_working_480.jpg) no-repeat 0 0;	
	    margin: 35px 0 0 35px;		
	}	
	.jobs .txt_container {
		width:auto;
	}	
	.jobs .picture_container {
		width:125px;
		height:125px;
	}
	.jobs .picture_container {
		float:none;
		margin: 0 0 0 35px;
		padding:0;
	}	
	.jobs .txt_container {
		float:none;
		margin: 0 0 0 0;
		padding: 40px 20px 20px;
	    clear: both;		
	}
				
	.jobs .txt_container.job_style .job_title
	{
		float: none;
		margin-right: 0;
		width: auto;
	}
	.jobs .txt_container.job_style .job_text
	{
		float: none;
		width: 380px;
	}
	.jobs .txt_container.job_style {
		width:380px;
	}		
	.jobs .txt_container.job_style h3 {
		font-size:1.7em;
	}			
	.contact {
	    width: 734px;
	}			
	.contact .map_container .map {
		background:url(/images/map_768.jpg) no-repeat center;
		margin:0;
		padding:0;
		clear:both;
		display:none;
		position:relative;
		height: 528px;
		width: 514px;		
	}	
	span.gmaps_link
	{
		display:block;
	}	
	span.access_link {
		background:url(/images/pdf_small.png) no-repeat bottom right;
		display:block;
		padding-right:20px;
    height: 20px;
    padding: 0 0 20px;
    width: 135px;
	}
	.contact .txt_container {
		float: none;
		margin: 0;
		padding: 25px;
		width: 400px;
	}

	.contact .map_container {
	    width: 510px;
	}				
	.contact .txt_container input {
		width:200px;
	}
	.contact .txt_container input.captcha {
		width:130px;
	}
	.contact .txt_container textarea  {
		width:200px;
	}	
	.contact .legal {			
		width:380px;
	}
}

/* Smartphone portrait  */

@media screen and (max-width:479px)	{
	body {
		font-family: Verdana,Arial,sans-serif;
		color: #9d9c9b;
		font-size: 100%;
		overflow-y:visible;
		/* display:none; */
	}	
	h1 {
		/* border-bottom: 1px solid #CCCCCC; */
		/* float: none; */
		font-family: Verdana,Arial,sans-serif;
		height: 80px;
		margin: 0;
		padding: 0 0 11px 15px;
		/* width: 465px; */
	}	
	#header_bg {
		/* position:inherit; */
		width:100%;
		background-color:#fff;
		height:90px;
		/* border-bottom:none; */
		top:0;
		z-index:200;
	}		
	.menu_smart
	{
		font-family: 'Gudea', Arial,sans-serif;
		color:#fff;
		background-color:#103f77;
		border:1px solid #103f77;
		font-size:1em;		
		display: block;
		padding: 10px;
	}
	.menu_smart a
	{	
		color:#fff;
		text-decoration:none;
		display:block;	
	}
	#menu_smartphone.menu_smart
	{
		margin-top: 25px;
		margin-right: 25px;
		float: right;
	}
	#menu_smartphone.smart_open 
	{
		background-color:#fff;
		color:#103f77;
	}
	#menu_smartphone.smart_open a {
		color:#103f77;
	}
	p {
		margin: 0 0 20px 0;
		font-size:0.8em;
		line-height:17px;
	}	
	h3 {
		font-size: 1.7em;
		font-weight: normal;
		line-height: 28px;
		margin: 0 0 20px;
	}
	h4 
	{
	    font-size: 1.3em;
	}		
	#navigation {
		float:left;
		text-align:left;
		padding:0 0 0 0;
		overflow:auto;
		overflow-x:hidden;
		background-color:#fff;
	}
	
	#navigation ul {
		margin: 0 !important;
		padding: 0 0 0 !important;
	}
	
	#navigation ul li {
		background-color: #EFEFEF;
		border-bottom: 1px solid #CCCCCC;
		display: block;
		margin: 0;
		padding: 0;
	}
	#navigation ul li.selected
	{
		background-color:#999;
		color:#fff;		
	}

	#navigation ul li a {
		text-decoration:none;
		padding:4px 0 0 0;
	}
	
	#navigation  ul.main_menu li a {
		color: #696969;
		display: block;
		font-family: 'Gudea',Arial,sans-serif;
		font-size: 1em;
		height: 20px;
		padding: 10px 0 10px 10px;
		text-transform: uppercase;
	}
	#navigation  ul.main_menu li a:hover
	{
		background-color:#999;
		color:#fff;
	}
	#navigation  ul.main_menu li.selected a {
		border-top:none !important;
	    color: #FFFFFF;		
	}
	
	#navigation ul.sub_menu {margin-top:0 !important}
	#navigation ul.sub_menu li {margin-left:0;}
	#navigation ul.sub_menu li a {
		color: #BBBBBB;
		display: block;
		font-size: 0.8em;
		padding: 10px;
		width: 100%;		
	}
	#navigation ul.sub_menu li a:hover {
		background-color: #999999;
    	color: #FFFFFF;
	}
	#navigation ul.sub_menu li.selected a {
		background-color: #999999;
    	color: #FFFFFF;
	}	
	#navigation ul.sub_menu li.extlink_facebook
	{
		margin-left:0;
	}
	#navigation ul.sub_menu li.extlink_facebook a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		text-indent: inherit;
		white-space: inherit;
		width:auto;
	}
	#navigation ul.sub_menu li.extlink_facebook a:hover
	{
		background:none;	
		background-color: #999999;
		color: #FFFFFF;			
	}	
	#navigation ul.sub_menu li.extlink_linkedin
	{
		margin-left:0;
	}	
	#navigation ul.sub_menu li.extlink_linkedin a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		text-indent: inherit;
		white-space: inherit;
		width:auto;		
	}
	#navigation ul.sub_menu li.extlink_linkedin a:hover
	{
		background:none;	
		background-color: #999999;
		color: #FFFFFF;		
	}
	#navigation ul.sub_menu li.extlink_youtube
	{
		margin-left:0;
	}		
	#navigation ul.sub_menu li.extlink_youtube a
	{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		text-indent: inherit;
		white-space: inherit;
		width:auto;		
	}
	#navigation ul.sub_menu li.extlink_youtube a:hover
	{
		background:none;	
		background-color: #999999;
		color: #FFFFFF;		
	}		
	#content_container {
		width:100%;
		font-size:100%;
		/* position:inherit; */
		top: 91px;
		clear:both;
		float:none;
	}	
	
	.nav_arrow {
/* 		position:relative;
		top:0;
	    padding:0;		 */
	}	
	#big_arrow_left
	{
		margin-left: 10px;
/* 		position: absolute;
		top: 420px;
		left:0; */
	
	}
	#big_arrow_right
	{
		margin-right: 10px;
/* 		position: absolute;
		top: 420px;
		right:0; */
	}

	.recto_container
	{
		float: left;
	    height: 305px;
		width: 134px;
	}
	#section_1 #page-1_1 .recto_container {background:url(/images/splash_home_recto_480_1.jpg) no-repeat center;}	
	#section_1 #page-1_2 .recto_container {background:url(/images/splash_home_recto_480_2.jpg) no-repeat center;}
	#section_1 #page-1_3 .recto_container {background:url(/images/splash_home_recto_480_3.jpg) no-repeat 20px 35px;height: 347px;}
	#section_1 #page-1_4 .recto_container {background:url(/images/splash_home_recto_480_4.jpg) no-repeat 20px 30px;}
	#section_1 #page-1_5 .recto_container {background:url(/images/splash_home_recto_480_5.jpg) no-repeat 20px 25px;height: 347px;}
	#section_1 #page-1_6 .recto_container {background:url(/images/splash_home_recto_480_6.jpg) no-repeat 20px 30px;}
	/*		
	#section_1 #page-1_1 .disabler_image
	{
		display:none;		
	}
	*/
	#section_1 .verso_container {
	    margin: 0;		
		width:auto;
		height:auto;
	}
	
	#header_container {
		width:320px;
	}
	#navigation {
		width: 480px;
	}	
	.sr_image {
	    height: 320px;
		margin: 0 auto;
		position: relative;
		width: 370px;
	}	
	.sr_link {
		top: 220px;
	}
	.sr_link.open{
		left: 100px;
	}
	.sr_link.close{
		right: 75px;
	}	
	#section_1 .verso_container .txt_content {
		padding: 0;
	    width: 280px;
	}
	#section_1 .verso_container h3 {
		font-size:1.7em;
		margin:0 0 2px 0;
		padding:0;
		line-height:29px;
	}		
	.vision {
	    width: 320px;
	}

	.vision .picture_container {
	    width: 138px;
	    height: 125px;
		float:left;
	}	
	.vision .txt_container {
		clear: none;
		float: left;
	    margin: 0 0 0 45px;
		padding-top: 0;
		width: 245px;			
	}
	.vision .txt_container ul li{
		font-size:0.8em;	
	}		
	#page-2_1 .vision .txt_container {
	    padding: 0 0 0 0;
	}
	#page-2_1 .vision .picture_container 
	{
		background: url("/images/vision_consultancy_320.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 244px;
		margin-left: 9px;
		margin-top: 35px;
		width: 272px;		
	}
	#page-2_2 .vision .picture_container 
	{
		background: url("/images/vision_creative_320.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 300px;
		margin-left: 20px;
		margin-top: 20px;
		width: 268px;		
	}	
	#page-2_2 .vision .txt_container {
	    padding: 0x 0 0 0;	
	}
	#page-2_3 .vision .txt_container {
        padding: 0 0 0 0;	
	}

	#page-2_3 .vision .picture_container {
		background: url("/images/vision_content_320.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 449px;
		margin-left: 30px;
		margin-top: 0;
		width: 271px;				
	}

	#page-2_4 .vision .txt_container {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}

	#page-2_4 .vision .picture_container {
		background: url("/images/vision_av_320.jpg") no-repeat scroll 30px 0 rgba(0, 0, 0, 0);
		height: 292px;
		margin-left: 0;
		margin-top: 0;
		width: 285px;		
	}

	#page-2_5 .vision .picture_container {
		background: url("/images/vision_events_320.jpg") no-repeat scroll 60px 0 rgba(0, 0, 0, 0);
		height: 297px;
		margin-left: 0;
		margin-top: 0;
		width: 260px;			
	}

	#page-2_5 .vision .txt_container {
		padding-left: 40px;
		padding-right: 0;
		padding-top: 0;
	    margin: 0 0 0;		
	}
	#page-2_6 .vision .picture_container {
		background: url("/images/vision_digital_media_320.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 291px;
		margin-left: 39px;
		margin-top: 0;
		width: 250px;	
	}
	#page-2_5 .vision .txt_container p
	{
		float:none;
		clear:both;
	}
	#page-2_5 .vision div.content
	{
		clear:right;
	}

	#page-2_5 .vision div.content .floatBlock
	{
		padding:0 0 0 20px;
		margin:0;
		clear:right;
		font-family: 'Gudea',Arial,sans-serif;		
		color:#475966;
	}
	#page-2_6 .vision .txt_container {
	    padding: 0 0 0;
	}

	.work {
		width:320px;
	    margin-left: 9px;		
	}	
	.work .txt_container .competences p {
		font-size:1em;
	}	
	
	.work .txt_container {
		background-color: #FFFFFF;
		border: 1px solid #EBEBEB;
		float: left;
		height: auto;
		margin: 7px 7px 7px 10px;
		padding: 20px;
		width: 240px;	
	}	
	.work .txt_container .competences p {
		line-height:23px;
	}	
	.work .txt_container h3 {
	    font-size: 1.7em;
	}
	.work .txt_container .separator {
	    margin: 0 0 0 0;		
	}
	.work .zone#position1, .work .zone#position1 img
	{
		width:134px;
		height:134px;
	}
	.work .zone#position2, 	.work .zone#position2 img {
		width:134px;
		height:134px;
	}
	.work .zone#position3,  .work .zone#position3 img{
		width:134px;
		height:134px;
	}
	.work .zone#position4, .work .zone#position4 img
	{
		width:134px;
		height:134px;
	}
	.work .zone#position5, .work .zone#position5 img
	{
		width:134px;
		height:134px;
	}
	.work .zone#position6, .work .zone#position6 img
	{
		width:134px;
		height:134px;
	}
	.work .zone#position7, .work .zone#position7 img
	{
		width:134px;
		height:134px;
	}
	.company {
	    width: 480px;	
	}	
	.company .txt_container {
		float:none;
		clear:none;
	}		
	#page-5_1 .company .picture_container {
		background: url("/images/cie_step1_320.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		height: 320px;
		margin-left: 35px;
		margin-top: 0;
		width: 250px;			
	}

	#page-5_1 .company .txt_container {
	}
	
	#page-5_2 .company .picture_container {
		background: url("/images/cie_step2_320.jpg") no-repeat scroll 20px 0 rgba(0, 0, 0, 0);
	    height: 405px;
		margin-left: 35px;
		margin-top: 35px;
		width: 270px;
	}	
	.company .txt_container {
		float: left;
		margin: 0;
		padding: 20px 20px 20px 35px;
		width: 245px;
	}	
	/**/
	.follow-us {
	    width: 480px;	
	}	
	.follow-us .txt_container {
		float:none;
		clear:none;
	}		
	#page-8_1 .follow-us .picture_container {
		background: url("/images/cie_step1_320.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		height: 320px;
		margin-left: 35px;
		margin-top: 0;
		width: 250px;			
	}

	#page-8_1 .follow-us .txt_container {
	}
	
	#page-8_2 .follow-us .picture_container {
		background: url("/images/cie_step2_320.jpg") no-repeat scroll 20px 0 rgba(0, 0, 0, 0);
	    height: 405px;
		margin-left: 35px;
		margin-top: 35px;
		width: 270px;
	}	
	.follow-us .txt_container {
		float: left;
		margin: 0;
		padding: 20px 20px 20px 35px;
		width: 245px;
	}
	/**/
	.jobs {
	    width: 320px;
		overflow:inherit;
	}	
	
	.jobs .img_disabler
	{
		display:none;
	}
	.jobs .txt_container p, .jobs .txt_container p a {
		font-size: 0.8em;
	}	
	#page-6_1 .jobs .picture_container {
		background:url(/images/company_working_320.jpg) no-repeat 0 0;	
	    margin: 35px 0 0 35px;		
	}	
	.jobs .txt_container {
		width:auto;
	}	
	.jobs .picture_container {
		width:125px;
		height:125px;
	}
	.jobs .picture_container {
		float:none;
		margin: 0 0 0 35px;
		padding:0;
	}	
	.jobs .txt_container {
		float:none;
		margin: 0 0 0 0;
		padding:40px 40px 20px 20px;
	    clear: both;		
	}
				
	.jobs .txt_container.job_style .job_title
	{
		float: none;
		margin-right: 0;
		width: auto;
	}
	.jobs .txt_container.job_style .job_text
	{
		float: none;
		width: 250px;
	}
	.jobs .txt_container.job_style {
		width:250px;
	}		
	.jobs .txt_container.job_style h3 {
		font-size:1.7em;
	}			
	.contact {
	    width: 734px;
	}			
	.contact .map_container .map {
		background:url(/images/map_768.jpg) no-repeat center;
		margin:0;
		padding:0;
		clear:both;
		display:none;
		height: 528px;
		width: 514px;
		position:relative;		
	}	
	.contact .txt_container {
		float: none;
		margin: 0;
		padding: 25px;
		width: 400px;
	}
	span.gmaps_link
	{
		display:block;
	}
	span.access_link {
		background:url(/images/pdf_small.png) no-repeat bottom right;
		display:block;
		padding-right:20px;
    height: 20px;
    padding: 0 0 20px;
    width: 135px;
	}

	.contact .map_container {
	    width: 510px;
	}				
	.contact .txt_container input {
		width:200px;
	}
	.contact .txt_container input.captcha {
		width:130px;
	}
	.contact .txt_container textarea  {
		width:200px;
	}	
	.contact .legal {			
	    width: 250px;
	}	
}