.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

body, p {margin:0; padding:0;}
html { -webkit-text-size-adjust: none; }
pre {
white-space: normal;
}
body {background:#d1edf9 url('../images/brasilia_north_background.jpg?1') no-repeat fixed center center; font: 13px/21px Arial, Helvetica, sans-serif; color:#ffffff;}
img {border: none;}

/* Editable content image */
.edy-positionable-container-left {
  margin-right: 15px;
}
.edy-positionable-container-right {
  margin-left: 15px;
}
.edy-image-container-with-title:after {
  display: block;
  padding: 4px;
  font-size: 10px;
  line-height: 1.3em;
  content: attr(data-title);
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

a {color:#00d2ff; text-decoration:underline;}
a:hover {text-decoration: none;}
a.none {text-decoration: none;}
a.none:hover {text-decoration:underline;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-seric; color:#00d2ff; margin:0; padding:0 0 10px 0; font-weight:bold;}
h1 {font-size:25px; line-height:35px;}
h2 {font-size:16px; line-height:25px;}
h3 {font-size:14px; line-height:25px;}
h1 a, h2 a, h3 a {color:#00D2FF;}
form {padding:0; margin:5px 0 0 0;}

.content-hyphenate {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.clearer {clear: both; font-size: 1px;  line-height: 1px;  height: 1px;}
.left {float: left;}
.right {float: right;}
.small {font-size:10px; line-height:20px;}
strong, .active {font-weight: bold;}
.green {color:#00d2ff;}
div#container {
	margin:auto;
	width:717px;
	padding:42px 0 0;
}
div#titleTop {
	background: url('../images/div-title-top-bg-ajutine.png?1') no-repeat top;
	height:25px;
}
	*html div#titleTop {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/div-title-top-bg-ajutine.png?1');
	}
	#titleTop .bg {
  background:#13244a;
  width:616px;
  margin:0 50px 0 51px;
  height:25px;
	}
	#titleTop .search {
  width:220px;
  height:25px;
  background:#badca7;
  margin:0 0 0 381px;
	}
div#body {
	width:616px;
background: #13244a;
}
.bgLeafLeft {
	background: url('../images/north_div-leaf-left.png?1') no-repeat top right;
	width:51px;
	height:467px;
}
	*html .bgLeafLeft {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/north_div-leaf-left.png?1');
	}
.bgLeafRight {
	background: url('../images/north_div-leaf-right.png?1') no-repeat top left;
	width:49px;
	height:471px;
}
	*html .bgLeafRight {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/north_div-leaf-right.png?1');
	}
div#footerBot {
	height:14px;
}
	#footerBot .bg {
  width:616px;
  height:14px;
  margin:0 50px 0 51px;
  background:#097BA5;
	}
	.clearerWhite {
  width:616px;
  background:#13244a;
  margin:0 50px 0 51px;
  height:1px;
	}
div#lang {
	padding:8px 85px;
	font-size: 12px;
	line-height:18px;
	text-align:right;
}
	#lang a {
  color:#13244a;
  text-decoration:none;
  padding-left:7px;
  font-weight:bold;
	}
	#lang a.active {
	color:#097ba5;
	}
	#lang a:hover {
  text-decoration:underline;
	}
div#title {
	background:#13244a;
	padding:20px 35px 7px 35px;
        width: 546px;
float: left;
}
	#title h1 {
  font-size:32px;
  line-height:40px;
  font-weight:bold;
  float:left;
color: white;
  width: 300px;
	}
	#title .h2 {
  font-family: Times, "Times New Roman";
  font-style:italic;
  font-size:32px;
  line-height:40px;
  color:#86d318;
  float:left;
	}
/*div#search {
	width:192px;
	height:36px;
	background:#fff;
	padding:0 14px 3px 14px;
}*/
	#search input.submit {
  width:21px; 
  height:21px; 
  border: 0px; 
  background: url('../images/submit.png?1') no-repeat; 
	}
	#search input.textbox {
  margin:0; 
  padding:2px; 
  border: 1px solid #badca7; 
  width:158px; 
  height:17px; 
  font-family:arial, helvetica, sans-serif; 
  font-size:13px;
	}
div#mainmenu {
	background:#e4ffff url('../images/north_mainmenu-b.jpg?1') no-repeat;
	height:229px;
	min-height:229px;
	padding:0 0 0 30px;
}
div#mainmenu ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
div#mainmenu li {
  display: inline-block;
}
	#mainmenu a {
  color:#fff;
  background:#097ba5;
  text-decoration:none;
  padding: 7px 14px 8px 14px;
  margin-bottom:8px;
  display:block;
  float:left;
  font-size: 15px;
  line-height:18px;
  font-weight:bold;
  margin-right:12px;
  max-width:546px;
	}
	#mainmenu a:hover {background:#d0ecf8;}
	#mainmenu a.active {color:#000; background:#fff;}
	#mainmenu a.active:hover {background:#fff;}
  #mainmenu a.edy-cbtn {
    padding-left: 5px;
    padding-right: 5px; 
  }
  #mainmenu a.edy-cbtn,
  #mainmenu a.edy-cbtn:hover {
    background: none;
  }
div#content {
	background:#13244a;
	padding:20px 35px 29px 35px;
	min-height:151px;
	height:auto !important;
	height:151px;
}
	#content .hr, #content .hrr {
  border-top: 1px solid #e1f2d7;
  font-size: 1px;
  line-height:1px;
  margin:12px 0;	
	}
	#content .hr {
  height:1px;
	}
	#content .hrr {
  border-bottom: 1px solid #e1f2d7;
  height:1px;
	}
	#content.blog {
  padding-bottom:19px;
	}
	#content.blog h1 {
  padding:0;
	}
	#content .blogdata {
  padding:2px 0 12px 0;
	}
	#content ul {
    list-style-image: url('../images/north_content-li.png?1');
	}
	#content ul, #content ol {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
	}
.submenu {
	padding:0 0 15px 0;
} 
.submenu ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
.submenu ul li {
  display: inline-block;
}
.submenu a {
	padding-right:15px;
}
div#comments {
	padding-bottom:10px;
    line-height: 1.3em;
}
div#comments h2 {
	color:#fff;
	background:#097ba5;
	padding:4px 17px;
	display:inline;
}	
	#comments .br {
  padding-top:10px;
	}
	#comments input.textbox, #comments textarea{
  border:1px solid #c0e5c4;
  padding:3px 5px 2px 5px;
  height:19px;
  width:363px;
  font-family: Arial, Helvetica;
  margin:0 0 4px 0;
  font-size:13px;
  line-height:21px;
	}
	#comments textarea {
  height:86px;
  max-height: 150px;	
	}
	#comments  input.submit {
  border:none;
  background:#097ba5;
  color:#fff;
  width:90px;
  padding:5px 14px 3px 14px;
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  font-family:arial, helvetica;
  margin-top:5px;
	}
	#comments .formtitle {
  text-align:right;
  width:150px;
  padding:4px 0 0;
	}
	#comments .L {
  float:left;
  width:150px;
  text-align:right;
  line-height: 1.5em;
	}
	#comments .R {
  float:right;
  width:363px;
  text-align:left;
	}
#bgfooter {
	padding:0 50px 0 51px;
}
#footer {
	margin:0;
	padding:18px 35px 3px 35px;
	color:#fff;
	background:#097BA5;
}
	#footer strong {
  color:#96ff00;
  font-weight:bold;
	}
	#footer a {
  color:#fff;
	}
div#edicy {
	padding:9px 65px;
	font-size:12px;
	line-height:18px;
	text-align:right;
}
	#edicy a  {
  color:#13244A;
  text-decoration:none;
	}
	#edicy a:hover {
  text-decoration:underline;
	}
#search {
float: right;
  background:#097ba5;
margin-right: 15px;
padding:25px 30px 10px 10px;
}
#search form {
margin: 0;
}
#search input#onpage_search {
border: none;
padding-left: 2px;
height: 21px;
}
#search input.search-submit {
height: 21px;
width: 21px;
background: url('../images/north_search-submit.gif?1') no-repeat;
border: none;
position: relative;
top: 3px;
left: 8px;
}
.gsc-webResult {
color: black;
}


/* forms */

   .form_area {

      margin: 20px 0;

}

.form_field {

  margin: 0 0 5px;

}
.form_field label {
  display: block;
  font-weight: bold;
}

.form_error {

  color: #c71414;

  font-weight: bold;

  font-size: 12px;

  border: 1px dotted #c71414;

  padding: 5px;

}

.form_field_error {

  color: #c71414;

  font-size: 10px;
  line-height: 14px;

}

.form_notice {

  color: #00ff00;

  border: 1px dotted #00ff00;

  padding: 5px;

}
.form_field_size_large {

width: 98%;

}

.form_field_size_medium {

width: 50%;

}
.form_field_size_small {

width: 25%;

}
#commentsAdd .right, #comments .R {
    width: 66%
}
#comments .formtitle, #comments .L {
    width: 27%
}
#comments input.textbox, #comments textarea {
    width: 100%
}
body .add-article {
  margin-bottom: 15px;
  display: inline-block !important;
  text-decoration: none;
}

/* article tags */
.article-tags { margin-top: 20px; font-size: 14px; min-height: 1em; margin-bottom: 10px; }
.edy-tag-input { outline: none; color: white; }
div.edy-taglist-openarrow:after {
    border-color: #ffffff transparent transparent !important;
}
.article-tag-icon {
    width: 16px;
    height: 16px;
    float: left;
    background: url('../images/tag-white.png') no-repeat center center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-right: 7px;
    margin-top: 3px;
}
.svg .article-tag-icon { background: url('../assets/tag-white.svg') no-repeat center center; }
.tagged-list-header {
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 30px;
    background: none;
}

/* Voog cms style overrides */
#body .edy-empty-bordered {
  color: rgba(255,255,255,.33);
  border-color: rgba(255,255,255,.33);
}
#body .edy-texteditor-view.placeholder {
  color: rgba(255,255,255,.5);
}
#body .edy-content-element-hover {
  border-color: rgba(255,255,255,.1);
}
#body .edy-texteditor-active {
  outline-color: rgba(255,255,255,.2);
}

#body .edy-fe-field-active,
#body .edy-fe-active .edy-fe-field:hover {
  outline-color: rgba(255,255,255,.1);
}

#body .edy-taglist {
  border-color: rgba(255,255,255,.2);
}

#body .edy-btn-removecomment {
  position: relative;
  top: 1px;
  color: rgba(255,255,255,1) !important;
  line-height: 0 !important;
}
#body .edy-site-blog-comment:hover .edy-btn-removecomment {
  text-decoration: none;
}

@media screen and (max-width: 480px) {
    .tagged-list-header {
        padding-top: 0px;
    }
}
.header-tag-icon {
    width: 24px;
    height: 24px;
    float: left;
    background: url('../images/tag-big-white.png') no-repeat center center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 0px;
    margin-right: 15px;
}
.svg .header-tag-icon { background: url('../assets/tag-big-white.svg') no-repeat center center; }
.tagged-list-header  a {border: none; text-decoration: none;}
.tagged-list-header  a:hover { border-bottom: 1px solid #BEBEBE; }
.article-tags .edy-taglist { margin-left: 25px; } 

/* Media queries */
@media screen and (max-width: 735px) {
    .bgLeafLeft, .bgLeafRight {
        display: none
    }
    div#mainmenu {
        min-height: 100px;
        height: auto;
    }
    div#container {
        max-width: 616px;
        width: 95%;
        margin: 0 auto;
        padding: 0;
    }
    div#body, #footerBot .bg, .clearerWhite {
        width: 100%
    }
    #bgfooter {
        padding: 0
    }
    #footerBot .bg, .clearerWhite {
        margin: 0
    }
    div#title {
        width: auto !important;
        float: none;
        padding: 10px 30px
    }
    div#title .left {
        float: none
    }
    #title h1 {
        width: auto;
        padding: 0
    }
    #search {
        float: none;
        margin: 0;
        padding: 10px 30px
    }
    #search input#onpage_search {
        width: 90%
    }
    div#lang {
        padding: 8px 30px;
    }
    .clearer {
        height: 0;
    }
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */ 
    }
}

@media screen and (max-width: 480px) {
    div#container {
        padding: 0;
    }
    div#content {
        padding: 20px 15px
    }
    #footer {
        padding: 18px 15px 0
    }
    div#mainmenu {
        padding: 0 0 0 10px;
        min-height: 34px;
        height: auto;
    }
    #mainmenu a {
        padding: 7px 6px 8px;
        margin-right: 8px
    }
    #search, div#lang, div#title {
        padding: 10px
    }
    div#edicy {
        padding: 9px 0;
    }
    #comments input.textbox, #comments textarea {
        width: 90%;   
    }
    #searchcontainer {
        width: 100% !important;
        left: 0 !important;
    }
    #search input#onpage_search {
        width: 85%;
    }
    div#searchcontainer, #searchiframe {
        max-width: 99%;
        width: 99%;
        left: 0 !important;
    }
}

