/* CSS por Rian Design - www.riandesign.com.br */








@media screen {
	
	form input[type=text],
	form input[type=email],
	select,
	textarea {
		background: #fff url(../img/input-bg.jpg) top repeat-x;
		border: 1px solid #b4b4b4;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
	}
	
	img {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.openSans { font-family: "Open Sans", Arial, Helvetica, sans-serif }
	
	.imgFloatLeft {
		float: left;
		margin: 0 20px 15px 0;
	}
	
	.imgFloatRight {
		float: right;
		margin: 0 0 15px 20px;
	}
	
	body {
		background: #ca3338 url(../img/bg.jpg) top center no-repeat;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #555;
	}
	
	/** Topo **/
	.topoCont {
		position: relative;
		background: url(../img/menu-bg.png) repeat;
		color: #fff;
		height: 80px;
	}
	.topoContHome {
		margin-bottom: 210px;
	}
	.topoContInterno {
		margin-bottom: 140px;
	}
	.logo {
		position: absolute;
		top: 40px;
		left: 0;
		width: 400px;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	}
	.logoInterno {
		position: absolute;
		top: 40px;
		left: 0;
		width: 280px;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	}
	.logo a:hover,
	.logoInterno a:hover {
		filter: alpha(opacity=85);
		opacity: .85;
	}
	
	.menuMobile { display: none }
	.menu li { float: right }
	.menu a {
		display: block;
		height: 80px;
		line-height: 80px;
		padding: 0 30px;
		float: right;
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		text-decoration: none;
	}
	.menu a:hover { color: #ffd5d6 }
	
	/** Slideshow **/
	.slideshow {
		position: relative;
		height: auto;
		background: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	}
	.slideshow div {
		position: absolute; 
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	/** Home - Chamada para "Serviços" **/
	.homeChamadaServicos {
		text-align: center;
		color: #fff;
		padding: 100px 0;
		font-size: 17px;
	}
	.homeChamadaServicos a {
		color: #fff;
		text-decoration: none;
	}
	.homeChamadaServicos a:hover { color: #ffd5d6 }
	.homeChamadaServicos .tit {
		font-size: 40px;
		text-transform: uppercase;
	}
	
	/** Rodapé **/
	.rodape {
		background: #f3f3f3 url(../img/rodape-bg.jpg) top repeat-x;
		font-size: 12px;
		line-height: 20px;
		color: #666;
		padding: 20px 0;
	}
	.rodape .assinatura {
		text-align: right;
		color: #999;
	}
	.rodape a { color: #666 }
	
	/** Cont da página interna **/
	.pgCont {
		background: #fff url(../img/pgcont-bg.jpg) top right no-repeat;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	}
	
	/** Título da página interna **/
	.titPg {
		color: #444;
		font-size: 32px;
		font-weight: bold;
		letter-spacing: -1.5px;
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #c4c4c4;
		text-transform: uppercase;
		cursor: default;
	}
	
	/** Contato **/
	.maisContatos {
		padding-left: 20px;
		border-left: 1px solid #ccc;
	}
	
	/** Tít de um tópico (ex: serviços) **/
	.titTopico {
		font-size: 15px;
		letter-spacing: -0.5px;
		margin-bottom: 10px;
		border-bottom: 2px solid #ccc;
		font-weight: bold;
		color: #222;
		margin-top: 30px;
		color: #ca3338;
		text-transform: uppercase;
	}
	
	/** Accordion (ex: serviços) **/
	.itemAccordion {
		margin-bottom: 10px;
	}
	.itemAccordion .tit {
		border: 1px solid #ccc;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: bold;
		cursor: pointer;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.itemAccordion .tit:hover {
		border: 1px solid #aaa;
		color: #111;
	}
	.itemAccordion .texto {
		display: none;
		padding: 10px 15px 5px 15px;
		background: #f0f0f0;
	}
	.itemAccordion img.imgHorizontal {
		width: 40%;
		float: left;
		margin: 0 15px 10px 0;
	}
	.itemAccordion img.imgVertical {
		width: 40%;
		float: left;
		margin: 0 15px 10px 0;
	}
	
}

@media screen and (min-width: 981px) and (max-width: 1365px) {
		
	/** Topo **/
	.menu a {
		padding: 0 18px;
		font-size: 14px;
	}	
	
}

@media screen and (min-width: 980px) {
	
	.logo a,
	.logoInterno a,
	.homeChamadaServicos a {
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
}

@media screen and (min-width: 481px) and (max-width: 979px) {
	
	body { background-size: 160% }
	
	/** Topo **/
	.topoCont { height: 60px }
	.topoContHome { margin-bottom: 148px }
	.topoContInterno { margin-bottom: 115px }
	.logo {
		position: absolute;
		top: 30px;
		width: 300px;
		left: 0;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	}
	.logoInterno {
		position: absolute;
		top: 30px;
		width: 220px;
		left: 0;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	}
	.menu a {
		height: 60px;
		line-height: 60px;
		padding: 0 11px;
		font-size: 12px;
	}
	
	/** Home - Chamada para "Serviços" **/
	.homeChamadaServicos {
		padding: 80px 0;
		font-size: 14px;
	}
	.homeChamadaServicos .tit { font-size: 30px }
	
}

@media screen and (min-width: 481px) {
	
}

@media screen and (max-width: 979px) {
	
}

@media screen and (max-width: 767px) {
	
	body { background: #fff url(../img/bg-mobile.jpg) top center no-repeat }
	
	/** Topo **/
	.topoCont {
		position: relative;
		background: none;
		border-bottom: 2px solid #ed3237;
		color: #fff;
		height: auto;
		padding-bottom: 15px;
		margin-bottom: 0;
	}
	.logo,
	.logoInterno {
		position: inherit;
		top: auto;
		left: auto;
		width: 60%;
		margin: 20px auto 0 auto;
	}
	
	.menu { display: none }
	.menuMobile {
		display: block;
		width: 80%;
		margin: 20px auto 0 auto;
	}
	.menuMobile select {
		color: #000;
		border: 1px solid #aaa;
		background: #fff;		
		padding: 5px;
	}
	.menuMobile select option {
		padding-bottom: 4px;
	}
	
	/** Rodapé **/
	.rodape { text-align: center }
	.rodape .assinatura {
		text-align: center;
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #ccc;
	}
	
	/** Home - Chamada para "Serviços" **/
	.homeChamadaServicos {
		background: #ca3338 url(../img/home-chamada-servicos-bg.jpg) top center no-repeat;
		margin: 20px 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 40px 30px;
		font-size: 12px;
	}
	.homeChamadaServicos .tit { font-size: 22px }
	
	/** Contato **/
	.maisContatos {
		padding-left: 0;
		border-left: none;
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
	}
	
	/** Accordion (ex: serviços) **/
	.itemAccordion .texto img.imgHorizontal {
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
	}
	.itemAccordion .texto img.imgVertical {
		width: 60%;
	}
	
}

@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 320px) {
	
	/** Topo **/
	.logo,
	.logoInterno {
		width: 95%;
	}
	
}