/* CSS Document */

body{
margin:0px;
padding:0px;
background-color:#F1F0F0;
/*F4E1E1*/
}

a, img{
border:none;
text-decoration:none;
}

.bold{
font-weight:bold;
}

.clear{
clear:both;
}

#big{
margin: 0 auto;
width: auto;
}

/* ------- STYLE BASIC F I N E  --------------- */


/* --------TESTATA--------- */

/* linea arancio in alto */
#sf_arancio_top{
width:auto;
background-color:#FF8A00;
height:13px;
}

/* sfondo bianco della pagina in alto (visto che lo sfondo pagina è grigio) */
#sf_bianco_top{
width:auto;
background-color:#FFFFFF;
height:210px;
}

/* serve per limitare lo spazio per inserire il logo e il txt in alto */
#header{
margin: 0 auto;
width: 1001px;
/* height:150px;*/
position:relative; /* Aggiunto per test*/
height:210px;
}

/* logo wecall a sinistra */
#logo{
position:absolute; /* Aggiunto per test*/
padding-top:5px;
padding-bottom:5px;
width:334px;
top:1px;
left:10px;
}

/*  parte in alto a destra della testata dove si può inserire 
mini menu o del testo tipo il telefono o riferimenti
BACKUP EX TXT TOP CON LINK   */
/* #txt_top{
position:absolute;
display:block;
font-family:Calibri;
font-size:14px;
font-weight:bold;
left:650px;
top: 16px;
width:180px;
}

#txt_top a {
color:#666666;
text-decoration: none; 
padding:0 3px;
}
  
#txt_top a:hover{
text-decoration:underline;
}
*/

#txt_top{
position:absolute;
display:block;
font-family:"Trebuchet MS";
font-size:15px;
font-weight:bold;
left:580px;
top: 2px;
width:400px;
color:#666666;
}

#txt_top a {
color:#666666;
text-decoration: none; 
padding:0 3px;
}
  
#txt_top a:hover{
text-decoration:underline;
color:#990000;
}

.titolino{
text-decoration:underline;
color:#666666;
font-size:15px;
}

.ttItalia{
font-style:italic;
}

/* loghini fb twitter e skype in alto a destra della testata */
#loghini_social{
position:absolute;
/*margin: 18px 20px 0 0;*/
left:820px;
top: 16px;
}

/*-------------   MENU PRINCIPALE ----------------- */

#menu_principale{
position:absolute;
/*padding: 150px 0 0 150px; */
left:360px;
top: 120px;
}

ul#menu_principale {
	/*font-family: Calibri, Verdana, sans-serif;*/
	font-family:"Trebuchet MS";
    font-size: 18px;
    margin: 0px auto;
	/*width:950px;*/
	width:620px;
    padding: 0;
    list-style: none;
	clear:both;
	height:54px;
	display:block;	
}
  
ul#menu_principale li {
    background-color: #F8EFF0; 
    border-bottom: 3px solid #DAD6D5;
	border-top: 1px solid #DAD6D5;
	border-left: 1px solid #DAD6D5;
	border-right: 1px solid #DAD6D5;
    display: block;
    width: 146px;
    height: 46px;
    margin: 2px;
    float: left; /* elementi su singola riga */
}
  
ul#menu_principale li a {
    display: block;
    font-weight: bold;
	color:#000000;
    text-decoration: none;
    width: 146px;
    height: 46px;
    text-align: center;
	line-height:46px;
}
  
ul#menu_principale li a:hover, ul#menu_principale li a.active {
    color:#FFFFFF;
	background-color:#FF9302;
    border-bottom: 3px solid #D20000;
}

/* ------------ MENU PRINCIPALE  F I N E  --------------- */

.micro_menu{
font-size:13px;
font-weight:bold;
color:#FF3300;
border-bottom: 1px solid #D40001;
}

/* ------------ I N I Z I O  CORPO SITO   --------------- */

/* -----immagine di leggera ombra che divide la testata > tra il menu principale ed il corpo pagina
SE NON C'è L'IMMAGINE GRANDE    ------ */


.img_ombretta_h_b{
margin: 0 auto;
padding: 0;
width:950px;
}

/* -----  sf arancio corpo se c'è l'immagine  ------ */
.sf_arancione_corpo{
background:url(img/bg_body_orange.jpg) repeat-x;
/*height:417px;*/
height:401px;
width:auto;
text-align:center;
}

.sf_arancione_corpo_bas{
background:url(img/bg_body_orange.jpg) repeat-x;
/*height:417px;*/
height:136px;
width:auto;
text-align:center;
}

/* -----  FINE corpo con immagine  ------ */

#corpo_ombra_pagina {
margin: 0 auto;
width:1028px;
min-height:450px;
background:url(img/bg_ombra_body.jpg) repeat-y;
padding-bottom:50px;
}

#corpo {
margin: 0px 40px;
padding: 4px 40px;
width:860px;
}

.txt_corpo{
color:#333333;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
text-align:justify;
width:760px;
margin: 8px 0px 20px 40px;
}

.titolo{
color:#333333;
font-family:Calibri;
font-size:18px;
font-weight:bold;
width:719px;
padding: 2px 22px;
background-image:url(img/sf_tit.jpg);
background-repeat:repeat-y;
height: 24px;
margin: 30px 0;
}

/*  in home page, i boxini con Claudio, Laura e i corsi string */
#content_boxini_home{
width: 860px;
height:340px;
margin-top: 25px;
}
/*  boxino Claudio e Laura con sf giallino */
.box_home{
  float: left;
  height: 333px;
  margin-left: 10px;
  width: 276px;
  background: url(img/sf_box_corpo_home.jpg) top no-repeat;
}


.box_home>div img{
padding:8px 9px 3px 9px;
}

#div_boxino_txt{
	padding: 0px 10px;
	margin:0;
	text-align:center;
}

#div_boxino_txt .div_single_txt{
color:#000000;
font-family: "Trebuchet MS";
font-size:17px;
padding-top:5px;
font-weight:bold;
}

#div_boxino_txt .size_nome{
font-size:20px;
}

#div_boxino_txt .size_psic{
letter-spacing:3px;
font-size:19px;
}

/*----------  boxino con i corsi e varie info senza sf giallino---------*/
.box_home_2{
  float: left;
  height: 333px;
  margin-left: 10px;
  width: 276px;
  background: url(img/sf_box_corpo_white.jpg) top no-repeat;
}

.div_boxino_home_attivita{
font-family:"Century Gothic";
font-size:15px;
color:#FF6701;
font-weight:bold;
text-align:left;
padding-left:11px;
line-height:20px;
padding-top:64px;
padding-bottom:5px;
}

.div_boxino_home_biofeedback{
font-family:"Century Gothic";
font-size:15px;
color:#6666CC;
font-weight:bold;
text-align:left;
padding-left:11px;
line-height:20px;
padding-top:5px;
padding-bottom:5px;
}



/*----------  boxino home link   ---------*/
.div_single_txt a:link{
    color:#000000;
	text-decoration: none;	
}

.div_single_txt a:hover {
	color: #D40000;
	text-decoration: underline;	
	}

#div_boxino_txt .div_link_cv{
padding-top:8px;
padding-right:7px;
font-size:13px;
color:#D60003;
text-align:right;
font-weight:bold;
}

.div_link_cv a:link, .div_link_cv a:visited{
color:#D60003;
}

.div_link_cv a:hover{
color:#D60003;
text-decoration:underline;
}


/* ------------ FOOTER   --------------- */

#sf_orange_footer{
	width:auto;
	background-color:#FF6700;
	height:130px;
	border-top: 2px solid #FF4800;
	
	}
	
#footer{
	color:#FFFFFF;
	font-family:Calibri;
	font-size:16px;
	margin: 0 auto;
	width:960px;
	padding: 20px 10px 15px 20px;
	text-align:center;
}

.riga_footer{
width:1000px;
border-bottom: 1px solid #fff;
margin-bottom:15px;
}

#footer p{
display:inline;
}

a.link_footer:link, a.link_footer:visited{
color:#FFFFFF;
text-decoration:none;
}

a.link_footer:hover{
color:#660000;
text-decoration:underline;
}

.shinystat{
margin: 0px 0px 0px 145px;
}
/* ------------ FOOTER  F I N E  --------------- */


/* ------------ TEST ZONE --------------- */
.mail {
padding-left:4px;
}

a.mail:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
a.mail:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;	
}


.txt_corsi{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:28px;
letter-spacing:0px;
}

.bull{
padding: 0 3px 0 3px;
}


/*------------ HOME PAGE ----------------- */

.img_left{
float:left;
margin-right:18px;
}

.img_right{
float:right;
padding-left:18px;
}



/*-------------- CONTATTI ------------------------ */

.div_ombra_contatti{
width:500px;
height:auto;
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
background-color:#FFF;
margin-bottom: 20px;
padding: 13px;
font-weight:bold;
}


a.mail_contatti:link, a.mail_contatti:visited{
color:#000000;
text-decoration:none;
}

a.mail_contatti:hover{
color:#D60003;
text-decoration:underline;
}

.sedi{
margin-left:55px;
font-weight:bold;
font-size:15px;

}

/*------------- CHI SIAMO --------------------  */


#rif_chi_siamo_psic{
width:630px;
height:79px;
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);
background-color:#Fff;
margin-bottom: 20px;
padding: 5px;
font-weight:bold;
margin:0 auto;
margin-bottom: 10px;
margin-top: 40px;
}

.claudioVolpe{
width:310px;
/*float:left;*/
margin:0 auto; 
padding: 5px 0px 5px 0px;
}


.lauraPochetti{
width:280px;
float:right;
padding: 5px 0px 5px 0px;
}

.sf_psic{
float:left;
width:3px;
background-color:#BEB88E;
height:70px;
}

a.link_page:link, a.link_page:visited{
color:#A40000;
text-decoration:none;
}

a.link_page:hover{
color:#A40000;
text-decoration:none;
}

/*------------- Pagine specifiche Claudio Volpe e Laura Pochetti --------------------  */