@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body { background:#666; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; }

a{ color:#3B277B; }
p { margin: 8px 0; }

h1, h3, h5 { color: #FFFFFF; }
h2, h4 { color: #CCCCCC; }

/* #Site Styles
================================================== */
#siteOff { margin-top: 10px; text-align:center; } 

#logoPagina { text-align:center; }
#logoPagina img{ margin-top: 20px; }

.nav { position:relative; }
#nav { opacity:1; float:right; margin: 0; }
#nav nav {
	display: none;
	margin: 0;
	padding: 20px 0;
	text-align:center;
}
#nav nav a{
	padding: 0 10px;
	text-decoration: none;

	color:#FFF;
	font-size: 16px;
}
#nav nav a:hover { color:#CCC; text-decoration: none; }

.menu{ display: inline-block; cursor: pointer; margin: 20px 0; width: 40px; display: block; float:right; }
.menu strong{ float:right; margin-right: 50px; margin-top: 5px; color: #FFFFFF; }
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #FFFFFF;
    margin: 6px 0;
    transition: 0.4s;
	border-radius: 2px;
}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

.navMobile { display:none; }
.change { display:block; }

#navMobile nav { margin-bottom: 10px; text-align:center; }
#navMobile nav a{
	font-size: 25px;
	color: #FFFFFF;
	
	position: relative;
	margin: 0px;
	padding: 5px 0;
	display:block;
	text-align:center;
	text-decoration:none;
}
#navMobile nav a:first-of-type{ }
#navMobile nav a:last-child{ }

.footer {
	color: #999999;
	background: #000000;
	padding: 15px 0;
}

.footer p{ margin: 5px 0; }

.footer a{
	color:#FFF;
	text-decoration: none;
}

.footer nav a{
	display:block;
}

.ordepweb{ 
	font-size: 10px; text-align:right;
	padding-top: 30px;
}
.ordepweb span{ margin-right:-25px; }

.textCenter { text-align:center; }

/* #Inicio Styles
================================================== */
.crf-230 { text-align:justify; min-height: 500px; padding: 30px 0 50px; background: #F3F3F3; color: #000000; }
.crf-230 h1, .crf-230 h3, .crf-230 h5 { color: #333333; }
.crf-230 h2, .crf-230 h4 { color: #666666; }

.crf-250f { text-align: justify; padding: 30px 0 30px; background: #FFFFFF; color: #000000; }
.crf-250f h1, .crf-250f h3, .crf-250f h5 { color: #333333; }
.crf-250f h2, .crf-250f h4 { color: #666666; }

.cc-crf-250f { text-align:justify; padding: 30px 0 30px; background: #333333; color: #000000; }
.cc-crf-250f img { border-radius: 20px; }
.cc-crf-250f h1, .cc-crf-250f, .cc-crf-250f h5 { color: #CCCCCC; }
.cc-crf-250f h2, .cc-crf-250f h4 { color: #CCCCCC; }

/* #Paginas Styles
================================================== */
.pagina { text-align:justify; min-height: 500px; padding: 30px 0 50px; background: #FFFFFF; color: #000000; }
.pagina h1, .pagina h3, .pagina h5 { color: #333333; }
.pagina h2, .pagina h4 { color: #666666; }

/* #Inicio Styles
================================================== */

/* #Representante Styles
================================================== */
.representante { padding: 20px 0 40px; background: #333333; }
.representante h1 { color: #CCCCCC; }

/* #Contato Styles
================================================== */
.contato { padding: 20px 0 20px; background: #F3F3F3; color: #000000; }
.contato h1, .contato h3, .contato h5 { color: #333333; }
.contato h2, .contato h4 { color: #666666; }
.contato .telefoneContato { font-size: 20px; }
#contato ul{ list-style: none; margin: 0; padding: 0;}
#contato li{ margin-top: 0; margin-bottom: 0; }
#contato form{ margin: 0; padding: 0; }
#contato label{ margin: 0; padding: 0; }

@media (min-width: 400px) {
}

@media (min-width: 550px) {
}

@media (min-width: 750px) {
}

@media (min-width: 1000px) {
	/* #Site Styles */
	.menu { display: none; }
	#nav nav { display: block; }
	
	.footer nav a{ display:inline; font-size: 12px; padding-right: 10px; }
}

@media (min-width: 1400px) {
	#nav nav a{ padding: 0 15px; font-size: 20px; }
	.footer nav a{ font-size: 18px; padding-right: 20px; }
}
@media (min-width: 1900px) {
	#nav nav a{ padding: 0 20px; font-size: 26px; }
	.footer nav a{ font-size: 20px; }
}