/* ====================================================================================================================================================================
E U R O P R O G E T T I
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Description:		     Stili home
Filename:			     home.css
Theme URI:			     http://www.europrogettistudiotermotecnico.it/
Date:				     Aprile 2012
Author: 			     Federico Pieralisi

==================================================================================================================================================================== */

* {
	margin:                0px;
	padding:               0px;
}

img {
	border:                0px;	
}

html, body {
	background:            #E8E8E8;
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             14px;
	overflow-x:            hidden;
}

#container {
	position:              absolute;
	width:                 1000px;
	height:                100%;
	top:                   0px;
	left:                  50%;
	background:            url(../imgs/homepage_background.png) top center no-repeat;
	margin:                0px 0px 0px -500px;
}

a {
	color:                 #DD5F11;
	text-decoration:       none;
}

a:hover {
	text-decoration:       underline;
}

.cufon-loading {
	visibility:            hidden !important;
}

/* MAIN MENU */

#mainMenu {
	position:              absolute;
	width:                 1000px;
	height:                45px;
	top:                   0px;
	left:                  35px;
	text-transform:        uppercase;
	z-index:               100;
}

#mainMenu a.button {
	display:               block;
	float:                 left;
	height:                37px;
	color:                 #000000;
	font-size:             32px;
	padding-top:           8px;
	padding-left:          12px;
	padding-right:         12px;
}

#mainMenu a.button.active {
	background:            #CDCDCD;
}

#mainMenu a.button:hover {
	background:            #CDCDCD;
}

a#logo {
	position:              absolute;
	width:                 430px;
	height:                73px;
	top:                   60px;
	left:                  35px;
	background:            url(../imgs/logo.png) no-repeat;
	z-index:               100;
}

#keywords {
	position:              absolute;
	width:                 286px;
	top:                   0px;
	right:                 0px;
	color:                 #666666;
}

#servizi {
	position:              absolute;
	width:                 450px;
	height:                132px;
	top:                   133px;
	left:                  25px;
	background:            url(../imgs/homepage_servizi.png) no-repeat;
	z-index:               90;
}

#motto {
	position:              absolute;
	width:                 350px;
	height:                200px;
	top:                   10px;
	right:                 60px;
	background:            url(../imgs/homepage_motto.png) no-repeat;
	z-index:               90;
}

#onda {
	position:              absolute;
	width:                 940px;
	height:                387px;
	top:                   50px;
	left:                  0px;
	background:            url(../imgs/homepage_onda.png) no-repeat;
	z-index:               80;
}

#colonna {
	position:              absolute;
	width:                 286px;
	height:                100%;
	min-height:            1230px;
	top:                   0px;
	right:                 0px;
	background:            #666666;
}

#presentazione {
	position:              absolute;
	width:                 502px;
	min-height:            200px;
	top:                   270px;
	left:                  35px;
	background:            #FFFFFF;
	color:                 #333333;
	font-size:             14px;
	text-align:            justify;
	line-height:           17px;
	padding-top:           40px;
	padding-left:          40px;
	padding-right:         98px;
	padding-bottom:        20px;
}

#presentazione a.entra {
	display:               block;
	height:                24px;
	background:            url(../imgs/button_forward.png) top right no-repeat;
	font-weight:           bold;
	text-align:            right;
	padding-top:           2px;
	padding-right:         30px;
	margin-top:            15px;
}

#presentazione a.entra:hover {
	text-decoration:       none;
	color:                 #94C85F;
}

#presentazione #photogallery {
	position:              relative;
	width:                 500px;
	height:                400px;
	color:                 #FFFFFF;
	overflow:              hidden;
	margin-top:            10px;
	margin-bottom:         15px;
}

#presentazione #photogallery img {
	width:                 500px;
	height:                400px;
}

#presentazione #nav  {
	position:              absolute;
	left:                  49px;
	bottom:                44px;
	background:            url(../imgs/royalslider_velina.png);
	z-index:               100;
	padding-top:           6px;
	padding-left:          6px;
	padding-right:         2px;
	padding-bottom:        6px;
}

#presentazione #nav a {
	display:               inline-block;
	width:                 10px;
	background:            #CF9;
	color:                 #5A7F36;
	font-weight:           bold;
	font-size:             10px;
	border:                1px solid #FFFFFF;
	text-decoration:       none;
	text-align:            center;
	padding-top:           0px;
	padding-left:          4px;
	padding-right:         4px;
	padding-bottom:        0px;
	margin-right:          5px;
}

#presentazione #nav a:hover {
	background:            #5A7F36;
	color:                 #FFFFFF;
}

#presentazione #nav a.activeSlide {
	background:            #5A7F36;
	color:                 #FFFFFF;
}

a#facebook {	
	position:              absolute;
	width:                 140px;
	height:                42px;
	top:                   1127px;
	left:                  35px;
	background:            url(../imgs/facebook.png) no-repeat;
	z-index:               100;
}

#facebookLike {	
	position:              absolute;
	top:                   1175px;
	left:                  35px;
	z-index:               100;
}

#shinystat {	
	position:              absolute;
	top:                   1127px;
	left:                  185px;
	z-index:               100;
}

a#boxServizi {	
	position:              absolute;
	width:                 229px;
	min-height:            208px;
	top:                   220px;
	right:                 100px;
	background:            #313131 url(../imgs/footer_boxservizi_img.jpg) center 47px no-repeat;
	color:                 #FFFFFF;
	font-size:             12px;
	text-align:            justify;
	line-height:           13px;
	padding-top:           10px;
	padding-left:          20px;
	padding-right:         20px;
	padding-bottom:        10px;
	z-index:               100;
}

a#boxServizi:hover {
	background:            #063 url(../imgs/footer_boxservizi_img.jpg) center 47px no-repeat;
	text-decoration:       none;
}

a#boxServizi h2 {
	color:                 #FFFFFF;
	font-size:             30px;
	text-transform:        uppercase;
	text-align:            right;
	margin-bottom:         97px;
}

a#boxPratiche {
	position:              absolute;
	width:                 229px;
	min-height:            208px;
	top:                   490px;
	right:                 100px;
	background:            #313131 url(../imgs/footer_boxpratiche_img.jpg) center 47px no-repeat;
	color:                 #FFFFFF;
	font-size:             12px;
	text-align:            justify;
	line-height:           13px;
	padding-top:           10px;
	padding-left:          20px;
	padding-right:         20px;
	padding-bottom:        10px;
	z-index:               100;
}

a#boxPratiche:hover {
	background:            #063 url(../imgs/footer_boxpratiche_img.jpg) center 47px no-repeat;
	text-decoration:       none;
}

a#boxPratiche h2 {
	color:                 #FFFFFF;
	font-size:             30px;
	text-transform:        uppercase;
	text-align:            right;
	margin-bottom:         97px;
}

#anagrafica {
	position:              absolute;
	color:                 #333333;
	font-size:             11px;
	font-weight:           bold;
	text-align:            right;
	top:                   1126px;
	left:                  430px;
	z-index:               100;
}

#anagrafica b {
	color:                 #DD5F11;
	font-weight:           normal;
}

#anagrafica a {
	color:                 #333333;
	text-decoration:       none;
}

#anagrafica a:hover {
	color:                 #DD5F11;
}

a#poweredby {
	display:               block;
	width:                 83px;
	height:                25px;
	background:            url(../imgs/poweredby.png) no-repeat;
	margin-top:            740px;
	margin-left:           190px;
}

a#privacy {
	display:               block;
	width:                 120px;
	background:            url(../imgs/footer_privacy.png) no-repeat;
	color:                 #94C85F;
	font-size:             11px;
	padding-top:           3px;
	padding-left:          20px;
	margin-top:            -20px;
	margin-left:           10px;
}

a#privacy:hover {
	text-decoration:       underline;
}

/* Popup PRIVACY */

#popupPrivacy {
	background:            #E8E8E8 url(../imgs/popup_privacy_lock.png) 20px 15px no-repeat;
	color:                 #000000;
	font-size:             12px;
	padding:               20px;
}

#popupPrivacy h4 {
	font-size:             32px;
	color:                 #DD5F11;
	border-bottom:         1px dashed #DD5F11;
	padding-top:           7px;
	padding-left:          70px;
	padding-bottom:        20px;
	margin-bottom:         12px;
}

#popupPrivacy h5 {
	font-size:             11px;
	color:                 #DD5F11;
	border-bottom:         1px dotted #DD5F11;
	padding-top:           10px;
	padding-bottom:        2px;
	margin-bottom:         3px;
}

#popupPrivacy p {
	text-align:            justify;
}