@charset "utf-8";
/* CSS Document */

/* --------------------------------------
CSS Fripan
http://www.fripan.es
Creat per Signia Technologies - Març 2013
----------------------------------------- */

/* ============================== */
/* ! Layout for Microsites        */
/* ============================== */

@font-face {
	font-family: 'MyriadProRegular';
 	src: url('../fonts/myriad/myriadregular-webfont.eot');
 	src: url('../fonts/myriad/myriadregular-webfont.eot?#iefix') format('embedded-opentype'),
 		 url('../fonts/myriad/myriadregular-webfont.woff') format('woff'), 
		 url('../fonts/myriad/myriadregular-webfont.ttf') format('truetype'), 
		 url('../fonts/myriad/myriadregular-webfont.svg#') format('svg');
 	font-weight:normal;
 	font-style:normal;
}

@font-face {
	font-family: 'MyriadProBold';
 	src: url('../fonts/myriad/myriadbold-webfont.eot');
 	src: url('../fonts/myriad/myriadbold-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/myriad/myriadbold-webfont.woff') format('woff'), 
		 url('../fonts/myriad/myriadbold-webfont.ttf') format('truetype'), 
		 url('../fonts/myriad/myriadbold-webfont.svg#MyriadProBold') format('svg');
 	font-weight:normal;
 	font-style:normal;
}

html {
	font-size:	100%;
}

body {
	background:	#fff;
	font:		normal 100% MyriadProRegular, Arial, Helvetica, Geneva, sans-serif;
	color:		#2b2b2b;
	height:		600px!important;
	margin:		0 auto;
	padding:	0;
	overflow:	visible!important;
	width:		800px;
}

.sizewrap {
    margin: 	0 auto;
    max-width: 	1024px;
}

ul {
	list-style-type:none;
	margin:		0;
	padding:	0;
}

li {
	list-style-type:none;
	margin:		0;
	padding:	0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a img {
	border:		none;
}

p {
	font-size: 	0.875em;
	margin:		0 0 5% 0;
	padding:	0;
}




/* SECTION MICROSITES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section#microsites {
	display:	inline-block;
	margin:		0;
	padding:	0;
} 

section#microsites header#top {
/*	background: url(../img/common/microsites/frp_bck_top.png) repeat 0 0; */
	border-bottom:5px solid #e3e0dc;
	display:	block;
	height:		75px;
	margin:		0 0 1px 0; 
	padding:	0 0 30px 30px;
	width:		770px
}

section#microsites header h1 {
	color:		#54301a;
	float:		left;
	font:		700 220% 'Tienne', 'EB Garamond', Arial, Helvetica, sans-serif;
	letter-spacing:-0.08em;
	margin:		25px 0 0 0;
	width:		630px;
}

section#microsites header h2 {
	color:		#54301a;
	display:	block;
	float:		right;
	font:		700 160% 'Tienne', 'EB Garamond', Arial, Helvetica, sans-serif;
	letter-spacing:-0.08em;
	line-height:30px;
	margin:		0 0 27px 0;
	padding:	0 30px 0 0;
	width:		440px;
}

section#microsites header .logo {
	float:		right;
	height:		75px!important;
	margin:		15px 15px 0 0;
	text-align: center;
	width:		125px!important;
}

section#microsites article {
	display:	inline-block;
	margin:		0;
	padding:    30px 0 0 0;
	width:		800px;
}

section#microsites article figure {
	float:		left;
	height:		250px;
	margin:		0 50px 0 30px;
	width:		250px;
}

section#microsites article p {
	float:		right;
	font:		normal 14px MyriadProRegular, Arial, Helvetica, Geneva, sans-serif;
	letter-spacing:-0.04em;
	margin:		0 0 19px 0;
	padding:	0 30px 0 0;
	width:		440px;
}

section#microsites article p strong {
	color:		#54301a;
}



/* MAINNAV ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section#microsites nav#menu {
	background: url(../img/common/microsites/frp_bck_nav.png) no-repeat 0 0;
}

section#microsites nav#menu ul {
	background: url(../img/common/microsites/frp_bck_linia.png) repeat-x 0 51px;
	border-top:1px solid #e8e6e3;
	display:	inline-block;
	height:		47px;
	padding:    10px 0 0 0;
	text-align:center;
}

section#microsites nav#menu ul li {
	background:	url(../img/common/microsites/frp_blt_mainnav_off.png) no-repeat 50% 100%;
	float:		left;
	height:		44px;
	line-height:14px;
	padding:	0;
	width:		160px;
}

section#microsites nav#menu ul li.active {
	background: url(../img/common/microsites/frp_bck_linia-active.png) no-repeat 50% 100%;
}

section#microsites nav#menu ul li a.active {
	border-bottom:1px solid #54301a;
	color:		#54301a;
	padding: 	0 0 24px 0;
}

section#microsites nav#menu ul li a {
	-webkit-transition: color 0.5s ease;
	-moz-transition:	color 0.5s ease;
	-o-transition: 		color 0.5s ease;
	transition:			color 0.5s ease;
	color:		#888;
	font:		400 11px 'Tienne', 'EB Garamond', Arial, Helvetica, sans-serif;
	line-height:14px;
	overflow:	hidden;
	padding: 	0 0 19px 0;
	text-align:	center;
	text-transform:uppercase;
	width:		115px!important;
}

section#microsites nav#menu ul li a:hover {
	color:		#000;
}




/* MOBILE CSS -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

/* Mobile General Styles */

@media handheld, only screen and (max-width: 767px) {
html													 { }

@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
html													 { }

}


/* IPAD ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

html													{ }

}