/*
Theme Name: ANPM 2016 - New Layout
Theme URI: https://www.anpm.tl
Description:  Autoridade Nacional do Petroleo e Minerais Theme
Author: ANPM IT
Version: 1.0
License: ANPM
Tags: blog, two-columns, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header
Text Domain: anpm
*/

/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */


/*  Body CSS */

html, body {
  margin:0 !important; 
  letter-spacing:0.95;
   color:#333;
	font: 13px/22px "Arimo", "Arial", "Helvetica Neue", Helvetica, sans-serif;

}


#flags-container {
    padding: 5px 15px;
    font-size:0.85em;

}
#flags-container .form-control {
	height: auto !important;   
    font-size: 0.8em !important;
	border-radius:none !important;
}
#language {
 float:right;
}

#language ul.subtitle{
	display:inline-block;
	list-style:none;
}
#language ul.subtitle li {
	float:left;
	margin-right:5px;
	border-bottom:1px solid #000;
}
#language > a.lang, a.lang:active, a.lang:visited, a.lang:hover {
	text-decoration:none;
	color:#000 !important;
  
}
.searchform {
	float:left;
	margin-bottom:1px;
}
.row {
 margin:0 !important; 
}
.header {
 margin:10px 0 5px; 
 min-height:175px;
}
.post-header {
     margin: 0px 0 20px -10px;
      padding: 10px 5px 5px;
    border-bottom: 1px dashed rgba(51, 122, 185, 0.74) ;
}

#blog-title {
 padding:10px 0 0; 
 
}
.title-name {
  font-size: 1.6em;
  text-transform:uppercase;
  font-weight:600;
  text-shadow:1px 1px  #8b0000;
  color:#fff;
}
.title-description {
 font-size:12px;
  font-style:italic;
  font-weight:700;
  margin-top:80px;
}

div#footer-box .noborder  ul{
    border-right: none !important;
}


div#menu a.link-menu {
     padding: 0 !important;
    float: none  !important;
    color: #8b0000  !important;
    height: auto  !important;
    text-shadow: none  !important;
    font-weight: 600  !important;
  	text-align:initial;
}

div#menu a.link-menu:hover {

  	font-size:1.2em !important;
     

 
  	background:none !important;
}
.alignleft {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}
.alignright{
 float:right;
 margin-left:10px;
 margin-bottom:10px;
}
@charset "utf-8";

#production {
 min-height:750px;

}
.quick-link {
  background-image:url('images/menu-bg.png');
}
#petroleum {
 /*background-image:url('images/petroleum1.png');
  background-repeat:no-repeat;
   background-repeat: repeat-x;
    background-position: -200px;
   color: #fff;
    background-size: cover;
  */
}

.box01 {
 	background: rgba(241,231,103,1);
    padding: 0 0 0 5px!important;
    box-shadow: 1px 1px 5px rgba(241,231,103,1);
  	
}
#petroleum a {

}
.submenu_main img {
 width:100%;
 height:250px;
 box-shadow:1px 1px #ccc;
}
.submenu-container {
 background:rgba(240, 240, 240, 0.75);
 min-height:415px !important;
}

#hse {
 /*background-image:url('images/hse.png');
  background-repeat:no-repeat;
  background-position:bottom left;
  */
}
.carousel img {
  
 width:100%;
 height:350px !important;
}
#chartNode {
  margin-left:5px; 
}
#sidebar-container {
 min-height:400px; 
 background:rgba(240, 240, 240, 0.28);
 padding:3px 5px;
}
.clear {
 clear:both; 
}
.toggle-icon {
   	margin-top:10px !important;
  	margin-left:-2px;
    width: 1px;
    height: 25px;
    display: block;
    /*background: url(images/sprites.png) no-repeat;*/
    background-position: -320px 0;
    background-color: #000;
    text-indent: -9999px
}
#footer-box {
 font-family:'Gustan', Helvetica, Arial, sans-serif !important;
 background: #4e4e4e;
 padding: 10px;
 color: #fff;
 min-height: 100px;
 /*border-top:10px solid #8b0000;*/
  font-size:12px;
} 
div#footer-box .link {
 
}
span.address {
 font-size:0.9em; 
  color:#a3ccff;
}
div#footer-box ul {
list-style-type:none; 
border-right:1px solid #ccc;
padding:0 1px;
}
.footer-container  {
 width:90%;
 margin:1px auto;
 padding:10px 15px;
}
.first {
 border-bottom:1px solid #ccc; 
}
.borderbottom {
   border-bottom:1px solid #ccc; 
}
.first ul {
  height:170px;
}


div#footer-box ul li a {
  color:#fff !important;
  padding:10px 15px 10px 0;

}

div#footer-box h4 {
 color:#ccc;
 font-size:1.2em;
  
}

.front-box {
  /*
 height:250px;
 overflow:hidden;
  */
  padding: 0 5px;
  margin-top: 15px !important;
}
.container-fluid {
 padding:0 1px !important; 
}

.article {
  /*box-shadow: 1px 5px 5px #ccc;*/
  box-sizing:content-box;
  padding:0 10px 0 0;
 /* height:750px;*/
  min-height:750px;
  overflow:hidden;
  border-radius:0 5px 0 0;
    border-right: 1px dashed #ccc;
}
.article2 {
 min-height:400px !important;
 height:400px !important;

}
.cols-article {
  width:50%;
  float:left;
  padding:0 10px;
}
div.article .btn {
 float:right; 
}
.col-md-6 li:before {
    content: none !important;

}
.article h3 {
  /*
 background: rgba(254,182,69,1);
background: -moz-linear-gradient(left, rgba(254,182,69,1) 0%, rgba(254,182,69,1) 9%, rgba(241,231,103,1) 94%, rgba(241,231,103,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,182,69,1)), color-stop(9%, rgba(254,182,69,1)), color-stop(94%, rgba(241,231,103,1)), color-stop(100%, rgba(241,231,103,1)));
background: -webkit-linear-gradient(left, rgba(254,182,69,1) 0%, rgba(254,182,69,1) 9%, rgba(241,231,103,1) 94%, rgba(241,231,103,1) 100%);
background: -o-linear-gradient(left, rgba(254,182,69,1) 0%, rgba(254,182,69,1) 9%, rgba(241,231,103,1) 94%, rgba(241,231,103,1) 100%);
background: -ms-linear-gradient(left, rgba(254,182,69,1) 0%, rgba(254,182,69,1) 9%, rgba(241,231,103,1) 94%, rgba(241,231,103,1) 100%);
background: linear-gradient(to right, rgba(254,182,69,1) 0%, rgba(254,182,69,1) 9%, rgba(241,231,103,1) 94%, rgba(241,231,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb645', endColorstr='#f1e767', GradientType=1 );
  */
    padding: 5px 0 10px 0;   
  	margin-top:0px !important;
    border-bottom:5px solid  #8b0000;
 
}

div.article h3 > a {
 color:#000; 
}
.article ul {
 padding:0px;

}

.article ul li {
 list-style-type:none;
padding:5px 10px;
  margin:2px 15px 0 0;
  height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  border-bottom:1px dashed #ccc;
}
.article img {
 border:1px solid #ccc;
 box-shadow:2px 5px 1px #ccc;
  width:50px;
  height:50px;
}
.article2 ul li {
 height:60px !important;
 min-height:60px !important;
}
li.line {
  padding:1px 0 0 0  !important;
  background:#ccc;
  height:1px !important;
}
.procurement {
 text-transform:capitalize; 
  font-size:1em;
}
.article-title  {
 font-size:1em;
 line-height:1.2;
 margin:0;
}
.post-date {
 font-size:.75em;
 margin-top:2px;
 color:#2b2b2b;
}
div.post-header .post-date {
 
   margin-right:2px;
  margin-top:0;
  float:left;
}
.post-categories {
 list-style-type:none;
  font-size:.75em;
  display:inline;
}
.post-categories li {
 display:inline-block;
 margin-right:2px;
}

.post-categories a {
  color:#2b2b2b;
}
.post-footer {
 border-top: 1px solid #ccc;
 
}

.post-footer ul {

 padding:5px 10px;
 list-style-type:none;
 margin=left:-10px;
}
.post-footer ul li {
 display:block;
 border-bottom:1px solid #ccc;
 padding:5px 0 ;
}
.post-content {
 height: 50px;
  overflow: hidden;
  font-size: .9em;
  margin: 5px 0 0;
}
.more {
  margin: 2px 0;
  
}

div.post-content > * {
  font-weight:normal !important;
  text-align:left;
}

.article-content {
  height:150px;
  overflow:hidden;
}
.article-content p {
 padding:0px;
 line-height:1.2;
}
.article a {
 font-size:0.9em; 
}

#s {
 /*width:110px;*/
  font-size:12px;
  height:30px;
  }
.btn {
 font-size:12px !important; 
}
.navbar {
 /* margin-bottom:1px !important; */
}
.navbar-anpm {
 background-image:url('images/menu-bg.png');
 background-color: #fbd80a !important;
 /* border-color:#fff500 !important; */
  border-top:none !important;
  border-right:none !important;
  border-left:none !important;  
  margin-bottom:0 !important;
  position:relative;
 
}
#container-me {
width: 1260px; 
 margin:0 auto;
 border:1px solid #ccc;
 max-width: 1260px;
}
.header {
   /* background:rgba(241, 231, 103, 0.08);*/ 
  background-image:url('images/header.png');
 /* background-position:0 -150px;*/ 
 /* background-repeat:repeat-x;*/ 
 /* background-attachment:fixed;*/ 
}
.header img {
 margin:15px 0 5px 20px ;
}
strong, b {
   font-weight: bold;
}


p {
    padding: 10px;
	line-height: 1.3;
	text-align: justify;
	
}

#content {
	Font-family:Tahoma;
    background: transparent;
    /*border-left: 1px solid #ebebeb;*/
  	box-sizing: border-box;
    margin-left:-15px;
    padding: 5px 0 5px 10px;
    min-height: 350px;
}



 
.col-md-6  {
    list-style: none;
	counter-reset: my-badass-counter;
}
.col-md-6 li:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
}

.subject{
	text-transform: uppercase;
}

element.style {}
.col-md-12 row {
margin-top:-19px;
}

div.col-md-12 {
padding:0;
}


/* SIDEBARMENU*/
@charset "utf-8";
div.sidebarmenu{
padding: 0;
overflow:visible;
z-index: -1;
cursor: pointer;

}

div.sidebarmenu ul{
padding: 0;
list-style: none;
width: auto; /* Main Menu Item widths */
/*border-bottom: 1px solid #c3c0c0;*/
}

div.sidebarmenu ul p{
color: #000000;
padding: 5px;
margin-left: 1px;
list-style: none;
font: bold 12px Arial;
background-color: #f8f8f8; 
}

div.sidebarmenu p{
color: #000000;
padding: 5px;
margin-left: 1px;
list-style: none;
font: bold 12px Arial;
background-color: #f8f8f8; 
}

div.sidebarmenu ul p{
color: #000000;
padding: 5px;
margin-left: 1px;
list-style: none;
font: bold 12px Arial;
background-color: #f8f8f8; 
}
 
div.sidebarmenu ul li{
position: relative;
z-index: 9;

}

/* Top level menu links style */
div.sidebarmenu ul li a{
display: block;
margin-top:0px;
overflow: visible; /*force hasLayout in IE7 */
color: #000000;
text-decoration: none;
width:auto;
  border-bottom:1px dashed #ccc;
/*border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #c3c0c0;
border-left: 1px solid #c3c0c0;
  height:45px;
  */

}
div.home ul li a:link, div.sidebarmenu ul li a:visited, div.sidebarmenu ul li a:active{
  background-color:rgba(251, 251, 251, 0.7);

  
}
div.sidebarmenu ul li a:link, div.sidebarmenu ul li a:visited, div.sidebarmenu ul li a:active{
background-color:rgba(251, 251, 251, 0.7);  /*background of tabs (default state) #f8f8f8;*/
color:#000000;
font-size:0.9em;
font-weight: normal;
padding: 10px;
margin-top:2px;
}


div.sidebarmenu ul li a:hover{
z-index: -1;
background-color: #f0f0f0; /*background of tabs (default state)*/
color:#000000;
/*font: normal 12px Arial; hover for the ul of sidebarmenu*/
font-size:.97em;
  
}

div.sidebarmenu ul li:hover > ul.sub-menu {
box-shadow:1px 1px 1px #ccc;

}



/*Sub level menu items */
div.sidebarmenu ul li ul{
/*position: absolute;*/
/*width: 170px; Sub Menu Items width */
top: 0;
display:block;
list-style:circle;
  margin-left:25px;
}



div.sidebarmenu .menu-sidebar-menu ul li ul a:link{
/*background-color: #f0f0f0; #f8f8f8;*/
color:#000;
 display: block;
 margin:0px auto;
  border-bottom:none !important;
 font-weight:normal;
font-size:.85em;
  background-color: #fff !important;
}

div.sidebarmenu .menu-sidebar-menu ul li ul a:visited{
 display: block;
 margin:0px auto;
font-size:.85em;

}

div.sidebarmenu .menu-sidebar-menu ul li ul a:hover{
z-index: -1;
color:#000000;
 display: block;
font-size:.9em;
}

div.sidebarmenu .menu-sidebar-menu ul li ul a:active{

 color:#000000;
 display: block;
 margin:0px auto;

}


div.sidebarmenu a.subfolderstyle{
background:#000000;
}

 
/* Holly Hack for IE \*/
* html div.sidebarmenu .menu-sidebar-menu  ul li { float: left; height: 1%; }
* html div.sidebarmenu .menu-sidebar-menu  ul li a { height: 1%; background-color: #fff2a8; color:#ffffff; }
/* End */



/*MENU */
/* menu::base */
div#menu {
    /* height:45px; */
    width:1200px;
/* margin-left: 30px; */
}
div#background {
    height:768px;
	width:auto;
    background:url(images/Menu-ANP.gif) repeat-x;
}

div#menu ul {
    /*margin-left: -15px;*/
    margin-bottom:0 !important;
    padding: 0;
    /* list-style: none; */
    float: left;
    z-index: 9;
    /* margin-top: 7px; */
    width: 100%;
}
div#menu ul.menu {
    /* padding-left: 30px; */
}
div#menu li.home {
      width: 5.71430%;
}
div#menu li.tech01 {
      width: 14%;
}
div#menu li.tech02 {
      width: 15%;
}
div#menu li {
     /*  position: relative;*/
    z-index: 11;
    margin: 5px 0 0 5px;
    /* padding: 10px 0; */
    display: block;
    float: left;
    /* border-top: 5px solid #f0f0f0;
    border-bottom: 5px solid #ccc; */
    /*width: 13%;*/
    width: 11.5%;
    padding-left: 1px;
}
div#menu li:hover>ul {
    /*left: -2px;
  left:0;
	*/
}

div#menu li:hover> div.submenu_main {
display:block;
	
}
div#menu ul ul {
     margin:0;
    padding: 5px 10px;
    /* list-style: none; */
     z-index:90;
      float: none;
   width:100%;
  /*border-right:1px dashed #ccc;*/
}

div#menu ul ul li {
    z-index: 102;
    margin: 0 1px 0 0;
    padding: 10px 0;
    display: block;
    float: none;
   width:auto !important;
   border-top: none;
   /*border-bottom:1px dashed #ffd500;*/
 
}

div#menu a {
    position: relative;
    z-index: 10;
	height: 50px; /* To adjust hover color for main menu*/
    display: transparent;
    float: left;
    /* line-height: 41px; */
    text-decoration: none;
    /* font: normal 13px Tahoma; */
    width: 100%;
  	text-align:center;

}

div#menu a:after {
 position: absolute;
    left: 50%;
    /*bottom: -14px;*/
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #bbbbbb transparent transparent transparent;
    content: '';
    margin-left: -7px;
    z-index: 8; 
}
div#menu ul ul li a {
   position: relative;
    z-index: 10;
    height: auto; /*To adjust hover color for main menu*/
    display: transparent;
    float: none;
     text-decoration: none;
    width: 100%;
    padding:0;
	text-align:left;
	text-shadow:none !important;
}
div#menu ul ul li a:hover {
  background:none;
  text-decoration:underline;
  color:#8b0000;
  font-size:1.2em;
}
div#menu a:hover, div#menu a:hover span { color: #000;    background-color:  rgba(241,231,103,1) /*  #7aa9d2*/;}
div#menu ul li:active , li:hover, {
  background-color: #000;
  color:#fff;
}
div#menu li.current a {}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 100% 0;
	
}
div#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}
a.menu-title {
	text-transform:uppercase;
}
/* menu::level1 */
div#menu a {
    padding: 13px 15px;
    line-height: 15px;
    color: #000000; /*ANPM Menu color*/
 	text-shadow: 1px 1px 1px #ccc
}


div#menu span {
    margin-top: 5px;
}/**@replace#1*/

div#menu li.last { background: #d8d7d7; }


.rainbow {
    text-align: center;
    text-decoration: underline;
    font-size: 18px;
    font-family: monospace;
    /*letter-spacing: 5px;*/
}
.rainbow_text_animated {
    background: linear-gradient(to right, #f9d209, #fcf8e3 , #fd001b, #ff3399, #feb645);
    /*-webkit-background-clip: text;*/
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}


/* SLIDESHOW*/
#rotator
{
    margin:-26px 3px 3px 3px;
	overflow: hidden;
	width: 836px;
	height: 235px;
}

#rotator img
{
	width: 836px;
	height: 235px;
}


/* FOOTER Menu*/
.widget_nav_menu ul {
    list-style-type: none;
    margin-bottom: 5px;
	margin-top: -10px;
    padding: 0;
    overflow: hidden;
    /*background-color: #f8f8f8;
   
	border: 1px solid #c3c0c0;
	border-radius:3px;*/
  	color:#fff;
  border-right:none !important;
}

.widget_nav_menu li {
    float: left;
}

.widget_nav_menu li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font: normal 13px Tahoma;
}

.widget_nav_menu li a:hover {
    /*background-color: #c3c0c0;*/
	 color: black;
  	  text-decoration:underline;
}

@media screen and (min-width: 768px)
.carousel-caption {
    right: 0 !important;
     left: 0 !important;  	 
    padding: 0 0 5px 5px !important;
}
.carousel-caption {
    position: absolute;
    right: 0 !important;
    bottom: 0px !important;
    left: 0 !important;
    z-index: 10;
    padding-top: 0px !important; 
    padding-bottom: 0px !important; 
   
 	text-align: left;
   
    background: #504c4c;
    opacity: .65;
  	height:75px;
}
.carousel-text {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  z-index: 15;
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
  color:#fff;
  text-shadow: 0px 0 1px #ccc
}
div.carousel-text > h4,p {
 margin:0px 0 0 10px; 
}
@media screen and (min-width: 768px)
.carousel-indicators {
    bottom: 80px !important;
}
.carousel-indicators {
    position: absolute;
    bottom: 80px !important;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
   /* padding-right: 0 !important;
    padding-left: 0px !important;
  */
}
.heading {

    margin: -5px 0 10px -10px;
    padding-right: 15px;
    padding: 10px 15px 15px 5px;
    border-bottom: 1px dashed #8b0000;
    height: 75px;
     }

.small {
  margin:0 5px 0 5px;
}
.navbar li {
 width:10.4763% ;
}

.submenu_main {
 display:none;
 position:absolute;
 top: 50px;
 left: 0;
 right:0;
 background: #fff;
 color: #000;
 min-height: 285px;
 z-index: 100;
/* border-top:5px solid #ccc;*/
 border-bottom:3px solid #8b0000;
 font-size:0.84em;
}
.submenu_main ul {
/* min-height:150px;*/
}
 h1.submenu,h2.submenu {
 border-bottom: 3px solid #8b0000;
 padding-bottom: 10px;
  padding-left:1px;
}
 h3.submenu,h4.submenu {
 border-bottom: 2px solid #8b0000;
 padding-bottom: 5px; 
    padding-left:1px;
}
 h1.submenu{
 font-size:22px !important; 
}
 h2.submenu{
 font-size:20px !important; 
    padding-left:5px;
}
h3.submenu{
 font-size:18px !important; 
}
 h4.submenu{
 font-size:16px !important;
  font-weight:700;
}

div.more > a.more {
    font-size: .93em;
    color: #8b0000;
    font-weight: 500;
}

div.socialmedia li {
  display: inline-block;
   margin-right: 10px;
  float: left;


}
div.socialmedia img {
  
 width:100%;
}
div.socialmedia img {
  
 width:100%;
}

div.socialmedia li a {
   width: 25px;
    height: 25px;
    display: block;  padding:0 !important;
  
}


.jOrgChart table {
 border-collapse:initial !important; 
}

ul.annual-report {
 margin:0;
 padding:5px 1px;
  list-style:none;
}

.annual-report li {
 float:left;
  width:20%;
 
}

.report {
width: 200px;
height:250px;
border: 1px solid #f0f0f0;
margin-bottom: 10px;
 
}
.report img {
 width:100%;
 height:200px;
}
.report-title h3 {
 text-align:center;
 font-size:.9em;
}

#ChartTitleSpan.rotate {
margin: 0 auto;
padding: 0px;
border-width: 0px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 8pt;
  font-family: Arial;
  color: rgb(191, 19, 19);
  position: absolute;
  left: -70px;
  top: 240px;
  white-space: nowrap;
  /* Safari */-webkit-transform: rotate(-90deg);  
  /* Firefox */-moz-transform: rotate(-90deg);  
  /* IE */-ms-transform: rotate(-90deg);  
  /* Opera */-o-transform: rotate(-90deg);  
  /* Internet Explorer*/filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#slider1_container .slidetext {
     padding:10px 50px 10px 30px;
    position:absolute;
    display:block;
    background: url(../images/slideimagem.png) repeat-y;
    height:256px;
     width: 39.6%;
     color: #337ab7;

    
}
#slider1_container .slidetext h1 {
 
    font-size: 1.75em;
    line-height: 35px;
    color:#337ab7;
}
#slider1_container .slidetext div {
   
    display: block;
}
.slidetext a {
    color: #BF2F2F;
}


#footer-box li {
 margin-bottom:7px; 
}
.nav-responsive{
 display:none;
}
.nav-main {
 display:block; 
}

/* MODALS */
.modal-title {
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 30px;
	font-family: Arial;
}

.modal-header h1 {
	background: #7b6b368a !important;
}

.modal-body p {
   background: #7b6b368a !important;
}

.modal-footer {
    padding: 15px;
    text-align: center !important;
	
}


@media screen and (min-width:768px){
  .form-inline .form-control {
  width:100% !important; 
 }
}

@media screen and (min-width:320px) {
 #language {
  width:75% !important; 
 }
}
@media screen and (min-width:1024px) {
 #language {
  width:auto !important; 
 }
   .form-inline .form-control {
  width:auto !important; 
 }
}
@media screen and (min-width:769px) and (max-width:1024px) {

   #container-me {
   width:auto;
   max-width:auto;
  }
 
  .container-fluid {
   padding: 0 5px !important; 
  }
#content {
margin:0 !important;
}
.header {
position:relative;
}
#logo-rdtl {
position:absolute;
top:5px;
}
#site-title {
position:absolute;
bottom:0;
margin-left:15%;
}
#logo-anpm {
position:absolute;
right:0;
}
.title-name {
font-size:1.3em;
}

 
    .container-fluid > .navbar-collapse {
     margin: 0 !important; 
    }
  .navbar-anpm {
   background-repeat:repeat-x;
    background-position: 0 -53px;
  }
  
  
  .searchform  label {
   display:none; 
  }
  #search-submit-1 {
   display:none; 
  }
 
 
  
  .col-md-1,.col-md-2,  .col-md-3,.col-md-4,  .col-md-5,.col-md-6, 
    .col-md-7,.col-md-8,  .col-md-9,.col-md-10,  .col-md-11,.col-md-12 {
     padding:0 5px; 
    }
 
 
  .article {
   border-right:none; 
   height:auto !important;
   min-height:150px !important;
  }
 
 .article2 ul li {
    height: auto !important;
    min-height:inherit !important;
} 
    .article  img {
     width:50px;
     height:75px;
     float:left;
     margin-right:10px;
    }
  .cols-article {
    width:100%;
  }
  div#footer-box ul {
   border-right:none;
   display:inline-block;
  }
   div#footer-box ul li {
       display:inline-block;
   }
  .first ul {
   height:auto; 
  }
  #footer-box {
   font-size:10px; 
  }
  
  .footer-container {
   width:100%;
    padding:5px 7px;
  }
  div#menu {
   width:auto; 
  }
   
  div#menu li {
   width:12%;
  }
  div#menu span {
   display:none; 
  }
  .annual-report li {
   width:50%; 
  }
  .report {
   width:auto;
   margin-right:5px;
  }
  
  .heading {
   height:auto;
   font-size:1.2em;
  }
}

@media screen and (max-width:768px) {
   #container-me {
   width:auto;
   max-width:auto;
  }
   .container-fluid {
   padding: 0 5px !important; 
  }
 
  .searchform {
   float:none;
   width:100%;
  } 
   
  
  .searchform  label {
   display:none; 
  }
  #search-submit-1 {
   display:none; 
  }
  
  #language {
   float:none;
   width:50%;
   margin:10px auto 5px;
  }
 
  .navbar  li {
   width:auto !important; 
  }
  .nav-main {
   display:none; 
  }
  .nav-responsive {
   display:block;
   background-repeat: repeat-x;
   background-position:0 -53px;
  }
   #sidebar-container {
   display:none; 
  }
  
   #container-me {
   width:auto;
   max-width:auto;
  }
 .header {
   position:relative;
  }
  .header img {
   width:90px; 
  }
   #logo-rdtl {
   position:absolute;
   top:5px;
  }
   #site-title {
    position:absolute;
 	bottom:0;
    margin-bottom:-10px;
  }
  .title-name {
     font-size:0.7em; 
     margin-top:0;
     
     text-align:center;
  }
  
  .title-description{
   font-size:0.7em;
    margin-top:0;
    font-weight:normal;
  }
   #logo-anpm {
   position:absolute;
    top:5px;
    right:0;
  }
  
   .article {
   border-right:none; 
   height:auto !important;
   min-height:150px !important;
  }
 
 .article2 ul li {
    height: auto !important;
    min-height:inherit !important;
} 
    .article  img {
     width:50px;
     height:75px;
     float:left;
     margin-right:10px;
    }
  .cols-article {
    width:100%;
  }
  div#footer-box ul {
   border-right:none;
   display:inline-block;
  }
   div#footer-box ul li {
       display:inline-block;
   }
  .first ul {
   height:auto; 
  }
  #footer-box {
   font-size:10px; 
  }
  
  .footer-container {
   width:100%;
    padding:5px 7px;
  }
  div#menu {
   width:auto; 
  }
   
  div#menu li {
   width:12%;
  }
  div#menu span {
   display:none; 
  }
  .annual-report li {
   width:50%; 
  }
  .report {
   width:auto;
   margin-right:5px;
  }
  
  .heading {
   height:auto;
   font-size:1.2em;
  }

  .modal {
	width: 100%;
	height: auto;
        overflow-y: auto;
   }

  .modal-body img {
	width: 100%;
	height: auto;
   }
   .modal-footer {
	width: auto;
	height: auto;
  }

   .menu-footer-container img {

    width: 50%;
    height: 50%;
	}
 
         
}