/* CSS Document */
@import "reset-stylesheet.css";
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html, body												{	font:100% 'Montserrat', sans-serif; /*16px*/  text-align:left;
}
body													{	 background: #000000;
	overflow-y:auto;
}
div, p, a, table, ul, ol								{	font-size:1.02em; color:#121212;
}

div p, div a, div ul, div 
ol, div h2, div h3, div h4, 
div h5, div h6, div div, 
div fieldset, div table,
p a, table p, table a, 
table ul, table ol, table h2, 
table h3, table h4, table h5, 
table h6,ul li p, ul li a, 
ul li ul, ul li ol, ul li h2, 
ul li h3, ul li h4, ul li h5, 
ul li h6,ol li p, ol li a, 
ol li ul, ol li ul, ol li h2, 
ol li h3, ol li h4, ol li h5, 
ol li h6												{	font-size:100%; 
}	
strong													{	font-weight:bold;
}
img														{	/*max-width:100%;*/ height:auto;
}
.nascosto												{	position:absolute; top:-100000px !important; left:-100000px !important; 
}

/* struttura */

	body{
		display: block;
  background: rgba(225,225,225,1);
  background-image: url(../images/henton-college-background.original.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  -pie-background: rgba(225,225,225,1) url(../images/henton-college-background.original.jpg) repeat-y center top;
  border-style: none;
  margin: auto;
  padding-left: auto;
  padding-right: auto;
  padding-top: 0px;
  padding-bottom: 1px;
  behavior: url(PIE.htc);
  border-radius: 0px;}
	
	
	a { color:#c20015 !important; font-weight:bold; filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	}
a:hover {color:#000 !important; filter: alpha(opacity=50);
-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	}
	
.col-no-padding{padding-right: 0px !important;
  padding-left: 0px !important; }
  	
	.row { }
	.container { max-width:980px;}
	h1 { font-size:45px;}
	h1,h2,h3 { color:#232323; font-style:normal !important; font-weight:bold;}
	h5 { color:#c20016; font-weight:bold; font-size:20px}
		
		h1 { 
			color:#de1b84;
			text-shadow:2px 2px rgba(0,0,0,0.50);
			-moz-text-shadow:2px 2px rgba(0,0,0,0.50);
			-webkit-text-shadow:2px 2px rgba(0,0,0,0.50);
			text-transform:uppercase;
			margin-top:30px;
		}
	
	hr { border-top:1px solid #fff}

	.img-responsive { margin:auto} 

	#header {
		background-color:#ffffff;
		/*background-image:url(images/header-bg.png); background-position:bottom; background-repeat:repeat-x;*/
		margin:auto; 
		/*min-height:158px; */
		}
		
		#header-top{
		  border-style: none;
		  min-height: 50px !important;
		  border-radius: 0px;
		}
		#header-top .image-container{ overflow:auto; display:block; padding-top:20px; padding-bottom:10px; }
		
		#header-bottom-container{
			background: rgba(105,105,105,1);
  			-pie-background: rgba(105,105,105,1);
		}
		
		#header-bottom {
		  display: block;
		  
			min-height: 90px !important;
		  border-style: none;
		  z-index: 1;
		  
		  border-radius: 0px;
		  padding:10px;
		}
		
		
		#header-bottom .header-title{
			font-size:20px; 
			color:#ffffff; font-weight:bold; display:block; 
		}
		#header-bottom .header-subtitle{
			color: rgb(255, 255, 255);
		    font-size: 12px;
		    line-height: 19px;
		    text-align: justify; display:block; margin-top:10px;
		 }
		 #top-right{
		 	position:relative;
		 }
		 #top-world{ margin-top:-67px; display:block;}
	
	#content{background-color:#ffffff;margin:auto;}
		
		#left-column{}
	
		#content-image{padding:10px;}
		
		#content-top{display: block;
			  background: rgba(255,255,255,0);
			  -pie-background: rgba(255,255,255,0);
			  border-style: none;
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			  padding:10px;
			  background-color:#cccccc;
			  
			  
	    }
			#content-top p{font-size: 14px; text-align:justify;}
		
		#content-middle{ padding:20px 20px; }
			#content-middle .title{
				color: #ff8c00;
				font-weight:bold;
				font-size:16px;
				margin:0;
				margin-bottom:15px;
			}
			#content-middle img{border-style: none;
			  width: 78px;
			  height: 78px;
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			  margin:0;
			  vertical-align:middle;
			  display:inline;
			}
			#content-middle .text{
				font-size:14px;	
				color:#000000;
				line-height: 19px;
			}
			#content-middle .text p{text-align:justify;}
			
		#content-bottom{ padding:20px 20px; }
			#content-bottom .title{
				color: #ff8c00;
				font-weight:bold;
				font-size:18px;
				margin:0;
				margin-bottom:20px;
			}
			#content-bottom .image{border-style: none;
			  width: 78px;
			  height: 78px;
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			}
			#content-bottom .text{
				font-size:14px;	
				color:#000000;
				line-height: 19px;
			}
			#content-bottom .text p{text-align:justify;}
		
		#right-column{display: block;
		  background: rgba(255,255,255,1);
		  -pie-background: rgba(255,255,30,1);
		  border-style: none;
		  behavior: url(PIE.htc);
		  border-radius: 0px;
		  color:#FFF;
		  
		}
			#right-column #contacts{
				background: rgba(246,146,30,1);
		  		-pie-background: rgba(246,146,30,1);
				padding-top:20px;
			}
			
			#right-column .phone{
				text-align: center;
				font-size:24px;
				color: rgb(255, 255, 255);
				font-weight:bold;
				margin: 0px;
				padding:4px 0;
			}
			#right-column .opening{
				text-align:center;
				color: rgb(255, 255, 255);
				padding:6px;
				margin-bottom:6px;
				border-bottom:1px solid #fff;
				}
			#right-column .language{display: block;
			  background: rgba(153,153,153,1);
  				-pie-background: rgba(153,153,153,1);
			  border-style: none;
			  min-height: 36px;
			  margin-top:10px;
			  
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			  padding: 6px;
				margin-bottom: 13px;
			}
			#right-column .language p{
				text-align:center;
				font-size:14px;
				color: #000000 !important;
				font-weight:bold;
				padding-top:10px;
			}
			
			#right-column #form-contatti{
				width:90%;
				margin:0 auto;
				color:#fff !important;
				
			}
			
			#right-column #form-contatti div{color:#fff;}
			
			
			#right-column #free-download{
				background: rgba(105,105,105,1);
				  background: -webkit-linear-gradient(#696969, #212121);
				  background: -moz-linear-gradient(#696969, #212121);
				  background: linear-gradient(#696969, #212121);
				  background: -ms-linear-gradient(#696969, #212121);
				  background: -o-linear-gradient(#696969, #212121);
				  behavior: url(PIE.htc);
				  -pie-background: linear-gradient(#696969, #212121);
				  border-style: solid solid solid solid;
				  border-width: 3px;
				  border-color: #f6921e;
				  border-radius: 18px;
				  behavior: url(PIE.htc);
				  min-height: 158px;
				  text-align:center;
				  padding:15px;
				  margin-top:10px;
			}
				#right-column #free-download .title{
					font-weight: bolder;
					color: #ff8c00;
					line-height: 0;
					font-size:20px;
					padding-bottom:10px;
					}
				#right-column #free-download .text{
					font-size: 13px;
					 color:#ffffff;
					 padding-bottom:10px;
					}
		
			#right-column #social-network{
				background: rgba(204,204,204,1);
			  -pie-background: rgba(204,204,204,1);
			  border-style: none;
			  behavior: url(PIE.htc);
			  border-radius: 20px;
			  margin-top:10px;
			  padding-top:18px;
			  
			  }
  			#right-column #social-network .title{
				background: rgba(246,146,30,1);
			  -pie-background: rgba(246,146,30,1);
			  border-style: none;
			  min-height: 27px;
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			  font-size: 15px;
			  font-weight:bolder;
			  text-align:center;
			  
			  
			}
			
			#right-column #social-network .title .title-left{  float:left; width:17%;   }
			#right-column #social-network .title .title-left img{display:inline; margin:0; margin-top:-8px;}
			#right-column #social-network .title .title-center{ color:#fff !important;padding-top:3px;float:left; width:48%; }
			#right-column #social-network .title .title-right{ float:right; width:35%; text-align:right; }
			#right-column #social-network .title .title-right img{display:inline; margin:0; margin-top:-8px;}
			
			#right-column #social-network .text{ padding:20px;}
			#right-column #social-network .text p{
				font-size:14px;	
				color:#000000;
				line-height: 25px;
			}
			
			#right-column #contest-rules{
				background: rgba(255,255,255,1);
			  -pie-background: rgba(255,255,255,1);
			  border-style: none;
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			  
			  
			} 
  			#right-column #contest-rules .title{
				color: #ff8c00;
				font-weight:bold;
				font-size:18px;
			}
			
			#right-column #contest-rules .text{ padding:0 20px;}
			#right-column #contest-rules .text p{
				text-align: justify;
				color:#000000;
				/*line-height: 18px;*/
				font-size: 11px;
			}
			
			
		
	#footer{ border-top:8px solid rgba(246,146,30,1);
			background: rgba(255,255,255,1);
			  -pie-background: rgba(255,255,255,1);behavior: url(PIE.htc);
			  border-radius: 0px; padding:0;}
		
		#footer #case-history{  display: block;
			  background: rgba(204,204,204,1);
			  -pie-background: rgba(204,204,204,1);
			  border-style: solid;
			  border-width: 1px;
			  border-color: #ccc;
			  min-height: 230px;
			  behavior: url(PIE.htc);
			  border-radius: 0px;
			  text-align:center;}
			
			
			#footer #case-history p{
				text-align:center;
				font-weight:bold; padding:10px 5px 5px 0;}
				
			#footer #case-history .case-elements{display:block; margin:0 auto important;}
			#footer #case-history .case-elements li{display:inline-block; margin-right:20px;border-style: solid;
  border-width: 3px;
  border-color: #f6921e;}
			#footer #case-history .case-elements li:after{content:''; }
			
			#footer #case-history .case-elements li img {
				max-width:145px;	
			}
				.case-modal{}
				
				.case-modal h2{color: #ff8c00;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  margin: 10px 0 20px 0;}
				.case-modal ul{margin-left:20px;}
  
		#footer #contact{ padding:10px; text-align:center;}
		
			#footer #contact .text{
				font-size:12px;}
		
		#footer #what-we-do{display: block;
			  background: rgba(204,204,204,1);
			  -pie-background: rgba(204,204,204,1);
			  border-style: solid;
			  border-width: 1px;
			  border-color: #ccc;
			  min-height: 335px;
			  behavior: url(PIE.htc);
			  border-radius: 0px;}
			  
			  #footer #what-we-do .title{
				 display: block;
  background: rgba(246,146,30,1);
  -pie-background: rgba(246,146,30,1);
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  max-width: 300px;
  min-height: 36px;
  behavior: url(PIE.htc);
  border-radius: 0px;
  margin-top:10px;
  text-align:center;
  margin-bottom:20px;
			}
			 #footer #what-we-do .title p{
				 color:#fff !important;padding-top:8px;
				 font-weight:bold;
				 font-size:16px;
			 }
			 
			 #footer #what-we-do .list{ margin-left: 40px; }
			 #footer #what-we-do .list li{ list-style:none; margin-bottom:15px;}
			 #footer #what-we-do .list li:after{content:"."; clear:both; display:block; visibility:hidden; height:0;}
			 #footer #what-we-do li .bullet{display: block;
  background: rgba(246,146,30,1);
  -pie-background: rgba(246,146,30,1);
  border-style: none;
  width: 14px;
  height: 14px;
  behavior: url(PIE.htc);
  border-radius: 139px;float:left; margin-right:10px;}
  			#footer #what-we-do li .text{
				float:left; width:90%;}
		
		#footer #address{
				text-align: center;
				font-size:12px;
				line-height:30px; 
				color:#666666;
				margin-top: 10px;
				border-top:3px solid #ff8c00;
				
		}
		
	
	.button{display: block;
		  border-style: none;
		  padding:10px;
		  min-height: 50px;
		  width:90%; 
		  margin:auto;
		  margin-top:20px;
		  cursor:pointer;
		  color:#fff  !important;
		  border:1px solid #e64200 !important;
	}
	
	.btn-success{
		
		border:1px solid #e64200 !important;
		behavior: url(PIE.htc);
		   border-radius: 16px;
		  background-color: #ff8300 !important;
		  background: -webkit-linear-gradient(#ff8300, #e64200) !important;
		  background: -moz-linear-gradient(#ff8300, #e64200) !important;
		  background: -ms-linear-gradient(#ff8300, #e64200 !important);
		  background: -o-linear-gradient(#ff8300, #e64200) !important;
		  background: linear-gradient(#ff8300, #e64200) !important;
		  text-shadow: 1px 1px #5c1200 !important;
		  color: #fff;
		  border-width: undefinedpx;
		  border-color: #undefined;
		  font-size: 16px;
		  line-height: 19px;
		  font-weight: normal;
		  text-align: center;
		  background-repeat: no-repeat;}

	.btn-success:hover{background-color:#f27000 !important;
		 background:-webkit-linear-gradient(#f27000, #db3600) !important;
		 background:-moz-linear-gradient(#f27000, #db3600) !important;
		 background:-ms-linear-gradient(#f27000, #db3600) !important;
		 background:-o-linear-gradient(#f27000, #db3600) !important;
		 background:linear-gradient(#f27000, #db3600) !important;
		 color:#fff !important;
		 border:1px solid #e64200;
		 filter: alpha(opacity=0) !important;
		 text-decoration:none !important; }


	/* cookie */

		.eprjcookie p a  {  color:#fff !important;  text-decoration:none !important; display:inline-block; 
		}
		.eprjcookie a:hover {   opacity:.7;
		}
	
	/* modal alert */
	
		.bootbox-alert{z-index:88888888 !important;}
		
	/* MODAL OVERLAY LOADING */
	
	/* Start by setting display:none to make this hidden.
	   Then we position it in relation to the viewport window
	   with position:fixed. Width, height, top and left speak
	   speak for themselves. Background we set to 80% white with
	   our animation centered, and no-repeating */
		#modal-loading-overlay {
			display:    none;
			position:   fixed;
			z-index:    999999;
			top:        0;
			left:       0;
			height:     100%;
			width:      100%;
			background: rgba( 246,146,30,0.60)
						url('../jquery/loader.gif') 
						50% 50% 
						no-repeat; 
		
		}		
		/* When the body has the loading class, we turn
		   the scrollbar off with overflow:hidden */
		body.modal-loading-overlay {
			overflow: hidden;  
		}	
		/* Anytime the body has the loading class, our
		   modal element will be visible */
		body.modal-loading-overlay #modal-loading-overlay {
			display: block !important;
		}
		
	/* modal */
		
		.modal {
			z-index: 99999;
		}
		.modal-header{
  background: rgba(246,146,30,1);
  -pie-background: rgba(246,146,30,1);
  color:#fff;
  font-size:16px; 
  font-weight:bold;
		}
		.modal-body {
			/*background:url(../images/bg-modalbody.jpg) right no-repeat;*/
		}
		.modal-dialog {
			z-index:99999;	
		}
		.modal-content {	
			border:6px solid #de1b84;
			z-index:99999;
		}
		
		
		
		
		
		
	@media (max-width: 990px) {
		#top-world{ display:none; margin-top:-67px; }
	}