/*
Theme Name: nomecliente
Theme URI: 
Description: Tema per nomecliente
Author: Emotion Design
Author URI: http://www.emotiondesign.it
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/


-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	/*border-collapse: separate;
	border-spacing: 0;*/
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/*
----------------------------------------------- */

@font-face {
    font-family: 'hl';
    src: url('fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hb';
    src: url('fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-bd-webfont.svg#helveticaneuelt_stdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{margin: 0px; padding: 0px; text-align: center; font-family: 'hl', sans-serif; font-size: 15px; line-height: 23px; color: #000; background: url('images/back.jpg') no-repeat; background-size: cover;}

	*{box-sizing: border-box;}
	img{border: 0px;}

	ul{padding: 0px; margin: 0px; list-style: none;}

	a, a:hover{text-decoration: none;}

	div, p, form, h1, h2, h3, h4, h5{padding: 0px; margin: 0px; font-weight: normal;}

		#wrapper{width: 100%; text-align: left;}			
			
			#cookieChoiceInfo{background: url('images/sf_cookie.png'); color: #e7b9d2; min-height: 30px; font-size: 14px; line-height: 19px;}
				#cookieChoiceInfo a{font-size: 14px; color: #fff; font-family: 'hb', sans-serif; display: block; text-transform: uppercase;}
					#cookieChoiceInfo a:last-child{color: #e7b9d2;}
					#cookieChoiceInfo span{display: block; padding: 0px 30% 5px 30%;}

			/*HOME*/
			.control_mobile{display: block;}
			.control_music{font-family: 'hb', sans-serif; font-size: 13px; background: #e963aa; padding: 5px; text-align: right;}
				.control_music button{background: #a64177; border: 0px; padding: 3px 7px; color: #fff; cursor: pointer; display: none;}
				.control_music button#off_button{background: #a64177; border: 0px; padding: 3px 7px; color: #fdbbde; cursor: pointer; display: none;}
				/*.selected_button{background: #000 !important; color: #fff !important; display: inline-block;}*/

			#main{text-align: center;}
				
				#logo{padding: 8% 0px;}
					#logo img{width: 70%; height: auto;}
				
				#intro{padding: 0px 6%; font-size: 16px; line-height: 23px; color: #fff;}
					#intro h2{font-size: 24px; line-height: 28px; padding-bottom: 20px;}
					#intro strong{font-family: 'hb', sans-serif; font-weight: normal;}
			
			#footer{width: 100%; background: #ff6ebb; color: #6a2349; font-size: 12px; margin-top: 40px; padding: 20px 20px 20px 0px; overflow: hidden;}
				#footer_int{width: 100%; overflow: hidden;}
					#footer #social_links{float: none; width: 100%; text-align: center;}
						#footer #social_links strong{font-family: 'hb', sans-serif; font-weight: normal; font-size: 12px;}
						#footer #social_links a{color: #6a2349; font-family: 'hl', sans-serif; font-size: 15px;}
							#footer #social_links a:hover{color: #000;}
						.instag{display: inline-block; padding-right: 35px; background: url('images/instagram.gif') no-repeat; background-position: right center; margin-top: 4px;}
							.instag:hover{background: url('images/instagram_hover.gif') no-repeat; background-position: right center;}
					#footer #info_legal{float: none; width: 100%; text-align: center;}
						#info_legal .link{color: #6a2349; background: url('images/more.gif') no-repeat; background-position: right center; padding: 0px 20px 0px 0px;}
							#info_legal .link:hover{color: #000; background: url('images/more_hover.gif') no-repeat; background-position: right center; padding: 0px 20px 0px 0px;}
							.less{color: #6a2349; background: url('images/less.png') no-repeat; background-position: right top; padding: 0px 20px 0px 0px;}
								.less:hover{color: #000; background: url('images/less_hover.png') no-repeat; background-position: right top;}
							#info_legal_details{display: none;}
					
					.devv{display: inline-block; margin-top: 6px;}

					.divi_footer{text-align: center;}

					#footer a{color: #6a2349; font-family: hb, sans-serif;}
						#footer a:hover{color: #000;}
					#footer .more_info{background: url('images/more.gif') no-repeat; padding-left: 20px;}
	
			/*NORMAL*/
			body.normal{margin: 0px; padding: 0px; text-align: center; font-family: 'hl', sans-serif; font-size: 15px; line-height: 23px; color: #000; background: #fff;}
			#wrapper_normal{width: 100%; padding: 5% 6% 3% 6%; margin: 0px auto; text-align: justify;}
				#wrapper_normal h1{color: #ff51ad; font-family: 'hb', sans-serif; font-size: 22px; text-transform: uppercase; margin-bottom: 2%; font-weight: normal;}
				#wrapper_normal h2, #wrapper_normal h3{color: #000; font-family: 'hb', sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 2% 0px 1% 0px; background: url('images/divi_normal.gif') no-repeat; padding: 15px 0px 0px 0px;}
				#wrapper_normal h4{color: #000; font-family: 'hb', sans-serif; font-weight: normal; font-size: 14px; text-transform: uppercase; margin: 3% 0px 1% 0px;}
				#wrapper_normal a{color: #ff51ad; text-transform: uppercase;}
					#wrapper_normal a:hover{color: #000; text-transform: uppercase;}

				#wrapper_normal h1, #wrapper_normal h2, #wrapper_normal h3, #wrapper_normal h4{text-align: left;}


@media(min-width: 768px){
	#wrapper_normal{width: 50%; padding: 5% 0px 3% 0px;}
	#logo{padding: 40px 0px;}
		#logo img{width: auto; height: auto;}
		
		#intro{font-size: 22px; line-height: 40px;}
			#intro h2{font-size: 35px; line-height: 40px; padding-bottom: 30px;}
	
	#footer #social_links{float: left; width: 30%; line-height: 19px;}
	#footer #info_legal{float: right; width: 65%; text-align: right; line-height: 19px;}
		.divi_footer{display: none;}
}

@media(min-width: 960px){
	.control_mobile{display: none;}
	#footer{position:fixed; bottom: 0px; left: 0px;}
	#intro{padding: 0px 6% 150px;}
}

@media(min-width: 1180px){
	#intro{width: 1140px; margin: 0px auto; padding-left: 0px; padding-right: 0px;}
	#footer_int{width: 1140px; margin: 0px auto;}
}