/*
McDonalds FR Screen & max-width 1024px Stylesheet
Sitewidth: 928px
*/

.site {
	width: 					708px;
}


/* Header */

header[role=banner] form {
	position: 				absolute;
	right: 					0;
	top: 					83px;
	margin-top: 			0;
}

header[role=banner] aside.connect {
	right: 					205px;
}

header[role=banner] nav ul li section.secondary div.middle section {
	width: 					100%;
	border-right: 			0;
	float: 					none;
}
header[role=banner] nav ul li section.secondary div.middle section ul.lft,
header[role=banner] nav ul li section.secondary div.middle section ul.rgt {
	width: 					49%;
}
header[role=banner] nav ul li section.secondary div.middle section ul li {
	height: 				48px;
	padding-top: 			32px;
	line-height: 			24px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li.doubleLine {
	padding-top: 			18px;
	height: 				54px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li a {
	font-size: 				1.8em;
}
header[role=banner] nav ul li section.secondary div.middle section ul li a img {
	margin-top: 			-26px;
}

header[role=banner] nav ul li section.secondary div.middle aside {
	width: 					100%;
	float: 					none;
	margin-top: 			25px;
	clear: 					both;
}
html.ie7 header[role=banner] nav ul li section.secondary div.middle aside { margin-top: 0; padding-bottom: 31px; }
header[role=banner] nav ul li section.secondary div.middle aside ul {
	overflow: 				hidden;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li {
	width: 					33%;
	float: 					left;
	clear: 					none;
	padding: 				0;
	margin-bottom: 			29px;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li a {
	padding-right: 			20px;
	font-size: 				2.4em;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li img {
	display: 				none;
}


/* Main Page Header */

section[role=main] header.page {
	padding-top: 			48px;
}
section[role=main] header.page h1,
section[role=main] header.page h1.head-wide,
section[role=main] header.page h2,
section[role=main] header.page h2.head-wide {
	width: 					100%;
	font-size: 				6em;
	padding-bottom: 		0;
	padding-top: 			10px;
}
section[role=main] header.page h1.head-wide,
section[role=main] header.page h2.head-wide { font-size: 5em; }
section[role=main] header.page aside,
section[role=main] header.page aside.smaller {
	clear: 					both;
	width: 					100%;
	padding-top: 			10px;
	padding-bottom: 		20px;
}
section[role=main] header.page aside p {
}
section[role=main] header.page aside p em {
	font-size: 				1.3em;
	display: 				inline;
	padding-right: 			6px;
}
section[role=main] header.page aside p a {
	font-size: 				1.4em;
	display: 				inline;
}
section[role=main] header.page aside.social div.tweet-button,
section[role=main] header.page aside.social div.fb-button,
section[role=main] header.page aside.social div.gplus-button { margin-top: 0; }

section[role=main] header.page aside.full div.social { overflow: hidden; margin-bottom: 20px; }


/* Pushbox */

/*
#pushbox .holder ul li img {
	width: 					80%;
	margin-top: 			10%;
}
*/
#pushbox .holder ul li img {
	width: 					100%;
	margin-top: 55px;
}

/* Pushbox Small */

#pushbox-small .holder ul li img {
	width: 					100%;
	margin-top: 			5%;
}

#pushbox-small div.nav ul.buttons li {
	/*width: 					127px;*/
	display: 				inline;
}
#pushbox-small div.nav ul.buttons li a {
	padding: 				0 14px;
}


/* Allergenes */

#content.allergenes section.filter div.col-result {
	width: 					71%;
}
#content .allergenes .viewport {
	width: 					553px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list {
	width: 					183px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list ul.products li {
	min-height: 			105px;
}

#content .products .products-wrapper .product-list-wrapper .product-list {
	width: 					120px;
}


#content.allergenes aside.col-26 div.block {
	width: 					46%;
	float: 					left;
	margin-bottom: 			4%;
}
#content.allergenes aside.col-26 div.apps-small {
	float: 					right;
	clear: 					none;
}


/* Simple Nav */

#content nav.sub {
	width:					48.09%;
	float: 					left;
}

#content nav.sub ul li a { font-size: 2.8em; }


/* Products */

#content .col-70 {
	width: 					100%;
	margin-right: 			0;
}
#content .col-26 {
	width: 					100%;
	margin-right: 			0;
}

#content.products nav.products-main ul li a {
	font-size: 				1.6em;
	line-height: 			66px;
}

/* Product */

#content.product .info {
	width: 					52%;
}

#content.product .info h3 {
	font-size: 				4em;
}

#content.product_evian h1,
#content.product_evian h2 {
	font-size: 				10em;
}


/* Sandwichs */

#content.sandwichs header hgroup h1,
#content.sandwichs header hgroup h2 {
	font-size: 				5em;
}
#content.sandwichs header hgroup h3 {
	font-size: 				2em;
}

#content.sandwichs ul.products li {
	height: 				160px;
}
#content.sandwichs ul.products li a {
	height: 				170px;
	padding-top: 			10px;
}
#content.sandwichs ul.products li h4 {
	font-size: 				1.5em;
}

#content.sandwichs.darkbrown ul.products li:nth-child(1) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(2) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(3) a:hover {
	background: 			#4e3521;
}
#content.sandwichs.darkbrown ul.products li:nth-child(4) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(5) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(6) a:hover {
	background: 			#553a24;
}
#content.sandwichs.darkbrown ul.products li:nth-child(7) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(8) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(9) a:hover {
	background: 			#5c3e27;
}
#content.sandwichs.darkbrown ul.products li:nth-child(10) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(11) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(12) a:hover {
	background: 			#63432a;
}


/* Content > Sub Page */

#content.sub_page .col-60 {
	width: 					auto !important;
	float: 					none;
	margin-left: 			6%;
}

#content.sub_page .wrapper > h1,
#content.sub_page .wrapper > h2 {
	font-size: 				6em;
}
#content.sub_page ul.accordion li h4 a {
	font-size: 				2.3em;
}
#content.sub_page ul.accordion li p {
	font-size: 				1.6em;
	padding-top: 			10px;
}


/* Page Family */

#content.sub_page.page_family img.page-bg {
	width: 					auto;
	height: 				100%;
	left: 					auto;
	right: 					0;
}
html.ie7 #content.sub_page.page_family img.page-bg {
	height: 				110%;
}

#content.sub_page.page_family .col-45 { float: right; }


/* FAQ */

#content.faq .col-70 h1,
#content.faq .col-70 h2 {
	font-size: 				11em;
}

#content.faq ul.accordion li h4 a {
	font-size: 				1.8em;
}


/* Recruitment */

#content.recruitment .col-70 h1,
#content.recruitment .col-70 h2 {
	font-size: 				4em;
}
#content.recruitment ul.list li h3 {
	font-size: 				2em;
}
#content.recruitment article div.text h3 {
	font-size: 				3em;
}
#content.recruitment article div.text h4 {
	font-size: 				1.6em;
}


/* Content > McCafe Page */

#content.page_mccafe .info h4 {
	font-size: 				2.8em;
}
#content.page_mccafe .info h5 {
	font-size: 				1.8em;
}
#content.page_mccafe .info p {
	font-size: 				1.2em;
}

#content.page_mccafe .products ul li h3 {
	font-size: 				2.2em;
}


/* Content > Error Page */

#content.error header {
	width: 					600px;
	padding: 				140px 0;
}
#content.error header hgroup {
	 padding-top: 			8%;
}
#content.error header hgroup h1,
#content.error header hgroup h2 {
	font-size: 				4.6em;
}
#content.error header hgroup h3 {
	font-size: 				2.1em;
}


/* Text Page */

#content.text_page .col-70 h1,
#content.text_page .col-70 h2 {
	font-size: 				3.2em;
}
#content.text_page .col-70 h3 {
	font-size: 				3.2em;
}

#content.text_page ul.full-list li h2 { font-size: 2.4em; }

#content.text_page ul.crew li h4 { font-size: 1.2em; }

#content.text_page div.trade h4 {
	font-size: 				3em;
	padding-top: 			6px;
}


/* Restaurant */

#content.restaurant ul.large-services li h3 {
	font-size: 				3em;
}
#content.restaurant form.findmcd-large fieldset.options label {
	width: 					7%;
}

/* Viewer */

#content.design section.pictures div.holder ul li { width: 708px; }

#content.design nav dl {
	width: 					415px;
}
#content.design nav dl dt {
	font-size: 				1.2em;
	width: 					160px;
}
#content.design nav dl dd {
	width: 					240px;
}
#content.design nav dl dd ul {
	width: 					210px;
}
#content.design nav dl dd a,
#content.design nav dl dd ul li a span {
	font-size: 				1.2em;
	/*padding: 				10px 6px;*/
}
#content.design nav dl dd ul li a span {
	padding: 				10px 0 6px;
}
#content.design nav dl dd ul li a p {
	font-size: 				.9em;
	padding-bottom: 		10px;
}


/* Content */
/*#content .block:nth-child(2),
#content .itm-02,
#content .employer { margin-right: 0; }
#content .findmcd { margin-right: 3.82%; }*/

#content .block{
    float: left;
}
#content .block:nth-child(2n+0){
    margin-right: 0;
}
#content .block:nth-child(3) {
    margin-right: 3.82%;
}

#content .newsitem,
#content .findmcd,
#content .fbsocial,
#content .apps,
#content .employer,
#content .apps-small,
#content .findmcd-small,
#content .all-news-small,
#content .energy-small,
#content .mccafe-small,
#content .middle-link-small,
#content .corporate-small,
#content .news-small {
	width:					48.09%;
}
#content.site .news-small { width: 100%; }
#content .newsitem hgroup h3 {
	font-size: 				4em;
}
#content .newsitem hgroup h4 {
	font-size: 				1.7em;
}
#content .newsitem p {
	font-size: 				1.4em;
}

#content .findmcd div.wrapper div.content figure {
	width: 					108px;
}
#content .findmcd div.wrapper div.content h3 {
	font-size: 				2.8em;
}
#content .findmcd div.wrapper div.content.findjob h3 {
	font-size: 				2.5em;
}
#content .findmcd div.wrapper div.content hgroup h4 {
	font-size: 				1.4em;
}
#content .findmcd div.wrapper div.content p {
	font-size: 				1.2em;
}
#content .findmcd div.wrapper div.findjob p {
	display: 				block;
}
#content .findmcd div.wrapper div.happymeal h3 { margin-top: 26px; }

#content .energy {
	width: 					100%;
}
#content .energy h3 {
	font-size: 				11.6em;
}
#content .energy p {
	font-size: 				2.3em;
}

#content .apps div.text h3 {
	font-size: 				1.6em;
}

#content .employer hgroup {
	margin-top: 			32%;
}
#content .employer hgroup h3 {
	font-size: 				3.3em;
}
#content .employer hgroup h4 {
	font-size: 				1.8em;
}
#content .employer p {
	font-size: 				1em;
}

#content .findmcd-small,
#content .apps-small,
#content .all-news-small,
#content .energy-small,
#content .mccafe-small,
#content .middle-link-small,
#content .corporate-small { float: left !important; margin-bottom: 7.64%; }

#content.faq .col-26 .findmcd-small,
#content.recruitment .col-26 .findmcd-small {
	clear: 					both;
}

/*
#content .col-26 .energy-small,
#content .col-26 .apps-small,
#content .col-26 .news-small {
	clear: 					none;
	float: 					right !important;
}
 CASTI - sidebar dx */
#content .findmcd-small div.wrapper img,
#content .apps-small div.wrapper img { display: block; }

#content .apps-small h3 {
	font-size: 				1.8em;
	margin-top: 			48px;
}
#content .apps-small p { padding-top: 6px; }

#content .findmcd-small h3 {
	font-size: 				2.6em;
	padding-top: 			48px;
	padding-bottom: 		12px;
}

#content .all-news-small .wrapper figure {
	display: 				block;
}
#content .all-news-small .wrapper h3 {
	margin: 				28px 0 10px;
}

#content .energy-small.whiteborder { width: 100%; }
#content .energy-small .wrapper {
	padding-top: 			18px;
}
#content .energy-small img.bg { display: none; }
#content .energy-small img.bg-hor { display: block; }
#content .energy-small.whiteborder img.bg { display: block; }
#content .energy-small.whiteborder img.bg-hor { display: none; }

#content .energy-small .wrapper h3 {
	line-height: 			.8;
	margin-top: 			8px;
	font-size: 				10em;
}
#content .energy-small .wrapper h3 span {
	font-size: 				.27em;
}
#content .energy-small .wrapper hgroup h3 {
	font-size: 				8em;
	padding-top: 			20px;
}
#content .energy-small .wrapper h4 img { width: 60%; }
#content .energy-small .wrapper hgroup h4 img { width: 100%; }
#content .energy-small .wrapper p {
	font-size: 				1.6em;
	margin-bottom: 			0;
}
#content .energy-small.whiteborder .wrapper p { font-size: 1.5em; }

#content .mccafe-small .wrapper h3 {
	font-size: 				2.2em;
}

#content .news-small hgroup {
	padding-left: 			18px;
}
#content .news-small hgroup h3 {
	font-size: 				3em;
}
#content .news-small hgroup h4 {
	font-size: 				1.2em;
}
#content .news-small p {
	font-size: 				1.4em;
	padding-left: 			18px;
	padding-right: 			18px;
}

#content .happymeal-small .wrapper hgroup h3 {
	font-size: 				5.6em;
}
#content .happymeal-small .wrapper hgroup h4 {
	font-size: 				1.5em;
	left: 					6px;
	right: 					6px;
}
#content .happymeal-small .wrapper img.img-over {
	margin: 				-110px 0 0 -92px;
}

#content .middle-link-small.services { margin-bottom: 7.64%; }
#content .middle-link-small div.wrapper h3 {
	font-size: 				3.4em;
	margin-top: 			85px;
}
#content .middle-link-small.services div.wrapper h3 {
	margin-top: 			60px;
}
#content .middle-link-small.services div.wrapper p {
	font-size: 				1.2em;
	padding-left: 			24px;
	padding-top: 			10px;
}

#content .stores-small hgroup h3 {
	font-size: 				12em;
}
#content .stores-small hgroup h4 {
	font-size: 				1.85em;
}

#content .corporate-small .wrapper h3 {
	font-size: 				3.8em;
	padding-top: 			36%;
}

#content .middle-link-small.xsmall div.wrapper figure { display: block; }
#content .middle-link-small.xsmall div.wrapper h3 {
	margin-top: 			60px;
}

#content.page_mccafe div.findmcd-small,
#content.chiffres div.corporate-small,
#content.valeurs div.corporate-small,
#content.restaurant div.middle-link-small.xsmall,
#content.history div.corporate-small,
#content.service_restaurant div.middle-link-small,
#content.recent_products div.middle-link-small.xsmall { float: right !important; }
#content.chiffres div.apps-small,
#content.valeurs div.apps-small,
#content.restaurant div.news-small,
#content.history div.apps-small,
#content.service_restaurant div.news-small,
#content.recent_products div.middle-link-small {
	float: 					left !important;
}
#content.restaurant div.news-small { margin-bottom: 3.82%; }


/* Footer */

footer[role=contentinfo] > nav .block {
	width: 					31.33%;
	display: 				inline;
	float: 					left;
	margin-right: 			3%;
}
footer[role=contentinfo] > nav .third { margin-right: 0; }
footer[role=contentinfo] > nav .fourth { clear: both; }

footer[role=contentinfo] div.footer div p { font-size: 1em; }
footer[role=contentinfo] div.footer div p.lft { width: 58%; }
footer[role=contentinfo] div.footer div p.rgt { width: 42%; }
footer[role=contentinfo] div.header section { margin-left: -185px; }
footer[role=contentinfo] div.header section nav ul li { font-size: 11px; padding: 0 5px; }

footer[role=contentinfo] div.header section nav ul { margin-left: -28px}

#content .newsitem.col1 figure img {
  width: 132px;
}

html, body { min-width: 710px; overflow-x: scroll  }

body.front .push-block-wrap { width: 100%; }
	#content .newsitem.col1 { height: 215px; }
  #content .newsitem.col1, #content .block.col1.fullimg { width: 332px; }
	#content .block.col1:nth-child(2n) { margin-right: 0; }
    #content .newsitem.col1 .text { max-width: 181px; }
  #content .block.col2 { margin-right: 0; width: 100%; }

body.front #content .right_side { width: 100%; }
  body.front #content .right_side .block { margin-right: 44px; width: 332px; }
  body.front #content .right_side .block:nth-child(2n) { margin-right: 0; }

#content #block-mcdo-settings-acces-direct { width: 100%; }
body.front #content #block-mcdo-settings-acces-direct { width: 332px; }

#pushbox, #pushbox .holder, #pushbox .holder ul, #pushbox .holder ul li { height: auto; }
#pushbox .holder { padding-bottom: 20px; }
  #pushbox .holder ul li img { height: 100%; max-height: 554px; max-width: 708px; width: 100%; }
#pushbox div.nav { background: url('../image/bg-pushbox-nav.png') no-repeat center bottom; left: auto; margin-left: auto; width: 100%; }
  #pushbox div.nav ul li { margin-left: 0!Important; margin-right: 0!important; }
    #pushbox div.nav ul li a { padding: 0 12px; }

    #content #block-mcdo-settings-acces-direct { height: 372px; width: 339px; margin-right: 30px; }
      #content .findmcd div.wrapper div.content form fieldset p input { width: 187px; }

.not-front #content .col-26 { margin-top: 35px; }
.not-front #content .findmcd div.wrapper { background: #f3f3f3; height: 372px; }

#content .left_side .block div.wrapper { position: relative; }

.not-front #content aside .findmcd div.wrapper div.content form fieldset p input { width: 160px; }
body.front #content .findmcd div.wrapper div.content form fieldset p input { width: 188px; }


.page-node-724 #content .col-40.col-center { margin: 0 0 30px; width: 100%; }
.page-node-724 .col-40 form input, .page-node-724 .col-40 form .dropdown-wrapper select, .page-node-724 .col-40 form textarea { width: 100%; width: 100%; box-sizing: border-box; height: 32px; max-width: 100%; }
.page-node-724 .col-40 form textarea { height: 155px; max-width: 100%; }
.page-node-724 .col-40 form .webform-component--letta-linformativa { float: none; padding: 3px 25px; width: auto; }
.page-node-724 .col-40 form .webform-component--privacy textarea { margin: 0; width: 100%; max-width: 100%; }
.page-node-724 .col-40 form .webform-component--checkbox label { display: none; }
.page-node-724 .col-40 form .webform-component--checkbox-trattamento-promo label { display: none; }
.page-node-724 .col-40 form .webform-component--checkbox-invio-aggiornamenti label { display: none; }

.page-node-724 .col-40 form .webform-component-checkboxes label { display: none; }
.page-node-724 .col-40 form .webform-component-checkboxes label.option { display: block; }
.page-node-724 .col-40 form .webform-component--checkbox .form-item-submitted-checkbox-yes label { display: block; width: 90%; float: left; }
.page-node-724 .col-40 form .webform-component--checkbox .form-item-submitted-checkbox-yes label.error { top: 27px; }
.page-node-724 .col-40 form .webform-component--checkbox .form-item-submitted-checkbox-yes input.error { margin-bottom: 50px; }

.page-node-724 .col-40 form .form-submit { width: 100%; margin: 0; }
.page-node-724 .col-40 form label.error { padding: 0; }

.page-node-724 .col-40 form .webform-component-radios input { margin: 0; }
.page-node-724 .col-40 form .webform-component-checkboxes .form-type-checkbox label { width: 90%; }

#content.product .product-menu .product_list { float: right; max-width: 340px; width: 100%; }
#content.product .product-menu .product_list h3 { width: 300px; }

/*
 * Cookie policy
 */
#sliding-popup .popup-content { max-width: 708px; }
#sliding-popup .popup-content #popup-text { max-width: 78%; }
#sliding-popup .popup-content #popup-buttons button { margin: 25px 0; }

/*
 * Dropdown promo
 */
.ddmenu_wrapper { margin-left: -354px!important; width: 708px!important; }
.ddmenu_content .ddmenu_buttons .ddmenu_button { font-size: 11px!important; padding: 1px 25px!important; margin: 0 3px 3px 0!important; width: 83px!important; }