@charset "UTF-8";

/* CSS Document */

/* se larghezza inferiore a 980px e maggiore di 800px*/
@media screen and (max-width:980px) {
#top_sidebar {
	height: 80px;
}
#header_pag {
	width: 800px;
	top: -80px;
}
#logo_top {
	background:url(../img/logo_italprint_head.png) no-repeat 20px 20px #000;
	height: 80px;
	background-size: 144px;
}
a {
	text-transform: capitalize;
}
#logo_top a {
	width: 144px;
	height: 60px;
}
#menu_pag {
	top: 30px;
	left: 180px;
}
#container {
	width: 800px;
	margin: -90px auto;
}
/* content > testo inserito nel riquadro  */
#content {
	margin-left: -380px;
}
#footer {
	margin-left: -380px;
}
#cambia_lingua{
	left:637px;
	font-size:1.3em;
}
}

/* se larghezza inferiore a 800px e maggiore di 650px*/
@media screen and (max-width:800px) {
#header_pag {
	width: 660px;
	top: -80px;
}
#logo_top {
	background-size: 65px;
	background:url(../img/logo-italprint-q-sm.png) no-repeat 5px 10px #000;
}
#logo_top a {
	width: 65px;
	height: 54px;
}
#menu_pag {
	top: 30px;
	left: 80px;
}
#container {
	width: 650px;
	margin: -90px auto;
}

#content {
	margin-left: -320px;
}

#footer {
	margin-left: -320px;
}

#content h2 {
	font-size: 1.5em;
}
#cambia_lingua{
	left:550px;
}

}

/* SE ALTEZZA INFERIORE A 620px */
@media screen and (max-height:620px) {
#container{
	margin:-90px auto;
}

/* content > testo inserito nel riquadro  */
#content{
	position:static;
	width:70%;
	height:auto;
	margin:-90px auto;
	bottom:auto;
	padding-bottom:20px;
    display:none;
}

#footer{
	position:static;
	margin:0 auto;
	line-height:25px;
}

#cambia_lingua{
display:none;
}
	
}

/* SE LARGHEZZA INFERIORE A 660px */
@media screen and (max-width:660px) {
body{
	font-size: 12px;
	line-height: 1.2;
}
a {
	text-transform:uppercase;
}

#footer{
	line-height:25px;
}	

/* **************************************** */
/* HEADER */
/* **************************************** */
#top_sidebar{
	height:80px;
}

#header_pag {
	width:100%;
	position:relative;
	top:-80px;
}

#logo_top{
	height: 80px;
	background:url(../img/logo_italprint_head.png) no-repeat center center #000;
	background-size: 144px;
}

#logo_top a{
	display:block;
    width:100%;
    height:80px;
}

/* **************************************** */
/* STILI MENU  */
/* **************************************** */

#logo_top{
	height: 80px;
	background:url(../img/logo_italprint_head.png) no-repeat center center #000;
	background-size: 144px;
}
#menu_pag{
	position:static;
	margin:0 auto;
	width:100%;
}

#menu_pag a{
	display:block;
	background-color:#555;
	padding:10px 0;
	border-top:2px solid #333;
	border-bottom:1px solid #888;
}

#menu_pag a:hover,#menu_pag a:focus,#menu_pag a:active{
	background:none;
	background-color:#6C6C6C;
	color:#000;
	border-top:2px solid #333;
	border-bottom:1px solid #888;
}    

#menu_pag li {  
  float:none;
  text-align:center;
  display: none;
  width:100%;  
}  

#pull{  
	display:block;  
	background-color:#555;
	padding:10px 0;  
	/*width: 100%;*/  
	position: relative; 
	text-align:left;
	padding-left:15px; 
	border-top:2px solid #333;
}  
#pull:hover,#pull:focus,#pull:active{  
	display:block;  
	padding:5px 10px;
	background-color:#6C6C6C;
	color:#000;
	padding:10px 0;  
	/*width: 100%;*/  
	position: relative; 
	text-align:left;
	padding-left:15px; 
	border-top:2px solid #333;
}  
#pull:after {  
	content:"";  
	background:url(../img/menu-icon.png) no-repeat;  
	width: 30px;  
	height: 30px;  
	display: inline-block;  
	position: absolute;  
	right: 15px;  
	top: 7px;  
}


/* **************************************** */
/* STILI CONTAINER  */
/* **************************************** */

#container {
	width: 100%;
	position:absolute;
	margin: -80px auto;
}

#content{
	position:static;
	width:80%;
	height:auto;
	margin:20px auto 20px;
}

#footer {
	position:static;
	width: 100%;
	margin: 0 auto;
	text-align:center;
	padding:0;
	font-size:0.75em;
	line-height:25px;
	color:#fff;
}

#cambia_lingua{
display:none;
}

#content h2 {
	font-size: 1.5em;
}
}