/*CSS Document
---- Oracle Css----*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
}
BODY
{
	color: #666666;
	background: #C8C8C8 url(../images/taglio/sfo_body.jpg) repeat-x 0 0;
	margin: 0px 0;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
/*---- Tipografia  -----------------------------------------------------------------------------------------------------------------------*/
H1
{
	font-size: 230%;
	color: #3B3B3B;
	font-weight: lighter;
	line-height: 1.2em;
	margin: 10px 0px 5px;
	padding: 0;
}
H2
{
	color: #666;
	margin: 0 0 10px;
	font-size: 160%;
	font-weight: lighter;
	padding-bottom: 0;
	line-height: 1.5em;
}
H3
{
	color: #EB931B;
	font-size: 115%;
	font-weight: bold;
	margin: 10px 20px 0 10px;
	padding: 0;
}
H4
{
	color: #333;
	font-size: 100%;
	padding: 5px 5px 2px 0px;
	margin: 0px 20px 0px 10px;
}
P
{
	padding: 0;
	margin: 0 0 15px 10px;
}
UL
{
	margin: 0px 20px;
	padding: 5px 5px 5px 20px;
}
LI
{
	list-style: none;
	background: url(../images/taglio/li.jpg) no-repeat 0 4px;
	padding: 0px 0px 5px 30px;
}
/*---- immagini  ---------------------------------------------------------------------------------------------------------------------*/
IMG
{
	background: #FFF;
	margin: 0px;
	border: 1px solid #CCC;
	padding: 5px;
}
/*---- link  -----------------------------------------------------------------------------------------------------------------------*/
A:link, A:visited
{
	color: #333333;
	text-decoration: none;
}
A:hover
{
	color: #333333;
	text-decoration: underline;
}
/*Wrap contenitore pagina-------------------------------------------------------------------------------------------------------------------*/
#wrap
{
	text-align: left;
	width: 900px;
	margin: 0 auto;
	position: relative;
}
/*---- Content  ----------------------------------------------------------------------------------------------------------------------*/
#content-wrap
{
	clear: both;
	width: 870px;
	float: left;
	padding: 8px 15px;
	background: #FFF url(../images/taglio/sf_content.jpg) repeat-x left top;
/*border: 1px solid #9A9A9A;
*/
}
#content-box
{
	clear: both;
	width: 868px;
	float: left;
	padding: 8px 15px;
	background: #FFF url(../images/taglio/sf_box.jpg) repeat-x left top;
	margin: 15px 0;
	border: 1px solid #939393;
}
/*-----------------header--------------------------------------------------------------------------------------------------------------------------*/
#header
{
	background: url(../images/taglio/sfo_header.jpg) no-repeat 0 0;
	width: 900px;
	height: 251px;
	position: relative;
}
#header IMG
{
	padding: 0;
	border: none;
	margin: 0;
}
#logo
{
	margin: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
#logo A:link, #logo A:visited
{
	display: block;
	width: 189px;
	height: 35px;
	z-index: 9999;
}
/*-----------------header photo--------------------------------------------------------------------------------------------------------------------------*/
#header_photo
{
	width: 900px;
	height: 200px;
	position: relative;
	top: 51px;
}
#header_photo A.home
{
	float: left;
	display: block;
	width: 350px;
	height: 160px;
	float: left;
}
#header_photo A.master
{
	background: url(../images/header_master.jpg) no-repeat right top;
	display: block;
	width: 400px;
	height: 190px;
	float: right;
}
/*---- Navigation  ----------------------------------------------------------------------------------------------------------------------*/
#nav
{
	left: 220px;
	padding: 0px;
	height: 35px;
}
#nav LI
{
	float: left;
	background: none;
	padding: 10px 0;
	margin: 0;
	border-right: 1px solid #DADADA;
	border-left: 1px solid #F9F9F9;
}
#nav LI A:link, #nav LI A:visited
{
	margin: 0px 10px;
	padding: 10px 8px 9px;
	color: #1D1B1C;
	font-size: 115%;
}
#nav LI A:hover
{
	border-bottom: 2px solid #EF9922;
	text-decoration: none;
}
/*---- Sidebar  ----------------------------------------------------------------------------------------------------------------------*/
#sidebar
{
	margin: 0px;
	width: 257px;
	float: left;
	padding: 20px 0 0 20px;
}
#sidebar h3 {
	font-size: 140%;
	padding: 0;
	margin: 20px 0 10px 0;
	color:#373737;
}
#sidebar h3.ambiti {
	background: url(../images/ambiti.jpg) no-repeat left top;
	padding: 7px 0 0 60px;
	margin: 20px 0 10px 0;
	display: block;
	height: 30px;
}
#sidebar P
{
	padding: 0;
	margin: 0 0 15px;
}
/*---- Sidebar BOX  ----------------------------------------------------------------------------------------------------------------------*/
#sidebar SPAN.box_24
{
	background: url(../images/box_24h.jpg) no-repeat left top;
	display: block;
	width: 243px;
	height: 190px;
	color: #373737;
	font-size: 105%;
	line-height: 150%;
	padding: 115px 10px 0 20px;
	margin-bottom: 15px;
}
#sidebar ul {
	margin: 0;
}
#sidebar ul li {
	margin: 5px 0 5px 0;
	padding: 0 0 10px 30px;
	border-bottom: 1px solid #CCC;
}
#sidebar ul li strong {
	color: #1D1B1C;
}
/*------------Immagini e testo Float----------------------*/
.parag_img DIV
{
	margin: 15px 0 10px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 0 0 5px;
	float: left;
	width: 100%;
}
#main .parag_img P
{
	width: 320px;
	margin: 0;
}
.parag_img .right
{
	width: 400px;
	float: right;
	border: none;
}
#main .parag_img H3
{
	font-size: 160%;
	padding: 0;
	margin: 0 0 10px;
	width: 350px;
	color: #373737;
}
.parag_img DIV.left IMG
{
	float: left;
	margin: 0 15px 15px 0;
	padding: 30px 0 0;
	border: none;
}
.parag_img DIV.left A IMG
{
	border: none;
}
A.call2
{
	color: #F5A71B;
	text-decoration: none;
	margin: 10px 0;
	padding: 8px 10px 0 15px;
	font-size: 160%;
	font-weight: lighter;
	background: url(../images/taglio/arrow_call.jpg) no-repeat right top;
	width: 200px;
	height: 26px;
	display: block;
}
A:hover.call2
{
	text-decoration: underline;
	background: url(../images/taglio/arrow_call.jpg) no-repeat right top;
	width: 200px;
	height: 26px;
	display: block;
}
A.call3
{
	color: #F5A71B;
	text-decoration: none;
	margin: 10px 0;
	padding: 8px 10px 0 15px;
	font-size: 160%;
	font-weight: lighter;
	background: url(../images/taglio/arrow_call.jpg) no-repeat right top;
	width: 340px;
	height: 26px;
	display: block;
}
A:hover.call3
{
	text-decoration: underline;
	background: url(../images/taglio/arrow_call.jpg) no-repeat right top;
	width: 340px;
	height: 26px;
	display: block;
}
/*------------box inferiore VIDEO e Master 24h----------------------*/
#content-box #box_left
{
	margin: 0;
	padding: 8px;
	float: left;
	width: 410px;
	border-right: 1px dotted #CCC;
}
#content-box #box_right
{
	margin: 0;
	padding: 8px;
	float: right;
	width: 410px;
}
#content-box IMG.left
{
	float: left;
	border: none;
}
#content-box SPAN
{
	width: 200px;
	float: right;
	display: block;
	margin: 0 0 0 10px;
}
#content-box H3
{
	font-size: 160%;
	font-weight: lighter;
	color: #343333;
	margin: 0 0 20px;
	padding: 0;
}
#content-box H4
{
	font-style: italic;
	font-size: 120%;
	font-weight: lighter;
	color: #333;
	width: 200px;
	float: right;
	margin: 0 0 5px 10px;
	padding: 0;
	line-height: 120%;
}
A.call_box
{
	color: #373737;
	text-decoration: underline;
	margin: 10px 0;
	padding: 8px 10px 0 15px;
	font-size: 130%;
	font-weight: lighter;
	background: url(../images/taglio/arrow_call.jpg) no-repeat right top;
	width: 200px;
	height: 26px;
	display: block;
	clear: both;
}
P A:hover.call_box
{
	text-decoration: underline;
	width: 200px;
	height: 26px;
	display: block;
	color: #EA941D;
}
P A#call_video
{
	color: #373737;
	text-decoration: underline;
	margin: 10px 0;
	padding: 16px 10px 0 65px;
	font-size: 130%;
	font-weight: lighter;
	background: url(../images/play.jpg) no-repeat left top;
	display: block;
	height: 38px;
	clear: both;
}
A:hover.call_video
{
	text-decoration: underline;
	color: #EA941D;
}
/*---- Main Column  ----------------------------------------------------------------------------------------------------------------------*/
#main
{
	padding: 20px 15px 15px;
	margin: 0 auto;
	color: #666;
	float: left;
	width: 549px;
	border-right: 1px solid #CCC;
}
#main UL.pdf_list
{
	color: #666;
	background: none;
	padding: 0px 20px 10px 10px;
	margin: 0;
}
#main UL.pdf_list LI
{
	list-style: none;
	background: url(../images/taglio/pdf.jpg) no-repeat -5px 5px;
	color: #666;
	padding: 0 0 10px 70px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	font-size: 120%;
}
#main UL.pdf_list LI P
{
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}
#main A:link.scarica, #main A:visited.scarica
{
	background: url(../images/taglio/scarica.png) no-repeat 0 0;
	height: 53px;
	font-weight: bold;
	margin: 5px 0 10px 0px;
	display: block;
	width: 100%;
	padding: 20px 0 0;
}
#main A:hover.scarica
{
	background: url(../images/taglio/scarica.png) no-repeat 0 -29px;
}
/*---- ---- footer  ----------------------------------------------------------------------------------------------------------------------*/
#footer
{
	background: url(../images/taglio/sf_footer.jpg) top left;
	clear: both;
	margin: 0;
	width: 900px;
	text-align: center;
	padding: 15px 0px 0px;
}
#footer UL
{
	padding: 0.2em 0;
	margin: 0 auto;
	list-style-type: none;
	width: 820px;
	text-align: center;
}
#footer LI
{
	display: inline;
	line-height: 22px;
	font-size: 90%;
	background: none;
}
#footer LI A
{
	text-decoration: none;
	color: #C8C8C8;
	padding: 0 5px;
	border-right: 1px solid #C8C8C8;
}
#footer LI A:hover
{
	color: #C8C8C8;
}
#footer P
{
	clear: both;
	padding: 10px 0px 15px;
	margin: 15px 0 0;
	font-size: 12px;
	color: #FFF;
}
#footer STRONG
{
	color: #FFF;
}
#footer SPAN A:link, #footer SPAN A:visited
{
	color: #F2931B;
	font-weight: bold;
	display: inline;
}
#footer P A:link, #footer P A:visited
{
	color: #F2931B;
}
#footer P A:hover
{
	color: #F2931B;
}
/*---- altre classi  ----------------------------------------------------------------------------------------------------------------------*/
.float-left
{
	float: left;
}
.clear
{
	clear: both;
}
.sep
{
	background: url(../images/taglio/sep.png) repeat-x 0 0;
	width: 100%;
	height: 2px;
	margin: 10px auto;
	clear: both;
}
.pdf_img_float
{
	float: left;
	margin: 0 0 0 10px;
	border: none;
}
.pdf_text_float
{
	float: left;
	padding: 20px 0 0;
	margin: 0 0 0 10px;
	border: none;
}
/*----------------FORM BOX------------------------------*/
FIELDSET
{
	border: 0;
	margin-top: 15px;
}
#nomesia_form
{
	font-size: 13px;
	clear: both;
	margin: 0 0 0 20px;
}
#nomesia_form DIV
{
	margin: 9px 0;
	clear: both;
}
#nomesia_form #tipologia_lead_container {
visibility:hidden;
display:none;
}
#nomesia_form LABEL
{
	display: block;
	width: 170px;
	float: left;
	color: #353334;
	font-size: 125%;
}
#nomesia_form TEXTAREA, #nomesia_form INPUT, #nomesia_form SELECT
{
	color: #333;
	border: 1px solid #CCC;
	background-color: #E1E1E1;
	border: 1px solid #B9B9B9;
	width: 280px;
	margin-bottom: 10px;
	padding: 3px;
}
#nomesia_form INPUT:focus, #nomesia_form SELECT:focus
{
	color: #333;
	border: 1px solid #CCC;
	background-color: #E1E1E1;
	border: 1px solid #CCC;
	width: 280px;
	margin-bottom: 10px;
}
#nomesia_form TEXTAREA
{
	width: 280px;
	height: 100px;
}
#nomesia_form TEXTAREA:focus
{
	background: #FFF;
}
#nomesia_form #privacy_container
{
	border: none;
	float: left;
}
#nomesia_form #privacy_container INPUT
{
	margin: 10px 20px 0 0;
	padding: 0;
	background: none;
	border: none;
	width: 15px;
	float: left;
}
#nomesia_form #privacy_container LABEL
{
	float: left;
	display: block;
	width: 400px;
	font-size: 90%;
}
#nomesia_form .button_form
{
	margin: 0 auto;
	background: url(../images/taglio/invia.jpg) no-repeat;
	width: 137px;
	height: 47px;
	display: block;
	border: 0;
	font-weight: bold;
	font-size: 120%;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	color: #29272A;
	letter-spacing: 1px;
	padding: 0 0 0 20px;
}
#nomesia_form INPUT:focus.button_form
{
	background: url(../images/taglio/invia.jpg) no-repeat;
	width: 137px;
	height: 47px;
	display: block;
	border: 0;
}
#messaggio_container LABEL
{
	padding-bottom: 15px;
}
/*#tipologia_lead_container {
visibility:hidden;
display:none;
}*/