@import url('reset.css');
@import url('text.css');
@import url('960_24_col.css');
@import url('sifr.css');

/*test 960gs*/
.border_test{
/*border: 1px solid #666; overflow: hidden;  padding: 10px 0;  text-align: center;*/
height:1px;
}
/* @group General Styling */

body {
background: #fff;
color: #6E6E6E;
padding-top: 0px;
/*text-shadow: #e8e8e8 1px 1px 0;*/
}

.topfade
{
	
		width: 100%;
		height: 70px;
		position: fixed;
		background: url(../img/top_bg.png) repeat-x;
		top: 0;
}

.bottomfade
{
	
		/*width: 940px;
		height: 70px;
		position: fixed;
		background: url(../img/bottom_bg.png) repeat-x;
	bottom: 0;*/
}

a {
display: block;
color: #404a47;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #E54615;
cursor:pointer;
}

.sidebar {
	position: fixed;
	 
}

.container_center
{
	margin-left: 190px; padding-top: 20px;	
	}

.header
{
	width:550px;
	height:100px;
	background:red;	
}

.PARTNERS_OTTICO
{
	background: url(../images/icone/PARTNERS_OTTICO.png) no-repeat;

	}
	
	.PARTNERS_ACCONCIATORE
{
	background: url(../images/icone/PARTNERS-ACCONCIATORE.png) no-repeat;

	}
	
	.PARTNERS_ESTETISTA
{
	background: url(../images/icone/PARTNERS-ESTETISTA.png) no-repeat;

	}
	.PARTNERS_SCUOLA
{
	background: url(../images/icone/PARTNERS-SCUOLA.png) no-repeat;

	}

.newsIST
{
	background: url(../images/icone/IST_HEADER_NEWS.png) no-repeat;

}

.newsE
{
	background: url(../images/icone/HEADER_EST_NEWS.png) no-repeat;

}

.newsA
{
	background: url(../images/icone/HEADER_NEWS.png) no-repeat;

	}

.news
{
	background: url(../images/icone/HEADER-OTTICO_NEWS.png) no-repeat;

	}
.corsiE
{
	background: url(../images/icone/HEADER_EST_CORSI.png) no-repeat;

}

.corsiA
{
	background: url(../images/icone/HEADER_CORSI.png) no-repeat;

	}	
	
.corsi
{
	background: url(../images/icone/HEADER-OTTICO_CORSI.png) no-repeat;

	}

.galleryIST
{
	background: url(../images/icone/IST_HEADER_GALLERY.png) no-repeat;

}

.galleryE
{
	background: url(../images/icone/HEADER_EST_GALLERY.png) no-repeat;

}

.galleryA
{
	background: url(../images/icone/HEADER_GALLERY.png) no-repeat;

}	
	.gallery
{
	background: url(../images/icone/HEADER-OTTICO_GALLERY.png) no-repeat;

	}

.chisiamo
{
	background: url(../images/icone/HEADER-OTTICO_CHI-SIAMO.png) no-repeat;

	}

.accademiaE
{
	background: url(../images/icone/HEADER_EST_ACCADEMIA.png) no-repeat;

	}

.accademiaA
{
	background: url(../images/icone/HEADER_ACCADEMIA.png) no-repeat;

	}
	
	
.accademia
{
	background: url(../images/icone/HEADER-OTTICO_ACCADEMIA.png) no-repeat;

	}

.estetista	
{
	background: url(../images/icone/HEADER_EST_ESTETISTA.png) no-repeat;

	}

.ottico
{
	background: url(../images/icone/HEADER-OTTICO_OTTICO.png) no-repeat;

	}
.acconciatore
{
	background: url(../images/icone/HEADER_ACCONCIATORE.png) no-repeat;

	}	
	
.contattiIST
{
	background: url(../images/icone/IST_HEADER_CONTATTI.png) no-repeat;
}

.contattiE
{
	background: url(../images/icone/HEADER_EST_CONTATTI.png) no-repeat;
}
.contattiA
{
	background: url(../images/icone/HEADER_CONTATTI.png) no-repeat;

	}
.contatti
{
	background: url(../images/icone/HEADER-OTTICO_CONTATTI.png) no-repeat;

}	

.chisiamo
{
	background: url(../images/icone/IST_HEADER_CHI-SIAMO.png) no-repeat;

}	


.attivita
{
	background: url(../images/icone/IST_HEADER_ATTIVITA.png) no-repeat;

}

.staff
{
	background: url(../images/icone/IST_HEADER_STAFF.png) no-repeat;

}




.ottico a
{
	
	position:relative; 
	display:block; 
	text-indent:-99999px;  
	z-index:777; 
	top:50px; 
	height:30px; 
	width:30px; 
	left:50px;	
}

/* Site Logo */
h1.logo {
background: url(../images/icone/logo_OTTICO.png) no-repeat;
 height:160px;
 
width: 170px;margin:auto;
}

h1.logoA {
background: url(../images/icone/LOGO-ACCONCIATORE.png) no-repeat;
 height:160px;
 
width: 170px;margin:auto;
}

.logo_dx_ist {  
  height:160px;
 overflow:hidden;
width: 170px;margin:auto;
}

.logo_dx {  
  height:160px;
 overflow:hidden;
width: 170px;margin:auto;
}

.logo_dx img:hover,
.logo_dx img:focus  { margin: -160px 0 0;}


/* Site Logo Link Styling*/
h1.logo a {
 
width: 170px;
height:160px;
display: block;
text-indent: -9999px;
}


h1.logoA a {
 
width: 170px;
height:160px;
display: block;
text-indent: -9999px;
}

h1.logoE {
background: url(../images/icone/LOGO-ESTETISTA.png) no-repeat;
 height:160px;
 
width: 170px;margin:auto;
}

h1.logoE a {
 
width: 170px;
height:160px;
display: block;
text-indent: -9999px;
}

h1.logoI {
background: url(../images/icone/LOGO-ISTITUTO.png) no-repeat;
 height:160px;
 
width: 170px;margin:auto;
}

h1.logoI a {
 
width: 170px;
height:160px;
display: block;
text-indent: -9999px;
}

/* Site Logo Link Styling*/


/* Site Logo Hover Effect*/
h1.logo:hover {
/*opacity: 0.90;*/
}


img {
margin-bottom: 0px;
}

img:hover {
/*opacity: 0.75;*/
}


#map{
	margin-top: 20px;
	border: 1px solid #bab9ae;
	width:300px;
	height:300px
}

/* Class for Titles of portfolio pieces, that are not links (eg printed items) */

.title {
color: #404a47;
margin-bottom: 10px;
display: block;
}

/* Portfolio Project Title Links */
a.project {
margin-bottom: 10px;
}

/* @end */


/* @group Navigation */

/* Navigation Buttons */
ul.navigation li a:active {
/*opacity: 0.50;
margin: -33px 0 0;*/

}
.navigation a img .navActive
{

margin: -33px 0 0;
	
}

.navigation {  margin: 0;  padding: 0; width: 100%;}
.navigation li { padding: 0;}
.navigation li:first-child { margin-left: 0; }
.navigation a {  width: 170px; height: 33px;  overflow: hidden; }
.navigation img { margin: 0; float: left; }
.navigation a:hover img, 
/*.navigation a:active img,*/
.navigation a:focus img { margin: -33px 0 0;}


/* changesite-icons */
.changesite-icons {  margin: auto;   list-style: none; padding: 0; width: 170px;}
.changesite-icons li { float: left; list-style: none; padding: 0;}
.changesite-icons li:first-child { margin-left: 0; }
.changesite-icons a { float: left; width: 50px; height: 50px; overflow: hidden; }
.changesite-icons img { margin: 0; float: left; }
.changesite-icons a:hover img,
.changesite-icons a:focus img { margin: -50px 0 0;}

.nav_vedi_anche
{
	background-image: url(../images/icone/vedi-anche_OTTICO.png);
	margin:auto;

	height:41px;
	width:170px;
	margin-bottom:5px;
}

.nav_info_ist
{
	background-image: url(../images/icone/Info-istituto_ALL.png);
	margin:0px auto 10px auto;
	 
	height:41px;
	width:170px;
	
	 
}

.nav_latest_news
{
	background-image: url(../images/icone/last-news_ALL.png);
	margin:auto;
	 
	height:41px;
	width:170px;
}

.box_latest_news
{
	font-weight:bold;
	text-align:center;
	width:170px;
	height:55px;
	padding: 0px 10px 0px 10px;	
	
}

.nav_gallery
{
	background-image: url(../images/icone/gallery_ALL.png);
	margin:auto;
	height:41px;
	width:170px;
}

.box_gallery
{
	 
	width:170px;
	height:55px;
	padding:5px;	
	margin:auto;
}

.box_gallery ul{list-style:none;margin: 0px auto 0px auto;}

.box_gallery li
{
	width: 48px; height: 48px;overflow:hidden;
	border: 1px solid #c6c6c6;
	padding: 0px;
	float: left;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: .90;
}
	
.box_gallery li:hover 
{
	border-color: #aaa;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	opacity: 1;
}

.box_gallery  .center
{
	margin:0 10px 0 10px;
}

.nav_partners
{
	background-image: url(../images/icone/partners_ALL.png);
	margin:auto;
	 
	height:41px;
	width:170px;
}

.box_partners
{
	width:170px;
	height:40px;
	padding:5px 10px 0px 10px;	
	
}

.nav_social
{
	background-image: url(../images/icone/social_ALL.png);
	margin:auto;
	 
	height:41px;
	width:170px;
}

.box_social
{
	width:170px;
	height:20px;
	padding:10px;	
	
}


.box_social ul{margin-top:0px; list-style:none;}
.box_social li
{
	width: 33px; height: 33px;overflow:hidden;
	padding: 0px;
	float: left;
		-moz-opacity: .90;
		filter:alpha(opacity=90);
		opacity: .90;
	}

.button_home {
width: 110px;
height: 18px;
display: block;
background: url(../img/nav_bg.png) no-repeat;
padding-left: 30px;
color: #fff;
padding-top: 2px;
margin-bottom: 10px;
text-shadow: none;
}

.button_web {
width: 110px;
height: 18px;
display: block;
background: url(../img/nav_bg.png) no-repeat 0 -20px;
padding-left: 30px;
color: #fff;
padding-top: 2px;
margin-bottom: 10px;
text-shadow: none;
}

.button_print {
width: 110px;
height: 18px;
display: block;
background: url(../img/nav_bg.png) no-repeat 0 -40px;
padding-left: 30px;
color: #fff;
padding-top: 2px;
margin-bottom: 10px;
text-shadow: none;
}

.button_contact {
width: 110px;
height: 18px;
display: block;
background: url(../img/nav_bg.png) no-repeat 0 -60px;
padding-left: 30px;
color: #fff;
padding-top: 2px;
margin-bottom: 10px;
text-shadow: none;
}


.button_visit {
width: 110px;
height: 18px;
display: inline-block;
background: url(../img/nav_bg.png) no-repeat 0 -100px;
padding-left: 30px;
color: #fff;
padding-top: 2px;
margin-bottom: 10px;
text-shadow: none;
}


.button_next {
width: 110px;
height: 18px;
display: inline-block;
background: url(../img/nav_bg.png) no-repeat 0 -120px;
padding-left: 30px;
color: #fff;
padding-top: 2px;
margin-bottom: 10px;
text-shadow: none;
}

/* Navigation Hover State */
.button_home:hover {
background: url(../img/nav_bg.png) no-repeat -140px 0;
text-decoration: none;
color: #fff;
}

.button_web:hover {
background: url(../img/nav_bg.png) no-repeat -140px -20px;
text-decoration: none;
color: #fff;
}

.button_print:hover {
background: url(../img/nav_bg.png) no-repeat -140px -40px;
text-decoration: none;
color: #fff;
}

.button_contact:hover {
background: url(../img/nav_bg.png) no-repeat -140px -60px;
text-decoration: none;
color: #fff;
}

.button_visit:hover {
background: url(../img/nav_bg.png) no-repeat -140px -100px;
text-decoration: none;
color: #fff;
}

.button_next:hover {
background: url(../img/nav_bg.png) no-repeat -140px -120px;
text-decoration: none;
color: #fff;
}

/* @end */

/* @group UL for Portfolio Description */


.slide_home li a img
{
margin-left: 190px; padding-top: 20px;	
}

/* Unordered List for portfolio piece features */
ul {
list-style-type: none;
margin-top: 10px;
margin-bottom: 20px;

}

ul li.ux {
background: url(../img/desc_icons.png) no-repeat 0 3px;
padding-left: 12px;
height: 12px;
margin-bottom: 5px;
}

ul li.frontend {
background: url(../img/desc_icons.png) no-repeat 0 -10px;
padding-left: 12px;
margin-bottom: 5px;
height: 12px;
}

ul li.html {
background: url(../img/desc_icons.png) no-repeat 0 -23px;
padding-left: 12px;
height: 12px;
margin-bottom: 5px;
}

ul li.tick {
background: url(../img/desc_icons.png) no-repeat 0 -35px;
padding-left: 12px;
height: 12px;
margin-bottom: 5px;
}

ul.contact {
margin-top: 23px;
}

ul.contact li {
margin-top: 20px;
}
/* @end */

/* @group Footer 

.footerleft {
padding-left: 20px;
color: #fff;
padding-bottom: 12px;
background: url(../img/footer_bg.png) no-repeat;
padding-top: 2px;
width: 310px;
float: left;
text-shadow: none;
}

.footerleft a {
display: inline;
color: #fff;
}

.footerright a {
display: inline;
color: #fff;
}

.footerright {
padding-right: 20px;
color: #fff;
padding-bottom: 12px;
background: url(../img/footer_bg.png) no-repeat -330px 0;
width: 270px;
float: right;
text-align: right;
padding-top: 2px;
text-shadow: none;
}*/

/* @end */

/* @group Form Styling */

/* Form Button */
.button {
width: 140px;
height: 20px;
display: block;
background: url(../img/nav_bg.png) no-repeat 0 -80px;
color: #fff;
padding-left: 30px;
margin-bottom: 20px;
text-shadow: none;
border-style: none;
text-align: left;
}

/* Form Button Hover State */
.button:hover {
background: url(../img/nav_bg.png) no-repeat -140px -80px;
text-decoration: none;
color: #fff;
}

/* Form Input Styling 
input {
border-style: none;
margin-bottom: 15px;
color: #b2b2b2;
display: block;
padding-left: 20px;
height: 20px;
width: 120px;
padding-top: 1px;
}

.name {
background: url(../img/form-elements.png) no-repeat;
margin-top: 20px;
}

.email {
background: url(../img/form-elements.png) no-repeat 0 -20px;
}

.company {
background: url(../img/form-elements.png) no-repeat 0 -40px;
}

.address {
background: url(../img/form-elements.png) no-repeat 0 -80px;
}

.address2 {
background: url(../img/form-elements.png) no-repeat 0 -100px;
}

.phone {
background: url(../img/form-elements.png) no-repeat 0 -60px;
}

.name:focus {
background: url(../img/form-elements.png) no-repeat -140px 0;
}

.email:focus {
background: url(../img/form-elements.png) no-repeat -140px -20px;
}

.company:focus {
background: url(../img/form-elements.png) no-repeat -140px -40px;
}

.address:focus {
background: url(../img/form-elements.png) no-repeat -140px -80px;
}

.address2:focus {
background: url(../img/form-elements.png) no-repeat -140px -100px;
}

.phone:focus {
background: url(../img/form-elements.png) no-repeat -140px -60px;
}

.message {
background: url(../img/textarea.png) no-repeat;
border-style: none;
color: #b2b2b2;
display: block;
padding-left: 20px;
width: 280px;
height: 77px;
margin-bottom: 15px;
padding-top: 3px;
overflow: auto;
resize: none;
}

.message:focus {
background: url(../img/textarea.png) no-repeat -300px 0;
}

.box_gallery_large
{
	 
	width:470px;
	
	margin:auto;
	
	
}*/

.box_gallery_large ul{list-style:none;margin: 0px auto 0px auto;}

.box_gallery_large ul li
{
	margin-top:10px;
	width: 135px; height: 135px;overflow:hidden;
	border: 1px solid #E54615;
	padding: 0px;
	float: left;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: .90;
}


.box_gallery_large  .center_large
{
	margin:10px 29px 0 29px;
}




.box_gallery_large_ist
{
	 
	width:470px;
	
	margin-left:40px;
	
	
}

.box_gallery_large_ist ul{list-style:none;margin: 0px auto 0px auto;}

.box_gallery_large_ist ul li
{
	margin-top:10px;
	width: 135px; height: 135px;overflow:hidden;
	border: 1px solid #1D2454;
	padding: 0px;
	float: left;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: .90;
}


.box_gallery_large_ist  .center_large
{
	margin:10px 29px 0 29px;
}
















 

.box_gallery_large_Acc
{
	 
	width:470px;
	
	margin-left:40px;
	
	
}

.box_gallery_large_Acc ul{list-style:none;margin: 0px auto 0px auto;}

.box_gallery_large_Acc ul li
{
	margin-top:10px;
	width: 135px; height: 135px;overflow:hidden;
	border: 1px solid #E3007C;
	padding: 0px;
	float: left;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: .90;
}


.box_gallery_large_Acc  .center_large
{
	margin:10px 29px 0 29px;
}


.box_gallery_large_Est
{
	 
	width:470px;
	
	margin-left:40px;
	
	
}

.box_gallery_large_Est ul{list-style:none;margin: 0px auto 0px auto;}

.box_gallery_large_Est ul li
{
	margin-top:10px;
	width: 135px; height: 135px;overflow:hidden;
	border: 1px solid #007EC3;
	padding: 0px;
	float: left;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: .90;
}


.box_gallery_large_Est  .center_large
{
	margin:10px 29px 0 29px;
}


/* @end */