/* Style for Instituto Capilar Sameiro Braga
* Author: Brainhouse
* Created: 2018
*/
body	{font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: 12px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none;}
SPAN 		{text-decoration: none;}
html, body 		{ margin:0 auto; padding:0;}
::selection { background-color: #72C6A2; color:#FFF;}
::-moz-selection {background-color: #72C6A2; color:#FFF;}

a    	 {font-size: 11px; color: #776155; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; transition: all 0.4s linear;}
a:hover  {text-decoration: none}
a, a:hover, a:focus { text-decoration: none; outline: none !important;}
html {overflow: -moz-scrollbars-vertical;overflow-y: scroll;}
input, textarea, select, button, submit {color:#000000; font-size:11px; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; border:0px; overflow:hidden; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none;}
img{border:none;}
table,td,tr{padding:0; border-spacing:0px; border-collapse: collapse;}
.ulnormal{list-style:none;padding-left:0;margin:0;}
.ulnormal li{float:left;}

/* Copyright Zone*/
.copy				{font-size: 10px; font-style: normal; line-height: normal; color: #949699; text-decoration: none; font-variant: normal}
a.copy:hover 		{color: #949699; text-decoration: underline;}

/* menu topo  */
.menu   	 {font-size: 12px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; background: transparent; transition: all 0.4s linear;}
.menu_on   	 {font-size: 12px; color: #FFFFFF; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; background: #72C6A2; transition: all 0.4s linear;}

.submenu     {font-size: 16px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; padding-left:15px;padding-top:5px;padding-bottom:5px;cursor:pointer; background-image: url(../i/seta.png); background-repeat: no-repeat; background-position: 400px 5px; transition: all 0.4s linear;}
.submenu_on  {font-size: 16px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; padding-left:15px;padding-top:5px;padding-bottom:5px;cursor:pointer; background-image: url(../i/seta-on.png); background-repeat: no-repeat; background-position: 400px 5px; transition: all 0.4s linear;}


.caixa-titulo 	{font-size: 28px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
.caixa-texto 	{font-size: 12px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
a.caixa-texto:hover {color: #72C6A2;text-decoration: underline;}
.caixa-texto-sep 	{font-size: 20px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }

.caixa-texto2 	{font-size: 14px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
a.caixa-texto2:hover {color: #72C6A2;text-decoration: none;}



/* rodape  */
.rod-texto    	        {font-size: 11px; color: #949699; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; text-decoration: none; }
a.rod-texto:hover    	{color: #72C6A2;text-decoration: none;}
.rod-texto2    	        {font-size: 11px; color: #72C6A2; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; text-decoration: none; }
a.rod-texto2:hover    	{color: #949699;text-decoration: none;}



/* Geral */

.titulos 		{font-size: 26px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-transform: uppercase;}
a.titulos:hover {color: #72C6A2;text-decoration: none;}

.subtitulos 		{font-size: 18px; color: #949699; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: none;}
a.subtitulos:hover {color: #949699;text-decoration: none;}

.subtitulos2 		{font-size: 18px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: none;}
a.subtitulos2:hover {color: #72C6A2;text-decoration: none;}

.subtitulos3 		{font-size: 18px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none;}
a.subtitulos3:hover {color: #949699;text-decoration: none;}

.subtitulos4 		{font-size: 18px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none;}
a.subtitulos4:hover {color: #72C6A2;text-decoration: none;}

.textos 		{font-size: 15px; color: #949699; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; text-decoration: none;}
a.textos:hover  {color: #72C6A2;text-decoration: none;}

.textos2 		{font-size: 15px; color: #72C6A2; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; text-decoration: none;}
a.textos2:hover  {color: #949699;text-decoration: none;}

.data 		{font-size: 12px; color: #949699; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; text-decoration: none;}
a.data:hover  {color: #72C6A2;text-decoration: none;}


/* menu serviços  */
.menuservicos1   	 {font-size: 13px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; background-image: url(../i/ln6.jpg); background-repeat:repeat-x; background-position: left top; transition: all 0.4s linear;}
.menuservicos1_on    {font-size: 13px; color: #FFFFFF; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; background-image: url(../i/ln5.jpg); background-repeat:repeat-x; background-position: left top; transition: all 0.4s linear;}

.menuservicos2   	 {font-size: 14px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
a.menuservicos2:hover {color: #72C6A2;text-decoration: underline; transition: all 0.4s linear;}
.menuservicos2_on    {font-size: 14px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
a.menuservicos2_on:hover {color: #72C6A2;text-decoration: none; transition: all 0.4s linear;}

.menuservicos3   	 {font-size: 12px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
a.menuservicos3:hover {color: #72C6A2;text-decoration: none; transition: all 0.4s linear;}
.menuservicos3_on   	 {font-size: 12px; color: #72C6A2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none; }
a.menuservicos3_on:hover {color: #72C6A2;text-decoration: none; transition: all 0.4s linear;}


/* Formulários  */
.form 		   {font-size: 14px; color: #949699; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-decoration: none;}
.inputcontact {font-size: 14px; font-style: normal; color: #666666; background-color:#E7E8EA; line-height:1.3; padding: 5px; border: 0px solid #E7E8EA;}


hr.hr1 {border-bottom: 1px solid #776155; border-top: 0px; border-left:0px; border-right:0px; height: 0px;}
hr.hr2 {border-bottom: 1px dotted #776155; border-top: 0px; border-left:0px; border-right:0px; height: 0px;}
hr.hr3 {border-bottom: 2px solid #776155; border-top:0px; border-left:0px; border-right:0px; height: 0px;}