html {
	margin:0;
	padding:0;
	font-size:100% !important;
}
body {
	color:#888;
	font-size:88% !important;
	font-family:'Open Sans',Tahoma,Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}
a {
	color:rgb(0,198,255);	
}
a:visited {
	color:rgb(0,198,255);	
}
a:hover {
	color:rgb(0,198,255);	
}
a:active {
	color:rgb(0,198,255);	
}





/* === html element sylines === */
h1, h2, h3, h4, h5, h6 {
	
}
h1 {
	
}
h2 {
	
}
h3 {
	
}
p {
	line-height:158%;
}



/* === custom === */
.clr {
	clear:both;
}
#page-wrapper {
	margin:0;
	padding:0;
}
.gray-bg { background:#f9f8f8; }
.padding-full {
	padding:2%;
}
.padding-left-right {
	padding-left:1%;
	padding-right:1%;
}
.padding-left {
	padding-left:1%;
}
.padding-right {
	padding-right:1%;
}
.padding-bottom {
	padding-bottom:2%;
}
.padding-top {
	padding-top:3%;
}
.telmaco-about {
	font-size:158%;
}


/* grid */
.grid {
	border-right:1px solid #f9f8f8;
}
.grid .grid-item {
	padding:0px;
	text-align:center;
	vertical-align:middle;
	border-left:1px solid #f9f9f8;
	border-bottom:1px solid #f9f9f8;
}
.grid .grid-item img.responsive {
	display:block;
	text-align:center;
	width:100%;
}
a.blue {
	padding:25% 0px;
	color:#00548f;
	display:block;
}
a.blue:hover {
	color:#fff;
	background:#00548f;
}
a.green {
	padding:35% 0px;
	color:#00548f;
	display:block;
	color:#2c973e;
}
a.green:hover {
	color:#fff;
	background:#2c973e;
}


/* partners list */
.partners-list {
	background:#f9f9f9;
	padding-right:10px;
	border-right:1px solid #c5c5c5;
}
.no-bor {
	border:0px;
}

/* about lists */
.about-list {
	padding:0px;
	background:#fff;
	border-bottom:1px solid #f9f8f8;
	color:#00548f;
}
.about-list h3 {
	padding:2%;
	background:#fff;
	background:#fff url("../images/to-bot-blue.png") 98% 50% no-repeat;
	font-size:122%;
}
.about-list h3.active {
	color:#fff;
	background:#00548f url("../images/to-bot-white.png") 98% 50% no-repeat;
}
.about-list p {
	padding:2%;
	background:#fff;
}

/* === Activities === */
.activities .tabs li {
	width:33.333%;
	background:#005490;
	border-right:1px solid #fff;
	float:left;
	color:#fff;
	padding:1%;
	text-align:center;
	font-weight:bold;
	list-style:none;
}
.activities li.sel-activity {
	background:#fff;
	color:#005490;
}
.activities li {
	list-style:disc;
}
.activities div.audio-content, .activities div.tv-content, .activities div.communication-content {
	clear:both;
	background:#fff;
	padding:3% 3%;
}
/* === Google Maps === */
.google-maps {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.google-maps iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* === header === */
.fixed-header {
	position:absolute;
	top:3px;
}
#header-wrapper {
	width:100%;
	background:#fff;
	}
#header-wrapper header {
	max-width:1194px;
	margin:0 auto;
	background:#fff;
	position:relative;
}
#header-wrapper header #logo {
	width:30%;
	float:left;
}
#header-wrapper header nav {
	width:68%;
	float:left;
	border-bottom:1px solid #00548f;
}
#header-wrapper header nav ul {
	padding:10px 0px;
	float:right;
}
#header-wrapper header nav li {
	display:inline-block;
}
#header-wrapper header nav li a {
	margin:0px 10px 0px 0px;
	color:#2c973e;
	/* background:orange; */
	display:block;
	padding:10px;
	position:relative;
	top:13px;
	border-bottom:5px solid transparent;
}
#header-wrapper header nav li a.sel {
text-decoration:none;
color:#00548f;
	border-bottom:5px solid #2c973e;
}
#header-wrapper header nav li a:hover {
text-decoration:none;
color:#00548f;
	border-bottom:5px solid #2c973e;
}
#header-wrapper header #search {
	width:23%;
	width:auto;
	float:right;
	position:absolute;
	right:0px;
	top:29px;
}
#header-wrapper header #search img {
	float:right;
}
#header-wrapper header #search .search-box {
display:none;
	float:right;
	position:relative;
}
#header-wrapper header #search .search-box input {
	background:#005490;
}

/* === home page contact info === */
#hp-contact-info {
	background:#2c973e;
	margin:1px 0px;
	color:#fff;
}
#contact {
	width:50%;
	float:left;
	background:#2c973e;
	padding:19px 2% 19px 0px;
	text-align:right;
}
#offices {
	width:50%;
	float:right;
	background:#178129;
	padding:19px 0px 19px 2%;
	text-align:left;
}
.contact {
	background:url("../images/icon-contact.png") top left no-repeat;
	width:auto;
	float:right;
	text-align:left;
	padding-left:38px;
}
.offices {
	background:url("../images/icon-offices.png") top left no-repeat;
	width:auto;
	float:left;
	padding-left:38px;
}



/* === container === */
.container-wrapper {
	width:100%;
}
.container {
	max-width:1194px;
}
.container-fluid {
	max-width:1194px;
}


/* === main areas wrapper === */
#main-areas-wrapper {
	padding:18px 0px;
	clear:both;
	background:#f9f7f5;
}
/* === area === */
.area {
	min-height:200px;
}
.area-image {
	width:20%;
	padding:2%;
	float:left;
	margin-top:29px;
}
.area-text {
	min-height:100%;
	width:80%;
	padding:29px 2%;
	float:left;
}
.area-text:hover {
	background:#fff;
}
.area-text h3 {
	font-size:100% !important;
	font-weight:bold !important;
	color:#00548f;
	margin-bottom:14px;
}
.area-text p {
	margin-bottom:10px;
}
.see-more {
	width:50%;
	border-bottom:1px solid #2c973e;
	color:#2c973e;
}
.see-more a {
	color:#2c973e;
	padding:10px 0px;
	display:inline-block;
	position:relative;
	top:3px;
	border-bottom:5px solid #2c973e;
}


/* === hp about wrapper === */
#hp-about-wrapper {
	padding:18px 0px;
	clear:both;
}
#hp-about-wrapper p {
	margin-bottom:10px;
	text-align:justify;
}
.home-about {
	color:#00548f;
	font-size:280%;
}


/* === hp clients wrapper === */
#hp-clients-wrapper {
	padding:18px 0px;
	clear:both;
}
#hp-clients-wrapper p {
	margin-bottom:10px;
	text-align:justify;
}
.home-clients {
	color:#2c973e;
	font-size:280%;
}


/* === hp newsletter wrapper === */
#hp-newsletter-wrapper {
	padding:18px 0px;
	background:#fff;
	clear:both;
	color:#00538f;
}
.light-gray {
	background:#f9f7f8;
	padding:19px 0px;
	color:#00538f;
}
#hp-newsletter-wrapper p {
	font-size:138%;
	font-weight:normal;
}


/* === banner area wrapper === */
#banner-area-wrapper {
	width:100%;
	position:relative;
}
#banner-area-wrapper #banner-area {
	max-width:1194px;
	margin:0 auto;
	background:#f9f8f8;
	padding-top:98px;
	position:relative;
}
#banner-area-wrapper #banner-area .banner-area {
	position:relative;
}



/* === footer ===*/
#footer-wrapper {
	width:100%;
	margin:37px 0px 19px 0px;
	background:#fff;
}
#footer-wrapper footer {
	max-width:1194px;
	margin:0 auto;
	background:#fff;
}
#footer-wrapper footer nav {
	float:left;
	width:75%;
}
#footer-wrapper footer nav li {
	display:inline-block;
}
#footer-wrapper footer nav a {
	color:#6d6f71;
	padding:0px 21px 0px 0px;
	display:block;
}
#footer-wrapper footer #social {
	text-align:right;
	float:right;
	width:25%;
}


/* === contact-info-wrapper ===*/
#contact-info-wrapper {
	width:100%;
	margin:19px 0px;
	padding-top:19px;
	border-top:1px solid #eee;
	color:#00538f;
}
#contact-info {
	max-width:1194px;
	margin:0 auto;
	background:#fff;
}
.telmaco {
	float:left;
	background:#fff;
	width:49%;
}
.madeby {
	float:right;
	background:#fff;
	width:49%;
}