@charset "UTF-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6 {
	font-family: Ubuntu, sans-serif, Verdana, Tahoma;
	font-size: 16px;
	}
h1 {
    font-size: 30px;
	font-weight:700;
	color: #003399;
    }

h2 {
    font-size: 24px;
	font-weight:700;
    }
h3 {
	font-size: 22px;
	font-weight:700;
	padding-bottom: 8px;
    }
h4 {
    font-size: 18px;
	font-weight:700;
    }
h5 {
    font-size: 16px;
	font-weight:700;
    }
footer {
	background-color:#d5d5d5;
}

.headline1 {
    font-size: 25px;
	font-weight:500;
    }
.headline2 {
    font-size: 22px;
	font-weight:500;
	color: #cc0000;
    }

.mySlides {
	display:none;
}


/* Links and paragraphs */
a {
	color:#C00;
	text-decoration:none;
}
a:hover {
	color:#000099;
	text-decoration:none;
}

/* it can't be "underhover" as that doesn't work - probably clashes with some other class? But just add this class to all containers with <a> links that need to be underlined. Couldn't stop the side nav bar links being underlines otherwise. */
.undhover a:hover {
	text-decoration: underline;
	color: #000099;
}


.tcsbannerlogo {
	padding-left: 16px;
	padding-bottom: 16px;
}
.idioma:hover {
	text-decoration: underline;
	color: #000000;
}
.idioma img {

}
.shopnavy {
	background-color: #003399;
	color: #ffffff;
}

.rednote {
	color: #cc0000;
}













/* Responsive Styles */


@media(max-width:991px) {
    .businesstitle {
        font-size: 6px;
		margin-bottom: -14px;
	    color: #666666;
    }
	.jumbobanner {
    margin-top: 38px;
    }
	  } 
	
	
	@media(max-width:767px) {
  .adbox {
	padding-bottom: 12px;
}
	  }