/*  Geral
----------------------------------------------------------------------------------------------------*/
body {
	background: #ffffff url(../images/faixaHeader.jpg) repeat-x;
	font: normal 100% Verdana, Geneva, sans-serif;
	color: #333333;
}
a {
	text-decoration: none;
	color: #C30;
	font-weight: bold;
}
a:hover {
	color: #F90;
}



/* Elementos de diagramação e formatação
----------------------------------------------------------------------------------------------------*/
/*Espaçamento*/
.spacerXG {
	padding-top: 8em;
	clear: both;
}
.spacerG {
	padding-top: 4em;
	clear: both;
}
.spacerM {
	padding-top: 3em;
}
.spacerP {
	padding-top: 1em;
}
.resize-image {
	max-width: 100%;
	height: auto;
}
.pad-top {
	margin-top: 18px;
}
/*Alinhamento*/
.dir {
	float: right;
}
.texto-direita {
	text-align: right;
}
.texto-centro {
	text-align:center;
}
.clear {
	clear: both;
}
/*Estilo*/
.forte {
	font-weight: bold;
}
.italizado {
	font-style: italic;
}
.sublinha {
	clear: both;
	border-bottom: 2px solid #ffe59a;
	padding-bottom: 1em;
}
.aside {
	padding: 1.3em 0;
	border-top: 2px solid #ffe59a;
	border-bottom: 2px solid #ffe59a;
}
/*Cores*/
.vermelhao {
	color: #C30;
}
.laranja {
	color: #C60;
}
.ocre {
	color: #c19207;
}
.verde {
	color: #527052;
}
.cinza {
	color: #666;
}
.azul {
	color: #475788;
}
/*Ajustes*/
.icone {
	font-weight: normal;
}
.icone a {
	font-weight: normal;
}
.meio-icone {
	margin-top: 1em;
}



/* Articles
----------------------------------------------------------------------------------------------------*/
p {
	font: 100%/200% "Verdana", Geneva, sans-serif;
	margin-bottom: 1em;
}
h2 {
	font: 2em/1.25em 'Sorts Mill Goudy', 'serif';
	padding-bottom: 0.2em;
	border-bottom: 2px solid #ff9900;
	margin-bottom: 1em;
}
h3 {
	font: 2.2em/1.5em 'Yanone Kaffeesatz', sans-serif;
	margin-bottom: 1.5em;
}
h4 {
	font: 1.7em/2em 'Yanone Kaffeesatz', sans-serif;
}
h5 {
	font: 1.5em/2.5em 'Yanone Kaffeesatz', sans-serif;
}
h6 {
	font: 1em/1.6em "Verdana", Geneva, sans-serif;
}
article ul li {
	font: 0.9em/1.8em "Verdana", Geneva, sans-serif;
	/*line-height: 1.5em;*/
	margin-left: 1.2em;
}
.quadro {
	background-color:#ffe59a;
	padding:20px 10px;
	border-radius:25px;
}



/* Header
----------------------------------------------------------------------------------------------------*/
header h1 {
	font: 2.8em/0.9em 'Sorts Mill Goudy', 'serif';
	color: #CC3300;
	text-align: right;
	text-transform: uppercase;
}
header h2 {
	font: 2.25em 'Sorts Mill Goudy', 'serif';
	color: #4A463B;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 0;
	margin-bottom: 0;
}
header { 
	position: relative; 
	z-index: 20;	
}



/* `Menu desktop
----------------------------------------------------------------------------------------------------*/

.nav-desktop {
	list-style: none;
	float: right;
	padding-top: 3.37em;
	position: relative;
	z-index: 20;
}
.nav-desktop a {
	font-weight: normal;
}
.nav-desktop li {
	position: relative;
	float: left;
}
.nav-desktop li a {
	color: #333;
	padding: 0.43em 0.93em;
	display: block;
}
.nav-desktop li a:hover {
	background: #f90;
	color: #fff;
}
.nav-desktop li ul {
	position: absolute;
	top: 1.9em;
	left: 0;
	background-color: #ffe59a;
	display: none;
}
.nav-desktop li:hover ul, .nav-desktop li.over ul {
	display: block;
}
.nav-desktop li ul li {
	border-bottom: 2px solid #f90;
	display: block;
	width: 16em;
}



/* Submenu
----------------------------------------------------------------------------------------------------*/
.submenu {
	background-color: #ffe59a;
	padding: 1.2em 0.5em;
	border-radius: 0 0 25px 25px;
}
.submenu h3 {
	font: 1.1em "Verdana", Geneva, sans-serif;
	font-weight: bold;
	margin: 1.8em 0 1.2em 0;
}
.submenu a {
	color:#333;
}
.submenu a:hover {
	color: #C30;
}
.submenu .current {
	color: #C30;
	font-weight :bold;
}
.submenu ul li {
	font: 100%/200% "Verdana", Geneva, sans-serif;
	margin-left: 1.2em;
}
.submenu ul li a {
	font-weight: normal;
}



/* Slider
----------------------------------------------------------------------------------------------------*/
#rotate-slides{
	position: relative;
}
.container-slider {
	width:auto;
	margin: 0 auto;
	position: relative;
}
#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5, #slider_content6 {
	width:460px;
	position:absolute;
	top:25%;
	left:55%;
	display:none;
	z-index:10;
}
#slider_content1 {
	display:block;
}
#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3, #slider_content6 h3 {
	color:#fff;
	font: 1.5em/1.5em 'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	background-color:#CC3300;
	padding:10px 15px;
	border-radius: 15px 0 15px 0;
	display:inline-block;
}



/* Faixa amarela e posicionamento da busca
----------------------------------------------------------------------------------------------------*/
#busca {
	width: auto;
	height: 2.8em;
	background-color: #fc3;
	position: relative;
}
#busca .search {
	margin-top: 0.5em;
	width: auto;
	float: right;
}



/* Botão
----------------------------------------------------------------------------------------------------*/
.button {
	padding: 0.4em 1em;
	background-color: #c30;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.button:hover {
	background:none #ff9933;
	text-shadow:none;
	color: #4A463B;
}
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	display: none;
}



/* Footer
----------------------------------------------------------------------------------------------------*/
#footer-principal {
	background: #fc3;
	padding: 3em;
}
#footer-principal h3 {
	font: 1.2em "Verdana", Geneva, sans-serif;
	font-weight:bold;
	color:#3e4095;
	padding-bottom: 0.6em;
}
#footer-principal p {
	font: 100%/180% "Verdana", Geneva, sans-serif;
}
#footer-secundario {
	background: #ff9900;
	padding: 1.3em;
	border-bottom:	0.5em solid #f30;
}
#footer-secundario a:hover {
	color: #ffe59a;
}



/* Galerias
----------------------------------------------------------------------------------------------------*/
.img-item {
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
}
.img-item a {
	position: relative;
	display: block;
}
.thumb-screen {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background: #000 url(../images/busca0.png) center center no-repeat;
	z-index:30;
	opacity: 0;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
  	filter: alpha(opacity=30); /* IE 5-7 */
 	transition: opacity .5s ease;
}

.thumb-screen:hover {
	opacity:0.5;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
  filter: alpha(opacity=50);
}
.ts150 {
	height:150px;
}
.ts140 {
	height:140px;
}



/* Masonry (página Uma mulher à frente do seu tempo)
----------------------------------------------------------------------------------------------------*/
#masonry {
	width: 960px;
	margin: 0 auto;
}
.masonryImage {
	margin:0.5em;
}
.block {
	display:block;
	background: #ffe59a;
	text-align:center;
	width:220px;
	margin:0.5em;
}
p.frase {
	margin-top: 1em;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-weight:bold;
	color: #280f76;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
 	#masonry { width: 768px; }
}
 @media only screen and (max-width: 767px) {
 	#masonry { width: 300px; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 	#masonry { width: 480px; }
}



/* Icones
----------------------------------------------------------------------------------------------------*/
.icones {
	float: right;
	padding-top: 0.5em;
}
a.tooltip {
	position:relative; /*this is the key*/
	z-index:12;
	color:#C30;
	text-decoration:none;
	padding: 0 0.3em;
}
a.tooltip:hover {
	z-index:13;
	color: #f93;
}
a.tooltip span {
	display: none
}
a.tooltip:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:1.5em;
	left:1.5em;
	font: 12px "Verdana", Geneva, sans-serif;
	padding:0.3em;
	border-radius: 5px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	background-color: #ffe59a;
	color:#C30;
	text-align: center;
}



/* Busca swiftype
----------------------------------------------------------------------------------------------------*/
 /*search-box*/
body form input.st-search-input {
  width: 15em;
  font-weight: bold;
}
/*autocomplete*/
.swiftype-widget .autocomplete ul li p.title { 
	color: #C30; /* Change color of search result text */
	text-shadow: none;
}
.swiftype-widget .autocomplete ul li.active p.title { 
	color: #C30; 
	-webkit-box-shadow: none;
	text-shadow:none;
}
.swiftype-widget .autocomplete ul li.active p.title em{ 
	color: #C30;
	-webkit-box-shadow: none;
	text-shadow:none;
}
.swiftype-widget .autocomplete ul li.active {
  background: none;
  background-color: #ffe59a;
  border-top: none;
  border-bottom: none;
  -webkit-box-shadow: none;
}
.swiftype-widget .autocomplete ul li.active .sections {
  color: #333;
  text-shadow:none;
}
.swiftype-widget .autocomplete ul li.active .sections em {
  color: #000;
  font-weight: bold;
}
/*Resultado da busca*/
.st-result-listing h2 {
	font: 24px 'Sorts Mill Goudy', 'serif';
	padding-bottom: none;
	border-bottom: none;
	margin-bottom: none;
}

.st-search-summary h2 {
	font: 2em/1.25em 'Sorts Mill Goudy', 'serif';
	padding-bottom: 0.2em;
	border-bottom: 2px solid #ff9900;
	margin-bottom: 1em;
}
.st-search-summary h2:nth-child(1) {
	font: 2em/1.25em 'Sorts Mill Goudy', 'serif';
	padding-bottom: 0.2em;
	border-bottom: 2px solid #ff9900;
	margin-bottom: 1em;
}
.st-result-listing a {
  color: #C0242D;
}
.st-result-listing a:hover {
  color: #F90;
}
.st-search-result-link {
	font: 2.2em/3.2em 'Yanone Kaffeesatz', sans-serif;
}
.st-snippet em {
  font-weight: bold;
}




/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/



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

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

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.nav-desktop { padding-top: 6em; }
	.nav-desktop li { font-size:90%; }
	.nav-desktop li a { padding: 0.25em 0.60em; }
	.nav-desktop li ul { top: 1.5em; }
	.meio-icone { margin-top: 0.5em; margin-left: 0.5em; }
	h2 { font: 1.6em/1.2em 'Sorts Mill Goudy', 'serif'; }
	h3 { font: 1.7em/2em 'Yanone Kaffeesatz', sans-serif; }
	h4 { font: 1.5em/2em 'Yanone Kaffeesatz', sans-serif; }  
	h5 { font: 1.3em/2em 'Yanone Kaffeesatz', sans-serif; } 
	h6 { font: 1.0em/1.6em "Verdana", Geneva, sans-serif; }
	.ts150 { height:124px;}
}




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

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

@media only screen and (max-width: 767px) {
	.selo, .icones { display:none; }
	#main-nav, .submenu { /* Igual a display:none mas acessível a leitores de tela */
		position: absolute; 
		overflow: hidden; 
		clip: rect(0 0 0 0); 
		height: 1px; 
		width: 1px; 		
		margin: -1px; padding: 0; border: 0; 
 	}
	header h1 { 
		font: 2.0em/0.9em 'Sorts Mill Goudy', 'serif'; 
		margin: 1.7em 0 0 0; 
		line-height:1.2em; }
	header h2 { font: 1.5em  'Sorts Mill Goudy', 'serif'; }
	#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5 {
		width:300px;
		top:18%;
		left:30%;
	}
	#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3 { font: 1.0em/1.0em 'Yanone Kaffeesatz', sans-serif; }
	body form input.st-search-input { width: 10em; }
	#footer-principal p { font: 80%/150%  "Verdana", Geneva, sans-serif; }
	#footer-principal h3 { font: 1.0em "Verdana", Geneva, sans-serif; padding: 0.6em 0; }
	.spacerXG { padding-top: 6em;	clear: both; }
	.spacerG {  padding-top: 2em; clear: both; }
	.spacerM {  padding-top: 2em; }
	.spacerP {  padding-top: 1em; }
	.pad-top, .pad-mobile { margin-top: 10px; }
	h2 { font: 1.6em/1.2em 'Sorts Mill Goudy', 'serif'; }
	h3 { font: 1.7em/2em 'Yanone Kaffeesatz', sans-serif; }
	h4 { font: 1.5em/2em 'Yanone Kaffeesatz', sans-serif; }
	h5 { font: 1.3em/2em 'Yanone Kaffeesatz', sans-serif; }    
	h6 { font: 1.0em/1.6em "Verdana", Geneva, sans-serif; }
	.small { font-size:70% }
	.texto-direita { text-align: left;}
	figcaption { font-style: italic; }
	.margem-lateral { margin-left: 5px; margin-right: 5px; }
	.resize-mobile {width:30%; float: left; }
}



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

    /* Note: Design for a width of 480px */
    
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	
}




/*  #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; }
}