/*--------------------------------------------------
general
--------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; color: #555; background-repeat: repeat; background-color: #f4f3f3; }
.bg_color {
	background-color: #f4f3f3;
}

body #sthoverbuttons { top: 42% }
p { margin-bottom: 15px; font-size: 13px; line-height: 20px; text-align: left; }
img { vertical-align: top }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
.pr { position: relative }
.pa { position: absolute }
.pf { position: fixed }
.fs18 { font-size: 18px }
.fs20 { font-size: 20px }
.fs22 { font-size: 22px }
::-moz-selection { background: #cccccc; color: #fff; }
::selection { background: #cccccc; color: #fff; }
:focus { outline: 0 }
.colore_logo { }
/*--------------------------------------------------
header
--------------------------------------------------*/
.header { height: 70px; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9); z-index: 999; }
.logo img { text-indent: -5000px; display: block; height: auto; width: 250px; position: absolute; left: 0px; top: 0px; margin-top: 0px; background-repeat: no-repeat; background-position: center 5px; }
/*--------------------------------------------------
showreel
--------------------------------------------------*/
.showrell {
	display: block;
	width: 100%;
	height: 513px;
	background-color: #E8E8E8;
	overflow: hidden;
	position: relative;
	background-image: url(../assets/css/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.home_slide_text { position: relative; z-index: 2; height: 100%; margin-right: auto; margin-left: auto; }
.home_slide_text div { position: absolute; width: 100%; z-index: 3; top: 50%; right: 0px; color: #ffffff; text-decoration: none; }
/*top*/
.home_slide_text.top.left div { top: 12%; right: auto; left: 0px; text-align: left; }
.home_slide_text.top.right div { top: 12%; right: 0px; left: auto; text-align: right; }
/*bottom*/
.home_slide_text.bottom.left div { top: auto; bottom: 8%; left: 0px; right: auto; text-align: left; }
.home_slide_text.bottom.right div { top: auto; bottom: 8%; right: 0px; left: auto; text-align: right; }
.home_slide_text .tit { font-size: 42px; display: block; margin-bottom: 10px; line-height: 44px; font-family: "open_sansbold", Arial, Helvetica, sans-serif; }
.home_slide_text .text {
	font-size: 14px;
	display: block;
	margin-bottom: 40px;
}
.home_slide_text .link { display: block; text-transform: uppercase; }
.home_slide_text span { text-shadow: 0 2px 3px rgba(0,0,0,.2) }
/*--------------------------------------------------
pannello laterale sx
--------------------------------------------------*/
#panel { position: fixed; top: 10%; left: 2%; width: 552px; height: 542px; z-index: 999; display: none; }
#panel:hover { cursor: e-resize }
#panel .panel_cont { width: 490px; height: 440px; z-index: 999; padding-top: 50px; padding-right: 35px; padding-bottom: 42px; padding-left: 30px; background-color: #FFF; border: 1px solid #c2c2c2; position: absolute; }
#panel .feedContent { height: 440px; width: 448px; overflow: hidden; }
a.trigger { top: 270px; display: block; background-image: url(../images/btnPannello_sx.png); background-repeat: no-repeat; background-position: -18px 20px; padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; left: 0px; height: 135px; width: 23px; z-index: 999; position: fixed; }
a.trigger:hover { top: 270px; display: block; background-image: url(../images/btnPannello_sx.png); background-repeat: no-repeat; background-position: -13px 20px; padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; left: 0px; height: 135px; width: 23px; z-index: 999; position: fixed; }
a.active.trigger { background-image: url(../images/btnPannello_sx.png); background-repeat: no-repeat; background-position: -75px 0; height: 89px; width: 58px; top: 290px; z-index: 1000; }
a.active.trigger:hover { }

/*--------------------------------------------------
blocchi
--------------------------------------------------*/
#blocchi {}
#blocchi .blocco { -webkit-border-radius: .0em; -moz-border-radius: .0em; border-radius: .0em; -webkit-box-shadow: 0px 1px 5px rgba(204,204,204,.8); -moz-box-shadow: 0px 1px 5px rgba(204,204,204,.8); box-shadow: 0px 1px 5px rgba(204,204,204,.8); height: 130px; padding: 30px; background-color: #FCFCFC; }
#blocchi .blocco:hover { -webkit-box-shadow: 0px 1px 10px rgba(153,153,153,.9); -moz-box-shadow: 0px 1px 10px rgba(153,153,153,.9); box-shadow: 0px 1px 10px rgba(153,153,153,.9); }
#blocchi .blocco h3 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: normal;
}
#blocchi .info { margin-bottom: 0px; padding: 0px; height: auto; }
#blocchi .info { -webkit-border-radius: .0em; -moz-border-radius: .0em; border-radius: .0em; -webkit-box-shadow: 0px 0px 0px rgba(204,204,204,.0); -moz-box-shadow: 0px 0px 0px rgba(204,204,204,.0); box-shadow: 0px 0px 0px rgba(204,204,204,.0); }
#blocchi .info:hover { -webkit-box-shadow: 0px 0px 0px rgba(204,204,204,.0); -moz-box-shadow: 0px 0px 0px rgba(204,204,204,.0); box-shadow: 0px 2px 1px rgba(204,204,204,.0); }
#blocchi .social { margin-left: 0px; width: 100%; padding-top: 0px; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #E8E8E8; }
/* twitter */
#blocchi { font-size: 12px }
#blocchi .tweet { border-bottom: 1px dotted #ccc; margin-top: 0; margin-right: auto; margin-bottom: 8px; margin-left: auto; padding-top: 0; padding-right: 0; padding-bottom: 8px; padding-left: 0; }
#blocchi .tweet a { text-decoration: none; text-decoration: none;  }
#blocchi .tweet a:hover { text-decoration: underline; }
#blocchi .tweet .time { font-size: 10px; font-style: italic; color: #333333; font-weight: bold; }


/*--------------------------------------------------
social
--------------------------------------------------*/
#icone_social { overflow: hidden; top: 3px; width: 90px; height: 25px; position: absolute; right: 10px; }
#icone_social ul { list-style-type: none; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 5px; }
#icone_social ul li { float: left; padding-left: 0px; margin-left: -2px; }
#icone_social ul li a { list-style-type: none; height: 25px; width: 25px; margin-left: 5px; text-indent: -9999px; overflow: hidden; display: block; margin-right: 0px; }
.twitter a, .facebook a, .linkedin a, .youtube a, .flickr a { background-image: url(../images/ico_social/ico_social.png); background-repeat: no-repeat; }
.facebook a { background-position: 0px 0px }
.facebook a:hover { background-position: 0px -25px }
.twitter a { background-position: -29px 0px }
.twitter a:hover { background-position: -29px -25px }
.linkedin a { background-position: -88px 0px }
.linkedin a:hover { background-position: -88px -25px }
.flickr a { background-position: -58px 0px }
.flickr a:hover { background-position: -58px -25px }
.youtube a { background-position: -118px 0px }
.youtube a:hover { background-position: -118px -25px }


.social { overflow: hidden; padding-top: 22px; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-right: auto; margin-left: auto; width: 212px; }
.social ul { list-style-type: none; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px; }
.social ul li { float: left; border-bottom-style: none; }
.social ul li a { list-style-type: none; height: 25px; width: 25px; margin-right: 5px; margin-bottom: 0; margin-left: 0; text-indent: -9999px; overflow: hidden; display: block; padding-top: 0px; padding-bottom: 0px; }

/*--------------------------------------------------
socialMedia
--------------------------------------------------*/
#socialMediaTop { overflow: hidden; margin-top: 6px; margin-right: 0px; margin-bottom: 0; margin-left: 0; }
#socialMediaTopName { color: #000; font-size: larger; font-weight: bold; }
#socialMediaImage { float: left; padding-top: 0; padding-right: 6px; padding-bottom: 0px; padding-left: 0px; }
#socialMediaImage img { width: 50px; height: auto; }
#loadingSpacer { text-align: center;  }
#loadingSpacer img { height: 40px; width: 40px; margin-top: 100px; }
.socialMedia { font-size: 16px; line-height: 24px;}
.socialMedia a { text-decoration: none; color: #333; }
.socialMediaBlurb { overflow: hidden; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.socialMediaBlurb img { width: 100%;}
.twSearchIcon { float: left; width: 48px; height: 48px; }
.twSearchHeader, .twSearchBody { margin-left: 54px }
.fbFooter { padding-top: 10px }
.fbAttachement { padding-top: 20px }
.fbAttDescription { padding-top: 3px }
.fbMessage { padding-top: 3px }
.fbAttachement { overflow: hidden }
.fbAttImage { float: left; padding-right: 10px; }
.fbFrom a { font-weight: bold; color: #67bb25; }
.fbAttName { font-weight: bold; color: #67bb25; }
.fbAttCaption { color: #666; font-size: 11px; }
.fbAttDescription { }
.fbFooter a { color: #666; font-size: 13px; font-weight: normal; display: none; }
.fbCreated { color: #666; font-size: 11px; }


.personale { 
	width:100%;
	margin-top:50px;
	background-color: #67bb25;
	position:fixed;
	bottom:0px;
	left: 0px;
	right: 0px;
	min-height: 45px;
}