body{}
body,td,th {}

body, img, a, h1, h2, h3, h4, h5, p {
     /* Resizing resolution, elements change size smoothly */
     transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -webkit-transition:all 0.2s ease-in-out;
}

/*************************************************************/

/* Embed Fontfaces */

@font-face {
  font-family: 'Museo 100';
  src: url('../fonts/Museo100-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/../fonts/Museo100-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Museo100-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Museo100-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Museo100-Regular.svg#f0f75119aafb7a049e3bca3844b7ed90') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Museo 300';
  src: url('../fonts/Museo300-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Museo300-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Museo300-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Museo300-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Museo300-Regular.svg#529d18b4395c4760da652d7b592188b9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Museo 700';
  src: url('../fonts/Museo700-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Museo700-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Museo700-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Museo700-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Museo700-Regular.svg#bbb8d732448291d0f99910627ede3ed9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}



/*************************************************************/

h4{

	font: normal 1.6em/1.2 'Museo 300', Arial, sans-serif;
	color: #FF9C55;
	
	margin: 1.2em 0 1em 0;
	
	/*text-shadow: 0.05em 0.05em #055546;*/
	display: block;
}

h5{

	font: bold 1.4em/1.2 'Museo 300', Arial, sans-serif;
	color: #FF9C55;
	
	margin: 1em 0 1em 0;
	
	/*text-shadow: 0.05em 0.05em #055546;*/
	display: block;

}

p,
ul.lista-padrao li{
	font: 400 1.1em/1.3 'Museo 100', Arial, sans-serif;
	display: block;
}

p strong,
ul.lista-padrao li strong{
	font-family: 'Museo 700', Arial, sans-serif;
}

em{
	font-style:italic;
}

p{
	margin: 1.6em 0 0 0;
}

p.adireita a{ float: right;}

.conteudo p,
ul.lista-padrao li,
ul.lista-padrao-secundaria li{ color: #fff;}

/* Entre em contato */

p.entre-em-contato {
	margin: 1em auto 1em auto;
	text-align: center;
	font-size: 1.2em;
	color: #58867a;
	max-width: 700px;
}

p.entre-em-contato a{
	margin: 0 auto;
	
	font: normal 1.1em/1 'Museo 300', Arial, sans-serif;
	color: #fff;
	text-align: left;
	
	margin-bottom: 0.3em;
	display: block;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	background-image: url(../images/orcamento-icone.png);
	background-color: #FF9C55;
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
	padding: 16px 16px 14px 74px;

}

p.entre-em-contato a:hover,
p.entre-em-contato a:visited,
p.entre-em-contato a:active{
	text-decoration: none;
}


/* Quadro exemplo */

.quadro-exemplo{ color: #666; background-color: #cce5e2; margin: 1em 0 2em 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 1.4em; font: normal 0.9em/1.2 "Arial", sans-serif;}

.quadro-exemplo .azul{color: #36F;}
.quadro-exemplo .vermelho{color: #F00;}
.quadro-exemplo-maior{font-size: 120%; color: #000;}


/* Listas */

ul.lista-padrao{ margin: 1.6em 0 0 0.5em; padding: 0; list-style-type: none; }
ul.lista-padrao li{  margin: 0 0 0.7em 0; text-indent: 1em; background: url(../images/seta-lista.png) no-repeat 0 5px; }

ul.lista-padrao-secundaria{ margin: 0 0 1.2em 1em; padding: 0; list-style-type: none; }
ul.lista-padrao-secundaria li{ margin: 0 0 0.7em 0; text-indent: 1em; background: url(../images/seta-lista.png) no-repeat 0 3px; }

/* Botão topo */
 
a.topo{
	font: normal 1.1em/1 'Museo 300', Arial, sans-serif;
	color: #fff;
	background: url(../images/seta-topo.png) #FF9C55 no-repeat 6px 8px;
	padding: 5px 6px 5px 24px;
	margin: 1em 0 0 0.5em;
	display: block;
	text-decoration: none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
}

a.topo:hover,
a.topo:visited,
a.topo:active{ 
	background: url(../images/seta-topo.png) #FF9C55 no-repeat 6px 5px;
	text-decoration: none; 

}




/* Below 849px */

@media screen and (max-device-width: 849px),
screen and (max-width: 849px) {
	
	body{
		/*background-image: url(../images/background.jpg);
        background-repeat: repeat-x;*/
		background-color: #c9d9b7;
	}
	
	.conteudo{ 
		
		margin: 1em 0.8em;
		background-color: #08846d;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		
		overflow: hidden;
		padding: 1.5em; 
		display: block;
	}
	
	h1{
		margin: 1.5em auto;
		width: 280px;
		height: 130px;
		text-indent: -9999em;
		background: url(../images/sonia-argollo-revisao-texto.png) no-repeat;
		background-size: 280px auto ;
		background-position: top center;
	}
	
	h3{
	
		font: normal 2.3em/1 'Museo 300', Arial, sans-serif;
		
		border-bottom: 2px solid #fff;
		
		color: #FF9C55;
		
		margin: 0 0 0.5em 0;
		
		/*text-shadow: 0.05em 0.05em #055546;*/
		display: block;
		
		padding: 16px 0 16px 0;
		
		clear: both;
	
	}
	
	.divisoria-capitulo{
		display: none;
	}
	
	p.entre-em-contato a{
		width: 50%;
		min-width: 170px; /* Mobile */
        max-width: 190px;
	}


	
}

/* Desktop - 850 and more */

@media screen and (min-width: 850px) {
	
	body{ 
		/*background-image: url(../images/background.jpg);
		background-repeat: repeat-x;*/
        background-color: #c9d9b7;
	}

	.conteudo{
		
		margin: 2em auto;
		max-width: 840px;
		height: auto;
		background-color: #08846d;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		
		overflow: hidden;
		padding: 1.8em; 
		display: block;
		
		-moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
		-ms-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
		-o-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
		-webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
		box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
	
	}
	
	h1{
		margin: 1.5em auto;
		width: auto;
		height: 140px;
		text-indent: -9999em;
		background: url(../images/sonia-argollo-revisao-texto.png) no-repeat;
		background-size: auto 140px;
		background-position: top center;
	}
	
	h3{
	
		font: normal 2.3em/1 'Museo 300', Arial, sans-serif;

		color: #FF9C55;
		
		margin: 0;
		
		/*text-shadow: 0.05em 0.05em #055546;*/
		display: block;
		
		padding: 5px 0 5px 0;
		border: 1px solid #08846d;
		
		clear: both;
	
	}
	
	.divisoria-capitulo{
		background: url(../images/divisoria-left.png) no-repeat 0 100%, url(../images/divisoria-right.png) no-repeat 100% 100%;
		height: 12px;
		width: 100%;
		display: block;
		
		border: 1px solid #08846d;
	}
	
	p.entre-em-contato a{
		width: 27%;
		min-width: 170px; /* Mobile */
	}
	
	p.entre-em-contato a:hover{
		
		background-image: url(../images/orcamento-icone-hover.png);
		background-color: #FF9C55;
		background-size: auto 30px;
		background-repeat: no-repeat;
		background-position: 10px 10px;
		
		padding: 16px 16px 14px 94px;
	}
	
	
}