/*
* CSS ADV V1.1
* Copyright 2013, Lucas Conrado
* Criado em: 07/12/2013
*/

@charset "utf-8";
/* CSS Document */

/*  ===========   Reset + Estrutura  ===========   */

	@import "reset.css";
	@import "skeleton.css";
	@import "../fonts/Archery_Black/stylesheet.css";

/* ===========  Fonts  ===========   */

	@import url(http://fonts.googleapis.com/css?family=Dosis:400);
	@import url(http://fonts.googleapis.com/css?family=Dosis:500);
	@import url(http://fonts.googleapis.com/css?family=Dosis:600);
	@import url(http://fonts.googleapis.com/css?family=Dosis:700);
	
	@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic);

*{margin:0; padding:0;}

header{
	width:100%;
	height:148px;
	background:url(../images/back_top.png);
}

.main_bottom{
	height: 670px;
}

.main_page{
	height: 100%;
	display:block;
}

.topo{
	height: 100px;
}

.topo h1{
	width: 220px;
	height: 65px;
	background: transparent url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	position: relative;
	top: 21px;
	float: left;
}

#frase{
	width: 400px;
	height: 35px;
	top: 30px;
	position: relative;
	padding: 2px 0 0 45px;
	margin: 0 15px 0 38px;
	float: left;
	background: url(../images/aspas.png) no-repeat top left;
}

#frase h2{
	width: 432px;
	font-family: 'Dosis', sans-serif;
	font-weight: bold;
	font-size: 21px;
	color: #EBEBEB;
	text-align:center;
	text-decoration: underline;
	margin-left:-50px;
}


#tel{
	width: 160px;
	height: 31px;
	position: relative;
	top: 15px;
	padding: 3px 0 3px 38px;
	margin: 0 0 0 41px;
	float: left;
	background: url(../images/icon_tel.png) no-repeat left;
}

#tel h3{
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 300;
	font-size: 24px;
	color: #EBEBEB;
}

#menu{
	height:49px;
}

#bord{
	height:47px;
	width:2px;
	background-color:#fff;
	opacity:0.35;
	-moz-opacity: 0.35;
	filter: alpha(opacity=35);
	float:left;
}

nav{
	width: 740px;
	height: 45px;
	position: absolute;
	float: left;
	margin: 1px 0 1px 0;
}

nav ul{
	width: 740px;
}

nav ul li{
	width: auto;
	height: 35px;
	float: left;
	padding: 10px 13px 0 13px;
}

nav ul li:hover{background:url(../images/beck_menuhover2.png) left ;}

nav ul li a{
	padding-top:16px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

nav ul li a:hover{text-decoration:underline; color: #eee;}

.submenu {
	display:none;
	width:110px;
	position:absolute;
	left:170px;
	top:40px;
	z-index:20;
}
				
				 
nav ul li:hover .submenu{
	display:block;
}

nav ul li:hover .submenu li{
	background:url();	
}

nav ul li:hover .submenu li a{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#FFF;
}
	
nav ul li:hover .submenu li a:link,
nav ul li:hover .submenu li a:visited{
	display: block;
	border:1px solid #ddd;
	padding-top:5px;
	padding-bottom:5px;
	width:170px;
	height:18px;
	text-align:center;
	background: #70b8a4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjhhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTljODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #70b8a4 0%, #4e9c87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70b8a4), color-stop(100%,#4e9c87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70b8a4 0%,#4e9c87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70b8a4 0%,#4e9c87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70b8a4 0%,#4e9c87 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #70b8a4 0%,#4e9c87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b8a4', endColorstr='#4e9c87',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
				
nav ul li:hover .submenu li:hover a,
nav ul li:hover .submenu li a:active,
nav ul li:hover .submenu li a:hover {
	background:url(../images/beck_menuhover2.png) left top;
}

.selected{
	color: #eee;
	text-decoration:underline;
	background:url(../images/beck_menuhover2.png) left top;
}

.selected a{
	color: #eee;
}

.end{
	width:2px;
	height:45px;
	background:url(../images/separa_li.png) top right no-repeat;
}


/* styles for desktop */
.tinynav { display: none }

#sidebar_left{
	width: 200px;
	height: 45px;
	float: right;
	/* [disabled]margin-left: 535px; */
	margin-top: 1px;
	padding-left: 0px;
	/* [disabled]background: url(../images/separa_li.png) top left no-repeat; */
	margin-right: 10px;
}

.redes{
	width: 115px;
	margin-top: -8px;
	margin-right: 0px;
	float: right;
	padding: 0;
	clear: both;
}

.facebook{
	width: 30px;
	height: 30px;
	background: url(../images/fb.png) no-repeat;
	margin-right: 10px;
	float: left;
}

.google_plus{
	width: 30px;
	height: 30px;
	background: url(../images/google+.png) no-repeat;
	margin-right: 10px;
	float: left;
}

.twitter{
	width:30px;
	height:30px;
	background:url(../images/twitter.png) no-repeat;
	float:left;
}

.search{
	width: 210px;
	margin-top: 10px;
	float: left;
}

.busca{
	/* Div */
	width:186px;
	height:24px;
	background:url(../images/bg_inputbusca.png) no-repeat;
	padding-left:14px;
	padding-top:1px;
	border:0;

	/* Font */
	font-family: 'archery_blackregular';
	text-shadow: -2px 1px 5px #69B29E;
	font-size:19px;
	color:#2C594C;
	float: left;
}

.ok{
	width:34px;
	height:30px;
	position:relative;
	background:url(../images/ok.png) no-repeat;
	border:0;
	text-indent:-9999px;
	float: left;
	top:-27px;
	left:175px;
}

#slider{
	height:110px;
	background:url(../images/img_topo.png) no-repeat;
}

main{
	width: 100%;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
	height: auto;
}

	
#collunleft{height:490px; margin-top:20px; margin-left:0px;}

.news{
	height:219px;
	background:url(../images/back_new.png);
	padding-top:2px;
	margin-bottom:32px;
}

.news h1{
	height:33px;
	font-family: 'Dosis', sans-serif;
	font-size:24px;
	color:#EDEDED;
	text-align:center;
	background:url(../images/back_h1.png) no-repeat;
	margin-left:3px;
	margin-top:2px;
}

.news ul{
	width: 440px;
	margin-top: 17px;
	padding-left: 27px;
}

.news ul li{
	width: 440px;
	line-height: 37px;
	list-style: none;
}

.news ul li a{
	font-family: 'archery_blackregular';
	font-weight:bold;
	font-size:24px;
	color:#2C594C;
	text-decoration:none;
}

.news ul li a:hover{
	color:#3C7765;
	text-shadow: -2px 1px 5px #69B29E;
}

.all{
	width:75px;
	border-bottom: 1px solid #464646;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#464646;
	text-align:center;
	text-decoration:none;
	margin-top:-5px;
	margin-right:20px;
	float:right;
}

.all:hover{
	text-shadow: -2px 1px 5px #69B29E;
}

.atendimento{
	height: 232px;
	background: url(../images/back_atendimento.png) no-repeat;
}

#collunright{height:490px; margin-top:5px; margin-left:20px;}

#collunright h1{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 300;
	font-size: 50px;
	color: #464646;
	letter-spacing:-3px;
	margin-left:20px;
}

#collunright h2{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 800;
	font-size:22px;	
	color:#61AC98;
	margin-top:10px;
	margin-left:20px;
	letter-spacing:-1px;
}

#collunright p{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 400;
	font-size:17px;	
	color:#464646;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:30px;
}

#collunpage{height:490px; margin-top:5px; margin-left:-10px;}

#collunpage h1{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 300;
	font-size: 50px;
	color: #464646;
	letter-spacing:-3px;
	margin-left:20px;
}

#collunpage h2{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 800;
	font-size:22px;	
	color:#61AC98;
	margin-top:10px;
	margin-left:20px;
	letter-spacing:-1px;
}

#collunpage p{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 400;
	font-size:17px;	
	color:#464646;
	margin-top:10px;
	margin-left:20px;
}

/* DIREITO DO TRABALHO */
#direito_trabalho{height:1000px; margin-top:5px; margin-left:-10px;}

#direito_trabalho h1{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 300;
	font-size: 50px;
	color: #464646;
	letter-spacing:-3px;
	margin-left:20px;
}

#direito_trabalho h2{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 800;
	font-size:22px;	
	color:#61AC98;
	margin-top:10px;
	margin-left:20px;
	letter-spacing:-1px;
}

#direito_trabalho p{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 400;
	font-size:17px;	
	color:#464646;
	margin-top:10px;
	margin-left:20px;
}


/* 	PAGES */

#pages{margin-top:5px; margin-left:-10px;}

#pages h1{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 300;
	font-size: 50px;
	color: #464646;
	letter-spacing:-3px;
	margin-left:20px;
}

#pages h2{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 800;
	font-size:22px;	
	color:#61AC98;
	margin-top:10px;
	margin-left:20px;
	letter-spacing:-1px;
}

#pages p{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight: 400;
	font-size:17px;	
	color:#464646;
	margin-top:10px;
	margin-left:20px;
}

/* HEIGHTS */
.height_direitos{height:1070px;}

.height_insalubridade{height:600px;}

.height_trabalho-sem-registro{height:790px;}

.height_revisao-fgts{height:725px;}

.height_direito-civil{height:1430px;}

.height_direito-consumerista{height:415px;}

.height_direito-de-familia{height:530px;}

/* END HEIGHTS */

.linkstel{
	font-style:normal;
	font-weight: 400;
	font-size:17px;	
	color:#464646;
}

.linkstel a:link{
	font-style:normal;
	font-weight: 400;
	font-size:17px;	
	color:#464646;
}

.more{
	font-family: 'Dosis', sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
	margin-right:10px;
	float:right;
	padding:10px;
	background: #70b8a4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjhhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTljODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #70b8a4 0%, #4e9c87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70b8a4), color-stop(100%,#4e9c87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70b8a4 0%,#4e9c87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70b8a4 0%,#4e9c87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70b8a4 0%,#4e9c87 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #70b8a4 0%,#4e9c87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b8a4', endColorstr='#4e9c87',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.more:hover{text-decoration:underline;}
	
footer{
	width:100%;
	height:97px;
	background: #70b8a4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiM3MGI4YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiM0ZTljODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #70b8a4 19%, #4e9c87 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#70b8a4), color-stop(97%,#4e9c87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70b8a4 19%,#4e9c87 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70b8a4 19%,#4e9c87 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70b8a4 19%,#4e9c87 97%); /* IE10+ */
	background: linear-gradient(to bottom,  #70b8a4 19%,#4e9c87 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b8a4', endColorstr='#4e9c87',GradientType=0 ); /* IE6-8 */
	clear:both;
}

.footer{
	padding-top:20px;
	height:77px;
}

.footer .endereco{
	width:430px;
	padding-left:40px;
	background:url(../images/home.png) left no-repeat;
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	font-weight:300;
	font-size:18px;	
	color:#EBEBEB;
}

.footer .fone{
	width:430px;
	padding-left:40px;
	margin-top:10px;
	background:url(../images/fone.png) 4px no-repeat;
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	font-weight:300;
	font-size:18px;	
	color:#EBEBEB;
}

.footer .is{
	width:315px;
	height:55px;
	position:relative;
	float:right;
	background:url(../images/is.png) no-repeat;
}


/**Map**/

.map {
	margin-bottom: 0 !important;
	overflow: hidden;
	padding-top: 0px;
	margin-left:-37px;
	margin-top:-15px;
}

.map figure {
	padding-top: 0px;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border:0px;
	margin-top:35px;
	margin-left:55px;
	margin-bottom:35px;
}

.map figure iframe {
	width: 85%;
	height: 296px;
	max-width: 85%;
	border:0px;
}
.map address {
	display: block;
}

.map address dt {
	margin-bottom: 22px;
	margin-left:40px;
}

.map address dd span {
	min-width: 92px;
	display: inline-block;
	text-align: left;
}

.map address dd {
	margin-left:40px;
}

.map address dd a{
	color:#3E79D3;
}

/*==================================RESPONSIVE LAYOUTS MAPS ===============================================*/

@media only screen and (max-width: 995px) {
 
 .map {
 	padding-right: 0 !important;
	border:0px;
 }

 .map address {
 float: left;
 margin-right: 30px;
}

 .map address+address {
 	margin-top: 0;
 }
 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
 .extra_wrapper {
 overflow: visible;
}

.map figure {
	margin-bottom: 15px;
}

}

@media only screen and (max-width: 767px){
 .map {
 	padding-right: 0px !important;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 	margin-right: 0;
}

 .map address+address {
 	margin-left: 20px;
 }	
}

#form{
	margin-top:15px;
	margin-left:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#form input{
	width:100%;
	color:#666;
	border:1px solid #ccc;
	height:30px;
	padding-left:5px;
}

#form textarea{
	width:100%;
	color:#666;
	border:1px solid #ccc;
	height:70px;
	padding-left:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 16px;
}
 
::-webkit-scrollbar-track-piece {
  background-color: #666;
  -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #5EA995;
  -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:horizontal {
  width: 10px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

/* ============================================ RESPONSIVE ============================================ */

/* #Tablet (Portrait)
================================================== */

@media only screen and (max-width: 995px) {
	
	#tel{top:115px; left:300px; z-index:9999;}
	
	#frase{padding: 2px 0 0 45px; margin: 0 15px 0 10px;}
	
	#sidebar_left{position:relative; top:90px; right:-1px; z-index:99999;}
	
	.redes{margin-top:-40px;}
	
	.ok{left:166px;}
	
	.news{background:url(../images/back_new_tablet.png);}

	.news h1{background:url(../images/back_h1_tablet.png) no-repeat; font-size:22px; padding-top:3px;}
	
	.news ul{margin-top: 10px; margin-left:-10px;}
	
	.news ul li{width: 250px; line-height: 32px;}

	.news ul li a{font-size:15px;}
	
	.all{margin-top:7px; margin-right:95px;}
	
	.atendimento{background: url(../images/back_atendimento_tablet.png) no-repeat;}
	
	/* Collun Right*/
	#collunright h1{width: 400px; font-size:40px;}
	
	#collunright h2{width: 400px;}
	
	#collunright p{width: 400px;}
	
	/* Collun Page*/
	#collunpage {margin-left:-10px;}
	
	#collunpage h1{width: 740px; font-size:40px;}
	
	#collunpage h2{width: 740px;}
	
	#collunpage p{width: 740px;}
	
	/* Collun direito_trabalho*/
	#direito_trabalho {height:1100px; margin-left:-10px;}
	
	#direito_trabalho h1{width: 740px; font-size:40px;}
	
	#direito_trabalho h2{width: 740px;}
	
	#direito_trabalho p{width: 740px;}
	
	/* PAGES */
	#pages {margin-left:-10px;}
	
	#pages h1{width: 740px; font-size:40px;}
	
	#pages h2{width: 740px;}
	
	#pages p{width: 740px;}
	
	/* HEIGHTS */
	.height_direitos{height:1090px;}
	
	.height_insalubridade{height:660px;}
	
	.height_trabalho-sem-registro{height:855px;}
	
	.height_revisao-fgts{height:875px;}
	
	.height_direito-civil{height:1505px;}
	
	.height_direito-de-familia{height:530px;}
	
	/* END HEIGHTS */
			
	.more{position:relative; left:165px;}
	
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 780px) {
		
	#tel{top:-35px; left:190px;}
	
	#frase{display:none;}
		
	#sidebar_left{position:relative; left:72px;  z-index:99999; top:-1px;}
	
	nav{width:165px;}
	
	.tinynav {display: block}
    
	#nav {display: none}
	
	select{background-color:#98C9BB; border:0; height:30px; width:160px; margin-top:8px; font-family: 'Dosis', sans-serif; text-shadow: -2px 1px 5px #69B29E; font-size:19px; color:#2C594C;}
	
	.search{width: 140px;}
	
	.busca{width:90px; background:url(../images/bg_inputbusca_cel.png) no-repeat;}
	
	.ok{left:-5px; top:-2px;}
	
	.redes{margin-top:7px; margin-right:22px;}
	
	#slider{display:none;}
	
	.news{background:url(../images/back_new_cel2.png);}
	
	.news h1{background:url(../images/back_h1_cel2.png) no-repeat;}
	
	.news ul{width: 390px; margin-top: 10px; margin-left:-10px;}
	
	.news ul li{width: 390px; line-height: 32px;}

	.news ul li a{font-size:22px}
	
	.all{margin-right:20px;}
	
	.atendimento{background: url(../images/back_atendimento_cel2.png) no-repeat;}
	
	#collunright{margin-left:-10px;}
	
	/* Collun Page*/
	#collunpage { margin-left:-10px;}
	
	#collunpage h1{width: 400px; font-size:40px;}
	
	#collunpage h2{width: 400px;}
	
	#collunpage p{width: 400px;}
	
	/* Collun direito_trabalho*/
	#direito_trabalho {height:1200px; margin-left:-10px;}
	
	#direito_trabalho h1{width: 400px; font-size:40px;}
	
	#direito_trabalho h2{width: 400px;}
	
	#direito_trabalho p{width: 400px;}
	
	/* PAGES */
	#pages {margin-left:-10px;}
	
	#pages h1{width: 400px; font-size:40px;}
	
	#pages h2{width: 400px;}
	
	#pages p{width: 400px;}
	
	/* HEIGHTS */
	.height_direitos{height:1300px;}
	
	.height_insalubridade{height:1080px;}
	
	.height_trabalho-sem-registro{height:1315px;}
	
	.height_revisao-fgts{height:1215px;}
	
	.height_direito-consumerista{height:565px;}
	
	.height_direito-civil{height:1800px;}
	
	.height_direito-de-familia{height:670px;}
	
	/* END HEIGHTS */
	
	.linkstel{color:#4E9C87; font-weight:bold;}
	
	.linkstel a{color:#4E9C87; font-weight:bold;}
	
	.more{position:relative; top:-5px; left:10px;}
	
	.footer .is{display:none;}
	
	.footer .endereco{width:350px;}
	
	.footer .fone{width:350px;}
	
	.main_bottom{height:1130px;}
	
	.main_page{height: 100%;}
	
}


@media only screen and (max-width: 479px) {
	
	header{height:189px;background:url(../images/back_top_cel.png);}
	
	.topo h1{left:50px;}
		
	#frase{display:none;}

	#tel{ width:158px; top:30px; left:20px;}
			
	#sidebar_left{display:none;}
	
	nav{width:165px; left:11px; top:40px;}
	
	.tinynav {display: block}
    
	#nav {display: none;}
	
	select{background-color:#98C9BB; border:0; height:30px; width:160px; margin-top:8px; font-family: 'Dosis', sans-serif; text-shadow: -2px 1px 5px #69B29E; font-size:19px; color:#2C594C;}
	
	.search{display:none;}
		
	.redes{margin-right:7px; margin-top:47px;}
	
	.facebook{margin-right: 5px;}

	.google_plus{margin-right: 5px;}

	.twitter{margin-right: 5px;}
		
	#slider{display:none;}
	
	.news{background:url(../images/back_new_tablet.png) no-repeat; margin-left:15px;}

	.news h1{background:url(../images/back_h1_tablet.png) no-repeat; font-size:22px; padding-top:3px;}
	
	.news ul{width: 150px; margin-top: 10px; margin-left:-10px;}
	
	.news ul li{width: 250px; line-height: 32px;}

	.news ul li a{font-size:14px;}
	
	.all{margin-top:7px; margin-right:95px;}
	
	.atendimento{background: url(../images/back_atendimento_tablet.png) no-repeat; margin-left:15px;}
	
	/* Collun Right*/
	#collunright h1{width: 300px; font-size:45px; margin-left:0px; text-align:center;}
	
	#collunright h2{width: 300px; font-size:17px;}
	
	#collunright p{width: 270px; font-size:16px;}
		
	/* Collun Page*/
	#collunpage h1{width: 300px; font-size:45px; margin-left:0px; text-align:center;}
	
	#collunpage h2{width: 300px; font-size:17px;}
	
	#collunpage p{width: 270px; font-size:16px;}
	
	/* Collun direito_trabalho*/
	#direito_trabalho{height:1310px;}
	
	#direito_trabalho h1{width: 300px; font-size:45px; margin-left:0px; text-align:center;}
	
	#direito_trabalho h2{width: 300px; font-size:16px;}
	
	#direito_trabalho p{width: 270px; font-size:14px;}
	
	/* PAGES */	
	#pages h1{width: 300px; font-size:45px; margin-left:0px; text-align:center;}
	
	#pages h2{width: 300px; font-size:16px;}
	
	#pages p{width: 270px; font-size:14px;}
	
	/* HEIGHTS */
	.height_direitos{height:1420px;}
	
	.height_insalubridade{height:1180px;}
	
	.height_trabalho-sem-registro{height:1405px;}
	
	.height_revisao-fgts{height:1212px;}
	
	.height_direito-consumerista{height:600px;}
	
	
	
	/* END HEIGHTS */
	
	.linkstel{color:#4E9C87; font-weight:bold;}
	
	.linkstel a{color:#4E9C87; font-weight:bold;}
	
	.more{position:relative; top:2px; left:-1px; padding:5px;}
	
	.footer .endereco{width:250px; text-align:center; font-size:18px; padding-left:13px; background:url();}

	.footer .fone{display:none;}
	
	.main_bottom{height:1160px;}
	
	.main_page{height: 100%;}

}