/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #2B2A28;;

}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #8CD50A;
	text-decoration: none;
}

a img {border:none;}
a img:link{ text-decoration:}
.main,
.container > header {
	width: 100%;
	margin-top:10px;
	background-color: #FFF;
}

.container > header {
}

.container > header h1 {

	margin: 0;
	float: left;

}

.container > header span {
	display: block;



}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;

	background: #fff;
	border-radius: 50%;
	color: transparent;

}

.content{
	width: 100%;
	margin-top:10%;
	}


h4{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:18px; font-weight:bold; color:#8CD50A;}
h4 a{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:18px; font-weight:bold; color:#8CD50A;}
h4 a:hover{ color:#2B2A28;}
h4 a:link{}

h6{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:16px; font-weight:bold; color:#2B2A28;}
h6 a{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:16px; font-weight:bold; color:#2B2A28;}
h6 a:hover{ color:#8CD50A}
h6 a:link{}

h5{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:14px; color:#2B2A28;}

.tabela{border:0px solid;
border-radius:25px;}

input{ border:1px solid; border-radius:5px; border-color:#8CD50A;font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:14px; color:#090; margin-left:2px;}
input:hover{border-color:#090;}
textarea{border:1px solid; border-radius:5px; border-color:#8CD50A;font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:14px; color:#090; margin-left:2px;}
textarea:hover{border-color:#090}
input#submit{ border:1px solid; border-radius:2px; border-color:#8CD50A;font-family: 'Lato', Calibri, Arial, sans-serif; font-size:14px; color:#FFF; background-color:#8cd50A; margin-left:5px;}
select{ border:1px solid; border-radius:5px; border-color:#8CD50A;font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:14px; color:#090; margin-left:2px;}
select:hover{border-color:#090;}

/*Tabelas web marketing*/
#titulo_tab{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:14px; color:#2B2A28; font-weight:bold}
#titulo_tab{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:14px; color:#2B2A28; font-weight:bold}
#txt_tab{font-family: 'Lato', Calibri, Arial, sans-serif;; font-size:12px; color:#2B2A28;}



input#submit:hover{background-color:#090;  border-color:#090; }

img#edit{ 
	background:transparent url(../icon/Data-Edit.png) center}
img#edit:hover{ 
	background:transparent url(../icon/Data-Edit2.png) center}
img#image{ 
	background:transparent url(../icon/Images.png) center}
img#image:hover{ 
	background:transparent url(../icon/Images2.png) center}
img#views{ 
	background:transparent url(../icon/View.png) center}
img#views:hover{ 
	background:transparent url(../icon/View2.png) center}
img#views2{ 
	background:transparent url(../icon/View3.png) center}
img#views2:hover{ 
	background:transparent url(../icon/View2.png) center}
img#del{ 
	background:transparent url(../icon/Recycle-Bin.png) center}
img#del:hover{ 
	background:transparent url(../icon/Recycle-Bin2.png) center}
img#key{ 
	background:transparent url(../icon/Login-01.png) center}
img#key:hover{ 
	background:transparent url(../icon/Login-012.png) center}