html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}


.clearfix:after {
    clear: both;
}



@font-face {
   	font-family: 'garamond-bold';
   	src: url('/fonts/adobe-garamond-pro/garamond-bold.eot');
   	src: url('/fonts/adobe-garamond-pro/garamond-bold.eot?#iefix') format('embedded-opentype'),
   	url('/fonts/adobe-garamond-pro/garamond-bold.woff') format('woff'),
   	url('/fonts/adobe-garamond-pro/garamond-bold.ttf') format('truetype'),
   	url('/fonts/adobe-garamond-pro/garamond-bold.svg') format('svg');
   }

 @font-face {
   	font-family: 'corbel';
   	src: url('/fonts/corbel/corbel.eot');
   	src: url('/fonts/corbel/corbel.eot') format('embedded-opentype'),
   	url('/fonts/corbel/corbel.woff') format('woff'),
   	url('/fonts/corbel/corbel.ttf') format('truetype'),
   	url('/fonts/corbel/corbel.svg') format('svg');
   }

 @font-face {
   	font-family: 'corbel-bold';
   	src: url('/fonts/corbel/corbel-bold.eot');
   	src: url('/fonts/corbel/corbel-bold.eot') format('embedded-opentype'),
   	url('/fonts/corbel/corbel-bold.woff') format('woff'),
   	url('/fonts/corbel/corbel-bold.ttf') format('truetype'),
   	url('/fonts/corbel/corbel-bold.svg') format('svg');
   }

 @font-face {
   	font-family: 'opensans-semibold';
   	src: url('/fonts/open-sans/opensans-semibold.eot');
   	src: url('/fonts/open-sans/opensans-semibold.eot') format('embedded-opentype'),
   	url('/fonts/open-sans/opensans-semibold.woff') format('woff'),
   	url('/fonts/open-sans/opensans-semibold.ttf') format('truetype'),
   	url('/fonts/open-sans/opensans-semibold.svg') format('svg');
   }


body, html, .main{
	position: relative;
	height: 100%;
}
.container-header {
	background: #fff;
}
.header{
	width: 100%;
	z-index: 1000;
	position: fixed;
	background: #fff;
}
.topbar{
	background: #dadada;
	padding: 10px;
	width: 100%;
}

.topbar div{
	font-size: 14px;
	font-family: 'corbel-bold';
	text-transform: uppercase;
}

.topbar .col-xs-6{
	padding: 0;
}

.menu-navegacion{
	background: none;
	border: none;
	margin-bottom: 0;
}

.topbar div a{
	text-decoration: none;
	color: #575756;
	font-family: 'corbel-bold';
	font-size: 11px;
}

.boton-menu{
	margin-top: 47px !important;
	margin-right: 10px !important;
}

.language{
	text-align: right;
}

.logo-nav{
	height: auto;
	padding: 42px 0 0 0;}

.logo-container img{
	width: 100%;
}

.menu-opciones{
	font-family: 'opensans-semibold';
	font-size: 14px;
	text-transform: uppercase;
}

.menu-opciones a{
	color: #0C467A !important;
	padding: 10px 10px !important;
	text-align: center;
	font-size: 13px;
}

.navbar-padding{
	padding: 100px 0 0 0;
}

main{
	padding-top: 174px;
	position: relative;
}

.main-image-wrapper{
	background-size: cover; 
	background-position: center;
	padding: 20px 20px 20px 20px;
	overflow-y: auto; 
	border-top: solid #0C467A 3px;
}
.bg-center-bottom {
	background-position: center bottom;
}
.slider div{
	position: absolute;
}

.slider2{
	min-height: 150px;
	position: relative;
}

.slider2 div{
	height: 133px;
	width: 543px;
	margin-top: 50px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	right: 0;
}
#iniciotext1{
	background-image: url(/img/iniciotext1.png);
}

#iniciotext2{
	background-image: url(/img/iniciotext2.png);
}

#iniciotext3{
	background-image: url(/img/iniciotext3.png);
}

#iniciotext4{
	background-image: url(/img/iniciotext4.png);
}

#iniciotext5{
	background-image: url(/img/iniciotext5.png);
}

#iniciotext6{
	background-image: url(/img/iniciotext6.png);
}

#hometext1{
	background-image: url(/img/hometext1.png);
}

#hometext2{
	background-image: url(/img/hometext2.png);
}

#hometext3{
	background-image: url(/img/hometext3.png);
}

#hometext4{
	background-image: url(/img/hometext4.png);
}

#hometext5{
	background-image: url(/img/hometext5.png);
}

#hometext6{
	background-image: url(/img/hometext6.png);
}

#home1{
	background-image: url(/img/HOME1.jpg);
	width: 100%;
}

#home2{
	background-image: url(/img/HOME2.jpg);
	width: 100%;
}

#home3{
	background-image: url(/img/HOME3.jpg);
	width: 100%;
}

#home4{
	background-image: url(/img/HOME4.jpg);
	width: 100%;
}

#home5{
	background-image: url(/img/HOME5.jpg);
	width: 100%;
}

#home6{
	background-image: url(/img/HOME6.jpg);
	width: 100%;
}

.about-image{
	background-image: url(/img/ABOUTUS.jpg);
}

.service-image{
	background-image: url(/img/SERVICES.jpg);
}

.team-image{
	background-image: url(/img/THETEAM.jpg);
}

.case-image{
	background-image: url(/img/CASESTUDIES.jpg);
}

.news-image{
	background-image: url(/img/NEWS&TRENDS.jpg);
}

.contact-image{
	background-image: url(/img/CONTACT.jpg);
}

.caja-texto{
	background: #fff;
	padding: 10px;
}

.caja-texto h3{
	color: #1D70B7;
	font-family: 'corbel-bold';
	font-size: 18px;
	margin-top: 25px;
}

.caja-texto h3:first-child{
	margin-top: 0px;
}

.caja-texto p{
	margin-top: 10px;
	font-family: 'corbel';
	line-height: 16px;
	font-size: 14px;
}

.caja-texto ul{
	list-style: disc;
	margin-left: 30px;
	margin-top: 20px;
	font-family: 'corbel';
	font-size: 14px;
}

.team p, .team h5{
	text-transform: uppercase;
	color: #0C467A;
}

.team p{
	font-family: 'corbel';
	margin: 0;
	font-size: 12px;
}

.team h5{
	font-family: 'corbel-bold';
}

.team img{
	margin-top: 20px;
	height: auto;
	width: 100%;
	border: solid #0C467A 2px;
	padding: 5px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.close-button {
	cursor: pointer;
}
.fancy-box-nuestro {
	padding: 25px;
	margin: 0 auto;
	font-family: 'corbel';
	font-size: 14px;
	display: none;
	float: none;
	width: 700px;
}
.fancy-box-nuestro.bg-blue {
	background: #00365B;
	color: #fff;
}
.fancy-box-nuestro.bg-white {
	background: #fff;
	color: #0C467A
}
.fancy-box-nuestro p{
	margin-top: 15px;
}

.fancy-box-nuestro h3{
	text-transform: uppercase;
	font-family: 'corbel-bold';
	font-size: 16px;
}

.caja-texto-case{
	min-height: 185px !important;
}

.li-case-studies{
	margin-top: 20px;
	cursor: pointer;
	font-family: 'corbel-bold';
}

.li-case-studies.active{
	color: #0C467A;
}

.case-opcion{
	background: #00365B;
	color: #fff;
	min-height: 185px;
	font-family: 'corbel';
	padding: 15px;
	display: none;
	position: relative;
}

.case-opcion span{
	position: absolute;
	right: 5px;
	top: 5px;
}

.case-opcion-wrapper{
	padding: 0;
}

.case-opcion h3{
	font-size: 16px;
	font-family: 'corbel-bold';
}

.case-opcion p{
	font-family: 'corbel';
	margin-top: 15px;
	font-size: 14px;
}

.case-opcion ul{
	list-style: disc;
	margin-left: 40px;
	margin-top: 20px;
}

.case-wrapper{
	padding: 0;
}

.news-wrapper h4{
	font-family: 'corbel-bold';
	color: #0C467A;
	font-size: 16px;
	border-top: #0C467A solid 2px;
	border-bottom: #0C467A solid 2px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 15px;
}

.news-wrapper p{
	margin-top: 15px;
	font-family: 'corbel';
	font-size: 14px;
}

.abstract{
	color: #0C467A;
	font-family: 'corbel-bold' !important;
	margin-bottom: -15px;
	margin-top: 5px !important;
}

.news-wrapper img{
	background: gray;
	width: 100%;
	height: auto;
	margin: 10px 0;
}

p:last-child{
	margin-bottom: 25px;
}

.contact-wrapper{
	background-image: url(/img/bg-contact.jpg);
	background-size: 100% 100%;
	max-height: 400px !important;
}

.contact-wrapper p{
	color: #0C467A;
	font-size: 19px;
	font-family: 'corbel';
	line-height: 22px;
}

.contact-wrapper span{
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #fff;
	font-family: 'corbel';
	font-size: 19px;
}

.intro{
	background-image: url(/img/intro.jpg);
	background-size: cover;
	background-position: center;
	text-align: center;
	height: 100%;
	overflow: hidden;
}

.intro div{
	width: 50%;
	margin: 0 auto
}

.intro img{
	margin: 300px 0 0 0;
}

.intro ul{
	padding-top: 20px;
}

.intro li{
	text-transform: uppercase;
	display: inline;
}

.intro a{
	text-decoration: none;
	color: #0C4666;
	font-family: 'opensans-semibold';
	font-size: 18px;
}

.intro p{
	color: #0C4666;
	font-size: 24px;
	text-transform: uppercase;
	padding-top: 20px;
	font-family: 'corbel-bold';
}

.intro li:first-child{
	margin-right: 50px;
}
@media (max-width: 1199px) {
		main{
		padding-top: 179px;
		position: relative;
	}
}
@media (max-width: 768px){
	.logo-nav{
		padding-left: 10px;
	}
	main{
		padding-top: 162px;
		position: relative;
	}
	main .container {
		padding: 0;
	}
	.team:nth-child(4){
		clear: left;
	}

	.li-case-studies{
		font-size: 12px;
	}

	.case-opcion p{
		font-size: 12px;
	}

	.fancy-box-nuestro{
		width: 100%;
	}

	.navbar-padding{
		padding-top: 0;
	}
}

@media (max-width: 550px){

	.topbar div{
		padding: 0;
	}

	.container-header{
		margin: 0;
		padding: 0;
	}

	main.container{
		padding: 0;
	}
	.boton-menu{
		margin-top: 20px !important;
	}
	main{
		padding-top: 115px;
		position: relative;
	}

	.main-image-wrapper{
		margin: 0;
	}

	.logo-nav{
		width: 50%;
		padding-top: 15px;
	}

	.slider2 div{
		width: 271px;
		height: 66px;
	}
	.container{
		padding: 0;
	}
	.contact-wrapper p{
		font-size: 14px;
	}
	.contact-wrapper span{
		font-size: 14px;
	}

	.caja-texto a:nth-child(even) .team {
	clear: left;
	}
}
@media (max-width: 400px){
	main{
		padding-top: 115px;
	}
}