/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1079px) {

  .nav-collapse ul li a {
	  font: 0.8em 'Arial', sans-serif;
	  text-decoration: none;
	  color: #ffe8b6;
	  padding: 0.2em .4em;
	  margin:0.1em 0;
	  display: inline-block;
	  border-right: #fff solid 1px;
	  box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
  }
  h3 {
	  font: 180%/200% 'Libre Baskerville', serif;
	  font-style:italic;
  }
  h4.acervo {
	  font: 100%/150% 'Libre Baskerville', serif;
	  font-style:italic;
	  padding-bottom:1em;
  }
  .google-maps {
	  position: relative;
	  padding-bottom: 30%;/* This is the aspect ratio */
	  height: 0;
	  overflow: hidden;
  }
  .citacao { font: 180%/150% 'Great Vibes', cursive; }
  .full { width:758px !important; } /*torna os mapas full width*/
}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .selo {
	  display:none;
  }
  header h1 {
	  font: 2em/1.5em 'Libre Baskerville', serif;
	  padding-top:2em;
  }
  h2 {
	  font: 1.4em 'Libre Baskerville', serif;
  }
  /* Igual a display:none mas acessível a leitores de tela */
 /* .nav-collapse { 
	  position: absolute;
	  overflow: hidden;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  width: 1px;
	  margin: -1px;
	  padding: 0;
	  border: 0;
  }*/
  .search {
	  padding-right:2em;
  }
  .google-maps {
	  position: relative;
	  padding-bottom: 30%;/* This is the aspect ratio */
	  height: 0;
	  overflow: hidden;
  }
}




/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  .selo, .icones {
	  display:none;
  }
  header h1 {
	  font: 1.5em/1.5em 'Libre Baskerville', serif;
	  padding-top:1.5em;
  }
  h2 {
	  font: 1em 'Libre Baskerville', serif;
  }
  h3 {
	  font: 150%/250% 'Libre Baskerville', serif;
	  font-style:italic;
  }
  footer h3 {
	  font: 1.1em "Verdana", Geneva, sans-serif;
	  font-weight: bold;
	  padding-top:1em;
  }
  h4 {
	  font: 120%/200% 'Libre Baskerville', serif;
	  font-style:italic;
  }
  .img-item { width:130px; }
  .ts150 { height:122px; }
  .search {
	  padding-right:1em;
  }
  .resize-mobile {
	  width:80%;
	  float: left;
  }
  .google-maps {
	  position: relative;
	  padding-bottom: 50%;/* This is the aspect ratio */
	  height: 0;
	  overflow: hidden;
  }
  .google-maps iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100% !important;
	  height: 100% !important;
  }
 .container .offset-by-five { padding-left: 0; }
 .container .one.column, .container .one.columns { 
   	width:45px; 
  	
	}
  .container .two.columns { 
  width:100px; 
  margin-left: 2px; margin-right: 2px;}
   h4.acervo {
	font: 100%/200% 'Libre Baskerville', serif;
	font-style:italic;
	 }
}



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
    
@media only screen and (min-width: 480px) and (max-width: 767px) {
  header h1 {
	  font: 2em/1.5em 'Libre Baskerville', serif;
	  padding-top:2em;
  }
  h2 {
	  font: 1.4em 'Libre Baskerville', serif;
  }
  .container .one.column, .container .one.columns { 
  	width:60px; 
  	margin-left: 5px; 
  	margin-right: 5px;
  }
  .container .one.column.diferente { width:30px; } /* hack para a pagina acervo*/
  .container .two.columns { 
	 width:80px;
  }
  h4.acervo {
	font: 80%/200% 'Libre Baskerville', serif;
	font-style:italic;
	 }
}




/*  #Print
================================================== */

@media print {

/* Geral*/
	@page {
margin: 2cm;
}
a {
	color: #000;
}
 a[href^=http]:after {
content:" <" attr(href) "> ";
} /*imprime o endereço em hiperlinks*/
header:before {
	content: "Centro Cultural do Ministério da Saúde - www.ccms.saude.gov.br";
}
/* Cores */
	.vermelhao, .laranja, .ocre, .verde, .cinza, .azul {
	color: #000;
}
/*Display:none*/	
	.nav-desktop, .selo, .icones, .submenu, .button {
	display:none;
}
#rotate-slide, #busca, #slides, #slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3, #footer-principal {
	display:none;
}
img, figcaption {
	display:none !important;
}
/*Tamanhos e larguras*/
	.container {
	width: 16cm;
}
.container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .one-third.column,  .container .two-thirds.column {
	width: 16cm !important;
}
header h1 {
	color: #000;
	text-align: left;
	font-size: 24pt;
	margin-top:20pt;
}
header h2 {
	color: #000;
	text-align: left;
	font-size: 22pt;
}
#footer-secundario {
	background: #fff;
	padding: 0;
	border-bottom:none;
}
h2 {
	font: 22pt "Times New Roman", Times, serif;
	border-bottom: 2px solid #000;
}
h3 {
	font: 140%/170% "Times New Roman", Times, serif;
}
h4 {
	font: 110%/150% "Times New Roman", Times, serif;
}
h5 {
	font:  110%/150% "Times New Roman", Times, serif;
}
h6 {
	font: 100%/150% Georgia, "Times New Roman", Times, serif;
}
p {
	font: 100%/200% Georgia, "Times New Roman", Times, serif;
}
article ul li {
	font: 100%/200% Georgia, "Times New Roman", Times, serif;
	content: "» ";
}
.sublinha {
	clear: both;
	border-bottom: 1px solid #000;
	padding-bottom: 1em;
}
.aside {
	padding: 1.3em 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.spacerXG {
	padding-top: 24pt;
}
.spacerG {
	padding-top: 18pt;
}
.spacerM {
	padding-top: 17pt;
}
.spacerP {
	padding-top: 16pt;
}
.pad-top, pad-mobile {
	margin-top: 16pt;
}
.texto-direita {
	text-align: left;
}
}