/*
Theme Name: Fran Prag 2017
Theme URI: http://www.oliveiracomunicacao.com.br/
Author: Oliveira Comunicacao
Author URI: http://www.oliveiracomunicacao.com.br/
Description: Tema Site Lite
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Site Premier
Tags:
*/

/*--------------------------------------------------------------
Geral
--------------------------------------------------------------*/
* {position:relative;}
body {font-size:12px; cursor: url(img/cursor-mice.png), auto;}
select:hover, input:hover {cursor: url(img/cursor-mice.png), auto;}
 
 h2 {background:url('img/realce-linha.jpg') bottom center no-repeat; margin-top:15px; padding-bottom:25px; font-family: 'Anton', sans-serif; color:#719a4e; text-align:center;}
 
 h3 { color:#719a4e;}
 h4 {font-size:14px;}
 .anton {font-family: 'Anton', sans-serif;}
 
 .edit {position:absolute; bottom:-2px; right:-2px; background:#D7D7D7; color:#18EDFF;}
 .round {border-radius:50%; border:6px solid #ffa312; text-align:center;}
 
 table {border:1px solid #F3F3F3; margin:25px auto;}
 th,td {padding:10px 8px; border:1px solid #F3F3F3;}
 tr:nth-child(even) {background: #F8F8F8;}
/*--------------------------------------------------------------
TOPO
--------------------------------------------------------------*/
/* yellow base ffeb66 */
#TOPO {padding:30px 0;}

.custom-logo {width:100%; height:auto; max-width:350px;}

.phone-top {background:#ffeb66; padding:6px 12px; font-size:28px; font-family:Helvetica, Arial, Tahoma, sans-serif; font-family: 'Anton', sans-serif; font-weight:600; letter-spacing:2px; text-align:center;}
.phone-top p {margin:0; padding: 0;}

/*.menu {margin-top:35px;}*/

.menu-menu-topo-container {text-align: center; font-family: 'Anton', sans-serif;}
 ul#menu-menu-topo, ul#menu-menu-topo-1 {display:inline-table;}
#menu-menu-topo li, #menu-menu-topo-1 li{display:inline; font-family: Helvetica Condensed, Helvetica, Arial, Tahoma, sans-serif; font-size:16px; font-weight:900; padding:4px 13px;}
#menu-menu-topo li a, #menu-menu-topo-1 li a {color:#494949;}

ul#menu-menu-topo {    -webkit-padding-start: 0px;}
/*--------------------------------------------------------------
FLUTUANTE
--------------------------------------------------------------*/
#FLUTUANTE {display:none; position:fixed; top:0; left:0; z-index:9999;}
#FLUTUANTE {padding:4px 0; background: rgba(255,255,255,0.8); width:100%;}

/*--------------------------------------------------------------
BANNER
--------------------------------------------------------------*/
#BANNER {background:#d2b89e url('https://franprag.com.br/site/wp-content/uploads/2017/04/topo-fundo.jpg') center center; background-size:cover; position:relative; z-index:6; overflow: hidden; padding: 15vh 0;}

#BANNER h2 {
	width: 80vw;
    color: #333;
    font-family: Tahoma, sans-serif;
    left: 20%;
	background: none;
	text-shadow: 1px 1px 3px #fff;
}

#BANNER img {
	position:absolute;
	top: 3%;
	left:10%;
}

/*--------------------------------------------------------------
AGENDE
--------------------------------------------------------------*/
#AGENDE {margin-top:-30px;  z-index:20; position:relative;}
#AGENDE form input{ background:#f9fbf9; border:none; box-shadow:-2px 2px 0 #978300; font-size:14px; margin-bottom:8px;  padding:10px 8px; width:100%; }
#AGENDE select {background:#f9fbf9; border:none; box-shadow:-2px 2px 0 #978300; padding:10px 8px; width:100%; font-size:15px;  margin-bottom:8px;}

#AGENDE form input[type='submit'] {width:100%; background:url('img/setinha.jpg') no-repeat left top #f9fbf9; text-indent:10000px; max-width:50px;}

/*--------------------------------------------------------------
EMPRESA
--------------------------------------------------------------*/
#EMPRESA, #SERVICOS, #PRAGAS , #EXTRAS  {margin-top:40px;}

/*--------------------------------------------------------------
CONTATO
--------------------------------------------------------------*/
#CONTATO input, #CONTATO textarea{ background:#FFF; border:1px solid #F3F3F3; margin-bottom:8px; padding:12px 12px; border-radius:5px; width:100%;}

/*--------------------------------------------------------------
RODAPE
--------------------------------------------------------------*/
#RODAPE {background:#1d2714; color:#fff; padding:30px 0;}



/*--------------------------------------------------------------
QUERIES
--------------------------------------------------------------*/
    @media only screen and (min-width : 768px) and (max-width : 1199px) {
		.phone-top {font-size:18px;}
		
		#menu-menu-topo li, #menu-menu-topo-1 li {font-size:14px;}
		
    }
	
	@media only screen and (max-width : 1000px) {
		p.ls-l {background:rgba(255,255,255,0.5); padding:4px 8px;}
	}

	@media only screen and (max-width : 768px){

		#BANNER img{
			left:0;
		}

	}