body{
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, ul, li, p{
	margin: 0;
	padding: 0;
}

a {
	color: #01579B;
	text-decoration: none;
}

div.container {
	margin: 0 auto;
	max-width: 960px;
	min-width: 270px;
	padding: 15px 5%;
}

/* topo */

header {
	background: top center url("../img/paisagem.jpg");
	background-size: cover;
	height: 850px;
}

h1 {
	background-image: url("../img/medeiros-seguros.png");
	height: 75px;
	overflow: hidden;
	margin: 10px auto 0;
	text-indent: -9999em;
	width: 223px;
}

h2 {
	color: #6B7A8A;
	font-weight: 300;
	font-size: 2em;
	line-height: 1em;
	margin: 60px 0 190px;
	text-align: center;
}

article.chamada {
    background-image: url("../img/bg-calltoaction.png");
    height: 400px;	
    padding: 18px 10%;
}

article.chamada img {
	display: block;
	height: 80px;
	margin: 0 auto 7.5%;
	width: 80px;
}

article.chamada p {
    background: left .5em no-repeat url("../img/bg-check.png");
    color: #FFF;
    font-size: 1.3em;
    font-weight: 100;
    margin-bottom: 15px;
    min-height: 1.5em;
    padding-left: 3em;
}
/*font-size: 1.6em;*/

article.chamada a.call-to-action {
	background-color: #4DAF4E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	display: block;
	font-size: .9em;
	margin: 30px auto;
	padding: 15px 0;
	text-align: center;	
	text-transform: uppercase;
	width: 200px;
}

article.chamada a.call-to-action:hover {
	background-color: #3A863D
}

/* seguradoras */

article.seguradoras{
	padding: 30px 0;
}

article.seguradoras h3 {
	clear: both;
	color: #BDC3C7;
	font-size: .9em;
	font-weight: 300;
	padding: 20px 0 0;
	text-align: center;
}

article.seguradoras ul{
	list-style: none;
	margin: 0 auto;
	width: 300px;
}

article.seguradoras li{
	display: block;
	float: left;
}

article.seguradoras li.horizontal{
	height: 53.3px;
	width: 86.7px;
}

article.seguradoras li.vertical{
	height: 53.3px;
	width: 43.3px;
}

article.seguradoras li.quadrado{
	height: 53.3px;
	width: 53.3px;
}

article.seguradoras li.superior{
	margin: 0 12px;
}

article.seguradoras li.central{
	margin: 0 28px;
}

article.seguradoras li.inferior{
	margin: 0 16px;
}

article.seguradoras li img{
	height: auto;
	width: 100%;
}

/* canais de contato */

article.canais-contato {
	background-color: #20C3F3;
	padding: 30px 0;
}

article.canais-contato h3{
	color: #FFF;
	font-size: 1.8em;
	font-weight: 300;
	text-transform: uppercase;
}

article.canais-contato section.canal{
	background: 10px top no-repeat;
	margin-top: 30px;
	padding-left: 90px;
}


article.canais-contato section.canal h4{
	color: #2C3F53;
	font-weight: 400;
	margin-bottom: 3px;
	text-transform: uppercase;
}


article.canais-contato section.canal p{
	color: #FFF;
	font-weight: 300;
}

article.canais-contato section.canal p.informacao {
	font-weight: 700;
}

article.canais-contato section.canal.email p.informacao {
	font-size: .8em;
}

article.canais-contato section.canal p.informacao a{
	color: #01579B;
	font-weight: 400;
}

article.canais-contato section.canal p.informacao a.botao{
	background: #4DAF4E;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	display: block;
	font-size: .5em;
	margin-top: 5px;
	padding: 5px 0;
	text-transform: uppercase;
	text-align: center;	
	width: 100px;
}

article.canais-contato section.canal p.informacao a.botao:hover {
	background-color: #3A863D
}

article.canais-contato section.canal.telefone{background-image: url("../img/contato-telefone.gif");}
article.canais-contato section.canal.ligamos{background-image: url("../img/contato-ligamos.gif");}
article.canais-contato section.canal.site{background-image: url("../img/contato-site.gif");}
article.canais-contato section.canal.whatsapp{background-image: url("../img/contato-whatsapp.gif");}
article.canais-contato section.canal.email{background-image: url("../img/contato-email.gif");}

/* conteudo */

article.conteudo{
	padding: 30px 0 0;
}

article.conteudo h3{
	color: #2C3F53;
	font-size: 1.8em;
	font-weight: 400;
	text-transform: uppercase;
}

article.conteudo h3 span{
	color: #20C3F3;
}

article.conteudo p,
article.conteudo nav ul li,
article.conteudo nav ul li a {
	color: #888;
}

article.conteudo nav,
article.conteudo p{
	font-size: 1em;
	margin: 20px 0 50px;
}

article.conteudo nav ul li{
	margin-top: 10px;
}

article.conteudo nav ul li a{
	color: #888;
	font-size: 1em;
	text-decoration: underline;
}

/* rodapé */

footer {
	background: #2F4154;
	padding: 30px 0 0;
}

footer p.logotipo-rodape{
	background: no-repeat url("../img/medeiros-seguros-rodape.gif");
	height: 75px;
	overflow: hidden;
	margin: 0 auto;
	text-indent: -9999em;
	width: 220px;
}

footer p.slogan{
	color: #ACB3BB;
	font-size: .8em;
	font-style: italic;
	font-weight: 400;
	margin-top: 10px;
	text-align: center;
}

footer nav {
	margin-top: 30px;
}

footer nav p{
	color: #20C3F3;
	font-size: .8em;
	margin: 0 auto;
	width: 120px;
}

footer nav ul{
	border-left: 1px solid #20C3F3;
	margin: 0 auto;
	padding: 0 10px;
	width: 100px;
}

footer nav ul li a {
	color: #ACB3BB;
	font-weight: 300;
}

footer nav ul li a:hover {
	color: #20C3F3;
}

footer p.solicite{
	color: #FFF;
	font-size: 1.5em;
	font-weight: 100;
	margin-top: 30px;
	text-align: center;
}

footer p.telefone{
	color: #FFF;
	font-size: 1.9em;
	font-weight: 700;
	text-align: center;
}

footer p.telefone span{
	font-size: .7em;
}

article.orgaos{
	background: #293B4D;
}

article.orgaos section div{
	float: left;
	width: 50%;
}

article.orgaos section div a img{
	border: none;
}

article.orgaos section div img{
	display: block;
	margin: 0 auto;
}

article.orgaos section p{
	clear: both;
	color: #20C3F3;
	line-height: 2.3em;
	font-size: .8em;
	font-weight: 300;
	text-align: center;
}

div.clear{
	clear: both;
}

@media (min-width: 420px) {
	header {
		height: 850px;
	}

	article.chamada {
	    height: 400px;
	}

	article.chamada p{
		background-position: left top;
	}
}

@media (min-width: 568px) {
	header {
		height: 730px;
	}

	article.chamada {
	    height: 312px;
	}

	article.chamada p {
		background-position: left center;
		line-height: 1.8em;
		margin: 0 auto;
	    width: 350px;
	}

	article.chamada img {
		margin: 0 auto 25px;
	}

	article.canais-contato section.canal{
		height: 90px;
	}
}

@media (min-width:667px) {
	article.canais-contato section.canal{
		width: 33%;
		float: left;
	}
}

@media (min-width: 960px) {
	h2 {
		font-size: 2.6em;
		line-height: 1em;
		margin: 80px 0 180px;
	}

	header {
		height: 720px;
	}

	article.chamada {
	    height: 219px;
	    padding: 50px 10%;
	}

	article.chamada img {
		float: left;
		height: auto;
		margin: 20px 50px 0 0;
		width: auto;
	}

	article.chamada p {
	    font-size: 1.8em;
	    padding-left: 2em;
	    float: left;
	    width: 450px;
	}

	article.seguradoras ul{
		width: auto;
	}

	article.seguradoras li.horizontal,
	article.seguradoras li.vertical,
	article.seguradoras li.quadrado,
	article.seguradoras li.superior,
	article.seguradoras li.central,
	article.seguradoras li.inferior{
		height: auto;
		width: auto;
		margin: 0 2px 0 .5px;
	}

	article.seguradoras h3 {
		font-size: 1.2em;
	}

	article.canais-contato {
		padding: 30px 0 60px;
	}

	article.canais-contato h3{
		font-size: 2.2em;
		margin: 0 0 30px;
	}

	article.canais-contato section.canal{
		width: 22%;
	}

	article.conteudo section {
		float: left;
		width: 50%;
	}

	footer nav,
	footer article,
	article.orgaos section{
		float: left;
		margin: 0;
		width: 30%;
	}

	article.orgaos section{
		width: 50%;
	}

	footer p.slogan{
		margin-bottom: 30px;
	}

	footer p.solicite{
		margin-top: 0;
	}
}

@media (min-width: 1000px) {
	article.seguradoras li.horizontal,
	article.seguradoras li.vertical,
	article.seguradoras li.quadrado,
	article.seguradoras li.superior,
	article.seguradoras li.central,
	article.seguradoras li.inferior{
		height: auto;
		width: auto;
		margin: 0 3.5px;
	}
}

@media (min-width: 1250px) {
	h2 {
		font-size: 3em;
		margin: 100px 0 280px;
	}

	header {
		height: 880px;
	}

	article.chamada {
	    height: 252px;
	}

	article.chamada img {
		margin: 20px 70px 0 0;
	}

	article.chamada p {
	    font-size: 2em;
	    width: 500px;
	}

	article.chamada a.call-to-action {
		font-size: 1.1em;
		margin: 30px auto;
		padding: 18px 0;
		width: 280px;
	}

	article.seguradoras,
	article.canais-contato,
	article.conteudo{
		padding: 50px 0;
	}

	article.seguradoras li.horizontal,
	article.seguradoras li.vertical,
	article.seguradoras li.quadrado,
	article.seguradoras li.superior,
	article.seguradoras li.central,
	article.seguradoras li.inferior{
		height: auto;
		width: auto;
		margin: 0 6.5px;
	}

	article.seguradoras h3 {
		font-size: 1.3em;
	}

	article.canais-contato h3{
		font-size: 2.5em;
		margin: 0 0 50px;
	}

	article.canais-contato section.canal{
		height: 110px;
		padding-left: 10%;
		width: 23%;
	}

	article.canais-contato section.canal h4{
		font-size: 1.2em;
	}

	article.canais-contato section.canal p {
		font-size: 1.2em;
	}

	article.canais-contato section.canal.email p.informacao {
		font-size: 1em;
	}

	article.canais-contato section.canal p.informacao a.botao{
		font-size: .75em;
		padding: 7px 0;
		width: 130px;
	}

	article.conteudo h3{
		font-size: 2em;
	}

	article.conteudo nav,
	article.conteudo p{
		font-size: 1.2em;
	}

	article.conteudo nav ul li{
		margin-top: 20px;
	}

	footer p.solicite{
		font-size: 2em;
		margin-top: 0;
	}

	footer p.telefone{
		font-size: 2.5em;
	}

	footer p.slogan{
		font-size: .9em;
	}

	article.orgaos section p{
		line-height: 2em;
		font-size: 1em;
	}
}

@media (min-width: 1420px) {
	h2 {
		font-size: 3.2em;
		margin: 120px 0 320px;
	}

	header {
		height: 942px;
	}

	article.chamada {
	    height: 252px;
	}

	article.chamada img {
		margin: 20px 70px 0 0;
	}

	article.chamada p {
	    font-size: 2em;
	    width: 500px;
	}

	article.chamada a.call-to-action {
		font-size: 1.1em;
		margin: 30px auto;
		padding: 18px 0;
		width: 280px;
	}
}