/*



TEMPLATE CRIADO POR: AGENCIA KLENS - MARKETING DIGITAL



PLATAFORMA: JOOMLA 3.3 - DIREITOS RESERVADOS - JOOMLA.ORG



CONTATO: (41) 4042-2778 / WWW.KLENS.COM.BR



*/







/*====================== TAGS PADRÕES ======================*/



@import url(http://fonts.googleapis.com/css?family=Lato);



body {



    background:#fff;

	font-family: "Lato",sans-serif;

	color:#9f9f9f !important;



}

ul#responsiveMenu121 li {
    list-style: none;
    display: inline-block;
    padding: 10px;
    position: relative;
    top: 5px;
    left: -30px;
}
ul#responsiveMenu121 li a {
    color: #ffffff;
}

.ba-form {
    padding: 0 !important;
}
#rt-menu .rt-grid-3.rt-omega {
    text-align: right;
}

#rt-menu .rt-grid-3 p {
    margin:0px;
    padding:0px;
}
a.bt-orcamento {
    color: #ffffff;
    background: #0dc746;
    position: relative;
    top: 15px;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 13px;
    text-transform: uppercase;
}

h3 {text-transform:uppercase; font-weight:400; line-height:30px;}



.tel-contato h2 {text-transform:uppercase; color:#9f9f9f; font-weight:100;}

.tel-contato .telefones-contato {font-size:20px;}

.tel-contato img {margin-top:30px;}



.mg30 {margin:20px 0px;}



.produtos h3 {font-size:18px;}

.produtos p {text-align:justify !important;}





#rt-header {background:url(../../../images/sistema/bg-header.jpg);}



.logo-block {padding: 15px 15px;}



#rt-header .rt-container .rt-block  {padding:12px 15px !important}



h1.titulo-slide {text-transform:uppercase; font-weight:bold; color:#5a5a5a; border-left:4px solid #ed1c24; padding:0px 0px 0px 20px; margin:0px; font-size:30px;}

h1 span.texto-light {font-weight:100 !important; color:#727272; font-size:29px;}



h1 {font-size: 160%; color:#333333;}



.services-homepage h3{color:#818181;}



p.leia-mais {margin-top:32px;}



.title, .component-content h2 {font-size: 18px; padding-bottom: 10px; text-transform:uppercase;}



.icones-top{text-align:center; margin-top:4px;}



.icones-top p {

    font-size: 10px;

    line-height: 14px;

    text-transform: uppercase;

	margin:0px 0px 0;

	padding:0px;

}



.icones-top img {margin-bottom:10px;}





#rt-showcase, #rt-extension {

    background-color: #ffffff;

    background-image:none;

    border-bottom:none;

    box-shadow:none;

    color: #333333;

    text-shadow:none;

	text-align:center;

	font-family: "Lato",sans-serif;

	font-weight:100;

}



#rt-showcase h2, #rt-extension h2 {text-transform:uppercase; font-weight:100; font-size:26px;}

#rt-showcase hr, #rt-extension hr {border-bottom: 3px solid #274f8e; width:100px; margin:0 auto;}



#rt-showcase p, #rt-extension p {

    color: #777;

    font-family: "Lato",sans-serif;

    font-size: 18px;

    font-weight: 100 !important;

    margin-top: 15px;

}



#rt-feature .services-homepage {text-align:center;}

#rt-feature .services-homepage h3 { font-weight:300; font-size:16px;}



h3, h2.title {

    font-size: 128%;

	padding-bottom: 0;

}



.title, .component-content h2 {

    margin-top: 10px;

	box-shadow: 0 1px 0 #ccc;

}



h2.title {border-bottom:none;}



.rt-block.telefone-top {

    margin-top:30px;

}



#rt-top-surround {

    text-shadow: none !important;

}



#rt-utility {background:#274f8e; color:#fff;}

#rt-utility h2 {

	border-left: 5px solid #d1d1d1;

	padding-left:15px;

	border-bottom:none;

    box-shadow:none !important;

    text-shadow: none !important;

	color: #fff;

	font-weight:100 !important;

	line-height:25px;

}



#rt-utility p {

	color:#d7dce6;

	font-weight:100 !important;

	font-size:18px;

	line-height:25px;

}



.btn-primary {

    border-color: none !important;

}



#rt-mainbody ul li {



    background: url("../../../images/sistema/arrow.png") no-repeat scroll left -172px rgba(0, 0, 0, 0);



    line-height: 25px;



    list-style: outside none none;



    padding-left: 23px;



}







.sprocket-mosaic h2 {font-size:120%; text-align:center; border-bottom:1px dotted #ccc;}



.sprocket-features-desc {text-align:justify;}



.sprocket-lists-item .sprocket-padding {text-align: justify;}



.sprocket-lists-item .readon, .sprocket-features-desc .readon {display:none;}



.font-size-is-default {line-height: 1.4em;}



.sprocket-strips-item {



    background-image: rgba(0, 0, 0, 60%);



} 











/*=========================== TOP ==========================*/







#rt-top .rt-block {margin: 0px 10px; padding:5px 10px 0px 0px}



#rt-top .soclinks {float:right;}



#rt-top div.soclinks img {width:25px !important; height:25px !important;}







/*========================== HEADER ========================*/







#rt-top-surround {



    background-color: #ffffff;



    background-image: none;



    border-bottom: none;



    box-shadow: none;



    color: #6e6e6e;



}







#rt-top-surround:after {



    background:none;



}







#rt-drawer {



    border-bottom: none;



}







/*========================== MENU ==========================*/



#rt-menu .rt-block  {margin:0px 10px; padding:0px 15px;}



#rt-menu {background:#274f8e;}



.gf-menu.l1 > li.active, .gf-menu.l1 > li:hover {border-radius:4px;} /*Raio da borda quando ativo e o hover*/



.gf-menu.l1 > li.active > .item {color:#000 !important} /*Cor do link quando ativo */



.gf-menu .item {color:#FF0;} /*Cor dos links*/



.gf-menu li:hover > .item {text-shadow:none;}



#rt-menu .gf-menu {margin: 10px 0 7px 25px;}



.gf-menu.l1 > li.active {box-shadow: none;}



.gf-menu .item {text-shadow: none;}







/*======================= BREADCRUMBS ======================*/







.breadcrumb {



    background-color: transparent !important;



    border-radius: 0px;



}







/*======================== SLIDESHOW ========================*/







#rt-slideshow {background:#3f4042;}



#rt-slideshow .rt-block {margin:0px 10px; padding:0px 15px;}







/*======================= SECTIONS ======================*/





#rt-section {background:#c2c2c5 url(../images/patterns/noise.png);}



#rt-section h1 {color:#fff; font-weight:100; text-transform:uppercase; font-size:18px;}





/*==================== PÁGINA DE CONTATO ====================*/







#rt-contato .mapa iframe {margin-top:25px; max-width: 100% !important;}



#rt-contato .telefones-contato1 {padding-right:10px; font-size:135%;}



#rt-contato .telefones-contato2 {padding-left:10px; font-size:135%;}



#rt-contato .custom iframe {width: 98% !important; height:253px !important; padding:6px; border:1px solid #aaaaaa;}



#rt-contato .custom small {display:none;}







/*========================== FOOTER =========================*/







#rt-footer .acysubbuttons {text-align: left !important;}



#rt-footer .acymailing_form p {margin:0px;}



#rt-footer .large {font-size:18px;}



#rt-footer .social-media {padding-top:0px;}



#rt-footer .logotipo-rodape {text-align:center; line-height:170px;}



div.soclinks img {opacity: 0.70 !important; filter: alpha(opacity=70) !important;}



div.soclinks img:hover {opacity: 1.0 !important; filter: alpha(opacity=100) !important;}







/*===================== COPYRIGHT KLENS =====================*/







#rt-copyright {text-align:center; background:url(../images/bg/bg-copyright.jpg);}



#rt-copyright p.copyright-klens {padding:0px; margin:0px; color:#aaa;}



#rt-copyright p.copyright-klens a:hover {color:#aaa}







/*==================== MÓDULO DE CLIENTES ===================*/







#prev101 {left: -25px !important; top: 40px !important;}



#next101 {right: -25px !important; top: 40px !important;}





/*==================== GALERIA DE IMAGENS ===================*/



.unite_responsive_tile_gallery {

    background-color: #fff !important;

}



div.unite_gallery .rtg-categories > li > a {

    background-color: #b4b4b4 !important;

}



/*======================= MEDIA QUERIES =====================*/







/* Smartphones */



@media (max-width: 480px) {



	#rt-footer .logotipo-rodape {line-height:0px;}



	.rt-block {margin:0px 10px;}



	#rt-contato .telefones-contato2 {padding-left:0px; display:block;}



	#rt-contato .telefones-contato1, #rt-contato .telefones-contato2 {font-size:100%;}



	#rt-contato .barra-separador, #rt-footer .logotipo-rodape, #rt-top .social-media,



	#prev101, #next101, .icones-top, .tel-contato img {display:none !important;}	

	

	#rt-showcase h2, #rt-extension h2 {

    font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 20px;

	}

	

	.title, .component-content h2 {font-size: 16px;}

	#rt-utility p {text-align: justify; line-height: 20px; font-size: 14px;}

	

	.tel-contato .telefones-contato {font-size:15px;}

	a.bt-orcamento {
    top: -22px;
	}
	.toggleMenu {
    position: relative;
    top: 10px;
}



}



/* Smartphones to Tablets */



@media (min-width: 481px) and (max-width: 767px) {



	#rt-footer .logotipo-rodape {line-height:0px;}



	.rt-block {margin:0px 10px;}

	

	p.telefone, p.celular {text-align: center;}



}



/* Tablets */



@media (min-width: 768px) and (max-width: 959px) {



	#rt-footer .logotipo-rodape {line-height:0px;}



	.rt-block {margin:0px 10px;}



}



/* Desktop */



@media (min-width: 960px) and (max-width: 1199px) {







}



/* Large Display */



@media (min-width: 1200px) {







}

#rt-text-home {background:#274F8E}
#rt-text-home h2 {color:#ffffff; text-shadow:none !important;}
#rt-text-home p {color:#fff !important;}