@font-face {
   font-family: 'helveticaNeue';
   src: url(helveticaNeue.eot);
   src: local('helveticaNeue'), url('helveticaNeue.ttf') format('truetype');
}
/* -----------------------------------
Stili di base
------------------------------------ */
@media screen and (min-width: 10px) { 
	html,
	body, div, span, object,iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
	abbr, address, cite, code, del, dfn, em, img, ins, q,
	small, strong, sub, sup, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, figure, figure img, figcaption, hgroup, 
	footer, header, nav, section, video, object {
	    border: 0 none;
	    margin: 0;
	    padding: 0;
	    border: medium none;
	}
	body{
		background-color: #FFFFFF;
	    background-image: url("../images/bg.png");
	    background-repeat: repeat-x;
	    color: #FFFFFF;
	    font-size: 0.9em;
	    font-family: helveticaNeue,arial;
	}
	.wrapper{
		background-color: #FFFFFF;
	    margin: auto;
	    width: 100%;
	}
	.main{
            background-color: #121212;
            background-image: url("../images/bgHeader.png");
            background-position: center top;
            background-repeat: repeat-x;
            height: auto;
            margin: auto 0;
            position: fixed;
            width: 100%;
            z-index: 10000;
	}
	.main a.logo img {
		float:left;
	    height: 68px;
	    margin: 5px auto 0 1px;
	}
	.elementi_interni {
	    padding: 0 0 0 1em;
	    width: 95%;
	}
	.elementi_interni h1{
		color: #444141;
	    float: left;
	    font-size: 1.8em;
	    font-weight: bold;
	    margin: 25px 0 0;
	}
	#list{
		height:45px;
	}
	.main img{
		height: auto;
	    max-width: 100%;	
	}
	
	nav{
	 	float: right;
	    height: auto;
	    margin: 12px 1px 0 0;
	}
	.elementi_interni {
	    height: 91px;
	}	
	.tematiche div.skype{
		background-image: url("../images/skype.png");
	    cursor: pointer;
	    float: left;
	    height: 66px;
	    margin: 0 0 0 0.7em;
	    width: 156px;
	}
	.tematiche div.skype:hover{
		opacity:0.8;
	}
	#cont_menu{
		height: auto;
	    margin: auto;
	    padding: 0 0 20px;
	    text-align: right;
	    width: auto;
	    display:block;
	}
	.pulsantetab{
		border: medium none;
	    cursor: pointer;
	    display: none;
	    height: auto;
	    margin: 5px 0 0;
	    width: 140px;
	}
	.pulsantetab img:hover{
		opacity:0.8;
	}
	#list{
		background-image: url("../images/menu.png");
	    background-repeat: no-repeat;
	    display: none;
	    float: right;
	    height: auto;
	    margin: 3px 0 0;
	    width: 43px;
	}
	#list:hover{
		opacity:0.8;
	}
	#list select{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    border: medium none;
	    cursor: pointer;
	    height: 43px;
	    opacity: 0;
	    width: 56px;
	}
	#list option{
		background-color: #6ED3DB;
		background-position: center top;
		background-repeat: repeat-x;
		border-bottom: 1px solid #8BD1D6;
		color: #FFFFFF;
		font-family: arial;
		font-size: 1.5em;
		font-weight: normal;
		height: 20px;
		padding: 0.4em 0 0.4em 0.2em;
		text-shadow: 1px 0 0 #C1C1C1;
	}
	#list option:hover{
		opacity:0.8;
	}
	#list ul{
	    list-style: none outside none;
	}
	#list li.menu{
		border-bottom: 1px dashed #C1C1C1;
	    padding: 0;
	    text-align: right;
	}
	#list li{
		border-bottom: 1px dashed #C1C1C1;
	    font-weight: bold;
	    margin: 10px 0;
	    padding: 0 0 10px;
	}
	#list li a{
		text-decoration:none;	
	}
	#list li a.who, li a.contact{
		color: #CC284A;
	    font-size: 1.5em;
	    margin: 0 0 0 2px;
	}
	#list li a.contact{
		color:#14cb9e;
	}
	#list li a.who:hover, li a.contact:hover{
		color:#b1f3f9;
	}
	#biglist{
		display:none;
	}
	section{
		height: auto;
	    margin: auto;
	    padding: 7em 1em 0 0;
	    width: 95%;
	}	
	.home{
	    text-align: center;
	}
	.home img{
		height: auto;
	    max-width: 100%;
	}
	.home h1, .home h4{
	border-bottom: 1px solid #C1C1C1;
    border-top: 1px solid #C1C1C1;
    color: #545454;
    font-size: 1.2em;
    padding: 0.3em 0 0.2em;
    text-align: center;
    width: 100%;
	}
	.home div.welcome{
 		margin: 1em auto;
	}
	.home{
		float:left;
	    height: auto;
	    margin: 0 0 0 0;
	    width:100%;
	}
	.testoHome{
            height: auto;
	    width: 100%;
	}
	.testoHome p, .testoHome strong{
		color: #525252;
	    font-size: 0.9em;
	    margin: 0 0 0 12px;
	    text-align: justify;
	}
	.testoHome strong{
		display: block;
  			margin: 5px 0 0 2px;
	}
	.testoHome h3{
		border-bottom: 1px dashed #C1C1C1;
	    color: #545454;
	    font-size: 1em;
	    margin: 0 0 15px 0px;
	    padding: 0 0 5px;
	}
	.tematiche p{
		float: left;
  			font-size: 0.9em;
	}
/*tematiche*/
	.cont_tab{
            float: left;
	    height: auto;
	    margin: 3em 0 0 0;
	    width: 100%;
	}
	.pulsFormazioneHover,.pulsFormazione, .pulsNormativa, .pulsColloquio, .pulsTerapia, .pulsNormativaHover, .pulsColloquioHover, .pulsTerapiaHover{
	    color: #525252;
	    cursor: pointer;
	    float: left;
	    font-size: 1em;
	    padding: 0 2em;
		
	}	
	.tematiche, .tematicheFormazione, .tematicheFormativa, .tematicheColloquio, .tematicheTerapia{
		margin: auto 0 0 10px;
	    text-align: center;
	    width: 100%;
	}
	.tematiche h2{
		border-bottom: 1px dashed #C1C1C1;
	    color: #CC284A;
	    font-size: 1em;
	    margin: 0 0 15px 15px;
	    padding: 0 0 5px;
	}
	.tematiche p, .tematiche strong, .tematiche a, .tematicheFormazione a, .tematicheFormativa a, .tematicheColloquio a, .tematicheTerapia a, .tematicheFormazione p, .tematicheFormativa p, .tematicheColloquio p, .tematicheTerapia p,.tematicheNormativa p{
		color: #525252;
		float: none;
	    font-size: 0.9em;
	    margin: 0 0 0 0;
	    padding: 0 0 5px 10px;
	    text-align: justify;
	}
	.tematiche strong, .tematicheFormazione strong, .tematicheFormativa strong, .tematicheColloquio strong, .tematicheTerapia strong,.tematicheNormativa strong{
            color: #CC284A;
	    margin: 0 0 5px 0px;
	    padding: 0;
	}
        .tematicheFormazione.contenttab.tematicheper-quali-problemi > ul {
            padding: 0 0 0 1em;
        }
        .tematicheFormazione.contenttab.tematicheper-quali-problemi li {
            color: #525252;
            font-size: 0.9em;
            margin: 0 0 0.2em;
            text-align: left;
          }
          .testoHome ul{
              padding: 0.5em 0 0 2em;
          }
          .testoHome li{
             color: #525252;
            font-size: 0.9em;
            margin: 0 0 0.2em;
            text-align: left;
          }
        .tematiche p strong{
            
}
	.pulsFormazioneHover, .pulsNormativaHover, .pulsColloquioHover, .pulsTerapiaHover
	{
		background-color: #C1C1C1;
		margin: auto auto 0.5em 0.5em;
		padding: 0.5em 0 0.5em 0.5em;
		text-align: left;
		width: 100%;
	}
	
	.pulsFormazione, .pulsNormativa, .pulsColloquio, .pulsTerapia{
		background:#F55A58;
		margin: auto auto 0.5em 0.5em;
		padding: 0.5em 0 0.5em 0.5em;
		text-align: left;
		width: 100%;
		color:#fff;
	}
	.cont_tab{
            margin: 1em 0 0 0em;
            }
            
	.tematiche img{
		height: auto;
	    margin: 10px 0 5px;
	    max-width: 100%;
	}
	.tematiche a, .tematicheFormazione a, .tematicheFormativa a, .tematicheColloquio a, .tematicheTerapia a,.tematicheNormativa a{
		color: #CC284A;
	    margin: 0;
	    text-decoration: none;
	    float:none;
            
	}
	.tematiche a:hover, .tematicheFormazione a:hover, .tematicheFormativa a:hover, .tematicheColloquio a:hover, .tematicheTerapia a:hover,.tematicheNormativa a:hover{
		text-decoration:underline;
	}
        .tematicheFormazione.contenttab.tematicheformazione-pianificata-ad-hoc-con-lazienda > ul {
            float: left;
            margin: 0 0 0 1.6em;
        }
        .tematicheFormazione.contenttab.tematicheformazione-pianificata-ad-hoc-con-lazienda li {
            color: #525252;
            float: left;
            font-size: 0.9em;
            margin: 0 0 0.4em;
            text-align: left;
        }
        
/*CONTATTI*/
        .home div.welcome, .home div.contatti {
        float: left;
            margin: auto;
            width: 100%;
        }
        .recapiti{
                float: none;
            margin: 1em 0;
            text-align: center;
            width: 100%;
        }
        .recapiti ul{
                list-style:none;	
        }
        .recapiti li{
                float: none;
            height: 30px;
            margin: auto;
            width: 206px;
        }
        .recapiti li img{
                float: left;
        width: 25px;
        }
        .recapiti p, .recapiti a{
                color: #767676;
            float: left;
            font-size: 0.8em;
            margin: 0.5em 0 0 0.7em;
        }
        .formContatti{
                float:left;
        width: 55%;
        }
        .formContatti{
                 float: left;
                 margin: 1em;
                 width: 92%;
        }
        .formContatti p{
                color: #494949;
            font-size: 1em;
            font-weight: bold;
            text-align: centers;
        }
        .bgForm{
                background-color: #E7F1F8;
            border-radius: 5px;
            height: 610px;
            padding: 0 1em 1em 0.4em;
        }
        .bgForm ul{
                list-style:none;
        }
        .bgForm li{
                float: left;
            margin: 1.1em 0 0 0.5em;
            width: 95%;
        }
        .bgForm li input, .bgForm li textarea{
                border: 0 none;
            color: #636363;
            float: left;
            font-size: 0.9em;
            height: 31px;
            padding: 0.4em 0 0.4em 0.3em;
            width: 100%;
        }
        .bgForm li textarea.messaggio{
                height: 100px;
        resize: none;
        }
        .bgForm li button.inviaDati{
                background-image: url("../images/richiesta.png");
            background-repeat: no-repeat;
            border: medium none;
            cursor: pointer;
            float: left;
            height: 33px;
            width: 118px;
        }
        .mappa{
                float: left;
            height: 463px;
            margin: 1em 0 0 1.5em;
            width: 95%;
            display:none;
        }
	
	footer{
		background-color: #525252;
	    margin: auto;
	    padding: 5px 0 10px;
	    text-align: center;
	    width: 100%;
	}
	.credits{
		width:100%;
		margin:auto;
	}
	.credits a:hover{
		opacity:0.7;
	}
	.credits a{
		color: #F55A58;
	    font-weight: bold;
	    text-decoration: none;
	    text-shadow: -1px 0 #000000;
	}
	.credits p{
		float:none;
	}
	.credits span{
		float:none;
	}
	footer p, footer{
            color: #fff;
	    margin: 13px 0 0;
	}
        .testoHome strong{
            display: inline-table;
         }
        .testoHome em {
            margin: 0 0.3em 0 0;
        }
	.clear{
		clear:both;
	}
 }
/* -----------------------------------
IPHONE
------------------------------------ */
@media screen and (min-width: 480px) {

 	.wrapper{
		margin: auto;
    	width: 100%;
	 }
	 .main a.logo img{
		 height: 85px;
	}
	nav {
            float: right;
            margin: 0;
            padding: 1.4em 0 2.5em;
	}
	 .cont_contact{
 		width:auto;
 	}
 	.credits{
 		width:100%;
 	}
 	.main a.logo img {
    	height: 85px;
    	margin: 0 auto;
	}
	.home img {
		width:65%;
	}
	.tematiche strong {
    	font-size: 1.3em;
	}
	.tematiche strong, .tematicheFormazione strong,
			.tematicheFormativa strong, .tematicheColloquio strong,
			.tematicheTerapia strong, .tematicheNormativa strong{
				margin:0 0 5px 0px;
			}
}
/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
	@media screen and (min-width: 768px) {
		 	
		 	.elementi_interni{
		 		height:auto;
		 		margin: auto;
    			width: 95%;
		 	}
		 	.main a.logo img{
		 		height: auto;
    			margin: 0 0 1.2em;
		 	}
		 	.wrapper{
				margin: auto;
	    		width: 95%;
			}
			section {
			    padding: 8em 0 0;
			}
			nav {
			    margin: 0 0 0 0;
                            padding: 0 0;
                            width: auto;
                            float: right;
			}
			.tematiche strong, .tematicheFormazione strong,
			.tematicheFormativa strong, .tematicheColloquio strong,
			.tematicheTerapia strong, .tematicheNormativa strong{
				margin:0 0 5px 0px;
			}
			.tematiche{
				margin:20px auto;
				float:left;
			}
			.home img{
				width:50%;
			}
			.testoHome p, .testoHome strong{
				font-size:1em;
			}
			.tematiche strong {
    			display: block;
			    float: none;
			    font-size: 1.3em;
    		}
    		.home h1, .tematiche h2, .testoHome h3, .home h4{
    			font-size:1.4em;
    		}
			.cont_contact{
			    margin: 19px auto;
    			width: 100%;
			}
			.contacts {
			    margin: 9px auto;
			    padding: 14px 10px 10px;
			    width: 720px;
			}
			footer p, footer span {
			    margin: 16px 0 10px;
			}
			.credits {
				width:763px;
			}
 }
/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media screen and (min-width: 1024px) {
			
			.elementi_interni{
    			height: auto;
    			width: 1004px;
		 	}
		 	.pulsantetab{
		 		display:none;
		 	}
			
		 	.wrapper{
    			width: 1004px;
			}
			.main a.logo img {
			    height: auto;
			}
			.home img {
			    width: 100%;
			}
			section{
			    padding: 11em 0 0;
			}
			.home h1, .home h4{
			    margin: 0.5em 0 0 0.8em;
			    width: 325px;
			}
			.tematiche, .tematicheFormazione, .tematicheFormativa, .tematicheColloquio, .tematicheTerapia, .tematicheNormativa {
				background-image: url("../images/temaMiddle.png");
				float: left;
				height: auto;
				margin: 0;
				padding: 0.5em 1em 0;
				width: 97%;
			}

			.tematiche strong, .tematicheFormazione strong,
			.tematicheFormativa strong, .tematicheColloquio strong,
			.tematicheTerapia strong, .tematicheNormativa strong{
				margin:0 0 5px 0px;
			}

			.pulsFormazioneHover,.pulsFormazione, .pulsNormativa, .pulsColloquio, .pulsTerapia, .pulsNormativaHover, .pulsColloquioHover, .pulsTerapiaHover{
				background-color: #E7F1F8;
			    border-radius: 10px 10px 0 0;
			    margin: 0 0 0 0.2em;
			    padding: 0.5em 1em;
				width:auto;
				color:#8A8A8A;
			}
			.pulsFormazioneHover,.pulsNormativaHover, .pulsColloquioHover, .pulsTerapiaHover{
				background-color: #C3CCD2;
			    color: #8A8A8A;
			    margin: 0.2em 0 0 0.2em;
			    padding-bottom: 0.2em;
				width:auto;
			}
			.tematiche h2{
				text-align:left;
			}
			.tematiche h2 span{
				color:#24d8ff;
			}
			.subMenu{
				border-bottom: 1px dashed #C1C1C1;
			    color: #CC284A;
			    font-size: 1em;
			    margin: 0 0 15px 15px;
			    padding: 0 0 5px;
			}
			.subMenu ul{
				list-style:none;
			}
			.subMenu li{
				color:#000;
				float:left;
			}
			#cont_menu{
				display:none;
				width:none;
			}
			#biglist{
                            display: block;
                            height: 30px;
                            margin: 0em 0 0;
                            width: auto;
			}
			#biglist ul{
                            list-style:none;
			}
			#biglist li{
                            float: left;
                            height: 17px;
                            padding: 0 2.2em 0 0;
                            text-align: center;
			}
			#biglist a{
                            text-decoration:none;
                            font-size: 0.9em;
			}
			#biglist a.who, #biglist a.contact{
				color: #CC284A;
			    font-size: 0.9em;
			}
			#biglist a.contact{
				color: #FFFFFF;
			    font-family: arial;
			    font-weight: bold;
			}
			#biglist a.contactON{
				color:#b1f3f9;
			}
			#biglist a.who:hover, #biglist a.contact:hover{
				color:#b1f3f9;
			}
			.testoHome h3{
				border: 0 none;
			    font-size: 0.9em;
			    margin: 0 0 0 0.9em;
			    text-align: left;
			}
			.testoHome p, .testoHome strong {
   				 font-size: 0.9em;
                                 
			}
			/*CONTATTI*/
			.home div.welcome, .home div.contatti {
    			float: left;
			    margin: 1.7em 0 0 1em;
			    width: 43%;
			}
			.home div.welcome{
				margin: 1em auto auto 1.1em;
			}
			.recapiti{
				float: left;
			    margin: 1.2em 0 0 1.2em;
			}
			.recapiti ul{
				list-style:none;	
			}
			.recapiti li{
				float: left;
			    height: 30px;
			    width: 250px;
			}
			.recapiti li img{
                            float: left;
                            margin: 0 0 0 0.4em;
                            width: 25px;
			}
			.recapiti p, .recapiti a{
                            color: #767676;
			    float: left;
			    font-size: 0.8em;
			    margin: 0.5em 0 0 0.7em;
			}
			.testoHome, .formContatti{
                            float:left;
                            width: 55%;
                            margin: 8px auto 10px;
			}
			.formContatti{
                            float: left;
			    margin: 1em 1em 0;
			    width: 50%;
			}
			.formContatti p{
				color: #494949;
			    font-size: 0.9em;
			    font-weight: bold;
			    text-align: left;
			}
			.bgForm{
				background-color: #E7F1F8;
			    border-radius: 5px;
			    height: auto;
			    padding: 0 0 1em;
			}
			.bgForm ul{
				list-style:none;
			}
			.bgForm li{
				float: left;
			    margin: 1.1em 0 0 0.5em;
			    width: 80%;
			}
			.bgForm li input, .bgForm li textarea.messaggio{
				border: 0 none;
			    color: #636363;
			    float: left;
			    font-size: 0.9em;
			    height: 20px;
			    padding: 0.4em 0 0.4em 0.3em;
			    width: 100%;
			}
			.bgForm li textarea.messaggio{
				font-family: arial;
			    font-size: 1em;
			    height: 100px;
			    resize: none;
			}
			.bgForm li button.inviaDati{
				background-image: url("../images/richiesta.png");
			    background-repeat: no-repeat;
			    border: medium none;
			    cursor: pointer;
			    float: left;
			    height: 33px;
			    width: 118px;
			}
			.mappa{
				 float: left;
				 height: 463px;
				 margin: 0 0 0 1.4em;
				 width: 390px;
			}
			.credits{
				width:1004px;
			}
			.credits p {
			    float: left;
    			font-size: 0.9em;
			}
			.credits span {
			    float: right;
    			font-size: 0.9em;
			}

/*----TAB----*/
			.contLinguette {
				height: auto;
				margin: 0 0 0 10px;
				width: 100%;
			}
			.tematicheTop, .tematicheBottom{
				background-image: url("../images/temaTop.png");
			    background-position: center bottom;
			    float: left;
			    height: 15px;
			    width: 958px;
			}
			.tematicheBottom{
				background-image: url("../images/temaBottom.png");
				height:13px;
			}
                        nav{
                            float: left;
                            width: 100%;
                        }
                        .tematiche a, .tematicheFormazione a, .tematicheFormativa a, .tematicheColloquio a, .tematicheTerapia a,.tematicheNormativa a{
                            padding: 0;
                        }
                        .tematiche p strong {
                            display: unset;
                        }
}
/* -----------------------------------
DESKTOP
------------------------------------ */
@media screen and (min-width: 1200px) {
}