html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body 
{ 
    padding-top: 80px; 
    font-family : Arial, Helvetica;
    font-size: 10pt;
    -webkit-font-smoothing:antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;	
}


h4
{
    font-family : Arial, Helvetica;
    font-size: 13pt;
	text-decoration : none;	
}

.ImgIcon
{
    float : left;
    margin-right: 15px;
}

.centered
{
	text-align:center;
}

.min250
{
    min-height : 250px;
}

.min300
{
	min-height : 300px;
}
.min400
{
	min-height : 400px;
}
.min500
{
	min-height : 500px;
}

.padding-top-24 
{
    padding-top : 24px;
}

.padding-top-48 
{
    padding-top : 48px;
}

.padding-top-96 
{
    padding-top : 96px;
}

.item-home
{
	
	padding:50px;
}

.item-home > a
{
	color : black;
	font-size : 11pt;
	font-weight : bold;
}

.item-home > h2
{
	padding:0px;
	margin:0px;
	font-size:30pt;
}

.item-home-header
{
	padding:0px 50px 0px 50px;	
	min-height:60px;
}

/* NAVBARS EN HEADERS */

.navbar-Aginco 
{
    min-height:80px;
    background-color:black;
    padding-top:15px;
}

.navbar-Aginco li > a 
{
    color:white;
}

.navbar-Aginco li > a:hover
{
    background-color:black;
    color:silver;
}

.FailmanagerHeader
{
	background-color : #00f300;
	padding: 40px 0px 40px 0px;
}

.CommunitymanagerHeader
{
	background-color : #00e6fa;
	padding: 40px 0px 40px 0px;
}

.TaksadoHeader
{
	background-color : #ff6a13;
	padding: 40px 0px 40px 0px;
}

.WebDevHeader
{
	background-color : #6d0eff;
	padding: 40px 0px 40px 0px;
}

.DefaultHeader
{
	padding: 40px 0px 40px 0px;
	font-size:24pt;
	font-weight:bold;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1)
}


/* FOOTER */


.footer 
{
    padding-top:20px;
    padding-bottom:30px;
    background-color:black;
    color:white;
}

.footer-nav 
{
    line-height:26px;
}

.footer-item
{
	padding:40px;
}

.footer-item > a
{
    color:white;
}
.footer-item > a:hover
{
    color:silver;
	text-decoration:none;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  max-height: 566px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  max-height: 566px;
  /* background-color: #777; */
  background-color: Black; 
}
.carousel-inner > .item > a > img {
  /*position: absolute;
  top: 0;
  left: 0;  
  */  
  max-height: 566px;  
  margin:auto;
}