/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  /* The html and body elements cannot have any padding or margin. */
  background-color: #c3efbe;
  margin-top: 24px;
}






 a {
  color: #fff;
  style: none;
}	

.al  a:link {color:#c61915; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}      /* unvisited link */
.al  a:visited {color:#c61915; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* visited link */
.al  a:hover {color:#c61915; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* mouse over link */
.al  a:active {color:#c61915; text-decoration: none;  padding:0px; opacity:1; filter:alpha(opacity=100);}  /* selected link */

.marquee  a:link {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}      /* unvisited link */
.marquee  a:visited {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* visited link */
.marquee  a:hover {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* mouse over link */
.marquee  a:active {color:#092e20; text-decoration: none;  padding:0px; opacity:1; filter:alpha(opacity=100);}  /* selected link */


.titledesc  a:link {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}      /* unvisited link */
.titledesc  a:visited {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* visited link */
.titledesc  a:hover {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* mouse over link */
.titledesc  a:active {color:#092e20; text-decoration: none;  padding:0px; opacity:1; filter:alpha(opacity=100);}  /* selected link */


.carousel-caption  a:link {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}      /* unvisited link */
.carousel-caption  a:visited {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* visited link */
.carousel-caption  a:hover {color:#092e20; text-decoration: none; padding:0px; opacity:1; filter:alpha(opacity=100);}  /* mouse over link */
.carousel-caption  a:active {color:#092e20; text-decoration: none;  padding:0px; opacity:1; filter:alpha(opacity=100);}  /* selected link */

.titledesc, td a:link {color:#092e20; text-decoration: none; padding:0px;}      /* unvisited link */
.titledesc, td a:visited {color:#092e20; text-decoration: none; padding:0px;}  /* visited link */
.titledesc, td  a:hover {color:#092e20; text-decoration: none; padding:0px;}  /* mouse over link */
.titledesc, td  a:active {color:#092e20; text-decoration: none;  padding:0px; }  /* selected link */


.titledescilm  a:link {color:#092e20; text-decoration: none; padding:0px;}      /* unvisited link */
.titledescilm  a:visited {color:#092e20; text-decoration: none; padding:0px;}  /* visited link */
.titledescilm  a:hover {color:#092e20; text-decoration: none; padding:0px;}  /* mouse over link */
.titledescilm  a:active {color:#092e20; text-decoration: none;  padding:0px; }  /* selected link */


a:link {color:#FFFFFF; text-decoration: none;}      /* unvisited link */
a:visited {color:#FFFFFF; text-decoration: none; }  /* visited link */
a:hover {color:#FFFFFF; text-decoration: none; }  /* mouse over link */
a:active {color:#FFFFFF; text-decoration: none;   }  /* selected link */



.cf a:link {color:#FFFFFF; text-decoration: none; padding:0px;}      /* unvisited link */
.cf a:visited {color:#FFFFFF; text-decoration: none; padding:0px;}  /* visited link */
.cf a:hover {color:#FFFFFF; text-decoration: none; padding:0px;}  /* mouse over link */
.cf a:active {color:#FFFFFF; text-decoration: none;  padding:0px; }  /* selected link */


.topic a:link {color:#092e20; text-decoration: none; padding:0px;}      /* unvisited link */
.topic a:visited {color:#092e20; text-decoration: none; padding:0px;}  /* visited link */
.topic a:hover {color:#092e20; text-decoration: none; padding:0px;}  /* mouse over link */
.topic a:active {color:#092e20; text-decoration: none;  padding:0px; }  /* selected link */




.btn-success {
background-color: #092e20;	
}

.hdp{
padding: 5px;
}	

.hdpg{
padding: 5px;
width: 190px;
}	


.carousel-caption {
  position: absolute;
  right: 10%;
  bottom: 55px;
  left: 10%;
  z-index: 10;
  padding:1px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  font-family: 'Open Sans', sans-serif;
 font-size: 40px;
 font-weight: bold;
 color: #000000;
background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}



#sidenav {
   font: 13px  Helvetica, Arial, sans-serif;
   font-weight: bold;
   color: #000;
   padding: 0px;
   list-style-type:none;

}

#sidenav li {

	float: left;
	position: relative;
	list-style: none;
	width: 100%;
}


#sidenav ul{

   list-style-type:none;	
   text-align: left;
    font: 13px  Helvetica, Arial, sans-serif;
   color: #000;
   display: block;
   font-weight: bold;
   float: left;
}

#sidenav li a {

   list-style-type:none;	
   color: #333333;
   padding: 7px 15px;
   display: block;
   text-decoration: none;   
   border-bottom: 1px solid #ccc;
}

#sidenav li a:hover { 
	   width: 100%;		
   display: block;
   list-style-type:none;
   color: #000000;
   padding: 7px 15px;
   display: block;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
   border-bottom: 1px solid #ccc;
}





#pag
{
float: left;
width: 30px;
height: 30px;
text-align:center;
font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 line-height: 26px;
 color: #000000;
 border: 1px solid #ccc;
 display: block;
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
margin: 3px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: 0 0 4px 1px #ccc;
-webkit-box-shadow: 0 0 4px 1px #ccc;
box-shadow: 0 0 4px 1px #ccc;
background: #5ca489;
}


#pags
{
float: left;
width: 30px;
height: 30px;
text-align:center;
font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 font-weight: bold;
 background: #092e20;
 line-height: 26px;
 color: #0000EE;
 border: 1px solid #ccc;
 display: block;
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
margin: 3px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: 0 0 4px 1px #ccc;
-webkit-box-shadow: 0 0 4px 1px #ccc;
box-shadow: 0 0 4px 1px #ccc;
}




/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */







/* navbar 
-------------------------------------------------- */

body {
  /* The html and body elements cannot have any padding or margin. */
  background-color: #c3efbe;
  margin-top: 25px;
}



.tbg {
background-color: #c3efbe;
padding: 2px;
margin: 0px;
width: 100%;
height: 350px;
float: left;
}



.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #092e20;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
 font-size: 16px;
  color: #000;
  cursor: pointer;
  background-color: #a6cba2;
  border: 1px solid #ddd;
 border-bottom-color: transparent;
}




.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: pointer;
  background-color: #092e20;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}



.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0px;
  line-height: 1.428571429;
  background-color: #092e20;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}


.img-thumbnaill {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.navbar-inverse {
  background-color: #092e20;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  font-family: 'Droid Serif', serif;
  color: #fff;
  font-size: 33px;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #999;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;	
  color: #999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #136a49;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #028e30;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #028e30;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
  }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #136a49;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #136a49;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #136a49;
  text-decoration: none;
  background-color: #136a49;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #136a49;
  outline: 0;
}



.nav-pillsa > li {
  float: left;
}
.nav-pillsa > li > a {
  border-radius: 4px;
}
.nav-pillsa > li + li {
  margin-left: 2px;
}
.nav-pillsa > li.active > a,
.nav-pillsa > li.active > a:hover,
.nav-pillsa > li.active > a:focus {
  color: #000;
  background-color: #428bca;
}







/* delete everything below after mohammarram and replace content with code in navbar.css */




.tbg {
background-color: #c3efbe;
padding: 2px;
margin: 0px;
width: 100%;
height: 350px;
float: left;
}



.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #092e20;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
 font-size: 16px;
  color: #000;
  cursor: pointer;
  background-color: #a6cba2;
  border: 1px solid #ddd;
 border-bottom-color: transparent;
}




.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: pointer;
  background-color: #092e20;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}



.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0px;
  line-height: 1.428571429;
  background-color: #092e20;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}


.img-thumbnaill {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.navbar-inverse {
  background-color: #092e20;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  font-family: 'Droid Serif', serif;
  color: #fff;
  font-size: 33px;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #999;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;	
  color: #999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #136a49;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #028e30;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #028e30;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
  }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #136a49;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #136a49;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #136a49;
  text-decoration: none;
  background-color: #136a49;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #136a49;
  outline: 0;
}



.nav-pillsa > li {
  float: left;
}
.nav-pillsa > li > a {
  border-radius: 4px;
}
.nav-pillsa > li + li {
  margin-left: 2px;
}
.nav-pillsa > li.active > a,
.nav-pillsa > li.active > a:hover,
.nav-pillsa > li.active > a:focus {
  color: #000;
  background-color: #428bca;
  
   
}