* {
	margin: 0px;
	padding: 0px;
	outline: 0 none;
}

@font-face {
    font-family: 'DIN-Mittel';
    src: url('../fonts/dinmittelschriftstd.eot');
    src: url('../fonts/dinmittelschriftstd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinmittelschriftstd.woff') format('woff'),
         url('../fonts/dinmittelschriftstd.ttf') format('truetype'),
         url('../fonts/dinmittelschriftstd.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DIN-Pro-Medium';
    src: url('../fonts/dinpro-medium.eot');
    src: url('../fonts/dinpro-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro-medium.woff') format('woff'),
         url('../fonts/dinpro-medium.ttf') format('truetype'),
         url('../fonts/dinpro-medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

textarea {
	resize: none;
}

body {
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	font-family: Arial, sans-serif;
	background: #2C2C2C;
	height:100%;
	-webkit-overflow-scrolling:touch;
}

body.white {
	background: #F4F4F4;
}

html {
	height:100%;
}

p {
	line-height: 15px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, sans-serif;
	min-height: 15px;
}

a {
	text-decoration: none;
	color: inherit;
}

:focus { outline: 0 none }

img { border: none; }

div.clear {
	clear: both;
}

#contents {
	width: 100%;
	min-width: 280px;
	height: 100%;
	position: relative;
}

#logotype, #logotypewhite {
	background: url('/images/logotype.png?v=1') no-repeat;
	width: 190px;
	height: 39px;
	position: fixed;
	top: 45px;
	left: 80px;
}

#logotypewhite { background: url('/images/logotype_white.png?v=1') no-repeat; }

#item-go-top { cursor: pointer; }

#home-slides-navigation { position: fixed; top: 100px; left: 80px; width: 190px;}
#slide-list{display: none;}
#slide-list li {
	background: url(/images/home/bola_normal.png) center no-repeat;
}

#slide-list li:hover, #slide-list li.current-slide {
	background: url(/images/home/bola_hover.png) center no-repeat;
}

#player-close { position: absolute; z-index: 51000; right: 10px; top: 30px; display: none; cursor: pointer; font-family: 'DIN-Pro-Medium'; color: #C7C7C7; background: url(/images/menu/close_normal.png) right no-repeat; padding-right: 18px; font-size: 13px; }


/** MENU */
#menu {
	position: fixed;
	top: 135px;
	left: 55px;
}

div.home-correction {
	margin-top: 30px;
}

#menu div.menu-item, #menu div.menu-itemwhite, #menu div.submenu-item, #menu div.submenu-itemwhite   {
	width: 246px;
	padding:1px;
	background: url(/images/menu/menu_bg.png) repeat;
	color: #C7C7C7;
	font-size: 13px;
	line-height: 32px;
	height: 32px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1px;
	cursor: pointer;
	font-family: 'DIN-Pro-Medium';
	position: relative;
}

#menu div.menu-itemwhite {
	background: #555555;
}

#menu div.submenu-item, #menu div.submenu-itemwhite  {
	background: url(/images/menu/submenu_bg.png) repeat;
	font-size: 13px;
	color: #949494;
}

#menu div.submenu-item:hover, #menu div.submenu-itemwhite:hover, #menu div.submenu-itemwhite.selected, #menu div.submenu-item.selected  { color: #1F1F1D; background: #607183;	 }

#menu div.submenu-itemwhite  {
	background: #8E9AA8; color: #484745;
}

#menu a div.menu-itemwhite:hover, #menu a div.menu-itemwhite.selected{
	padding: 0px;
	border: solid 1px #000000;
	background: #242424;
	color: #FFFFFF;
}

#menu a div.selected {
	background: #242424;
}

#menu a div.menu-item:hover, #menu a div.menu-item.selected {
	padding: 0px;
	border: solid 1px #000000;
	background: url(/images/menu/menu_bg2.png);
	color: #FFFFFF;
}

/*#menu a div.menu-item-projectdetail{
	height: 28px;
	line-height: 28px;
	background-image: url(/images/menu/menu_bg.png) repeat;
	margin-bottom: 0px;
}*/

#menu #menu-handler { display: none; text-align: left; font-size: 14px; }

#footer {
	width: 246px;
	height: 53px;
	background: url(/images/menu/footer.png) no-repeat;
	color: #C7C7C7;
	font-family: 'DIN-Pro-Medium';
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 20px;
	/*position: fixed;
	top: 370px;
	left: 55px;*/
}

#footer.white { background: url(/images/menu/footer_white.png) no-repeat; }

#footer-mobile { display: none; }

#footer div{
	text-align:center; line-height: 27px;
}

div.footer-pd { display: none; }

div.lang { width:29px; float: left; cursor: pointer; color: #C7C7C7; }
div.lang:hover { color: #FFFFFF; }

#linkedin {width: 25px; background: url(/images/menu/linkedin_normal.png) center no-repeat;	height: 25px;float: left; cursor: pointer;}
#linkedin:hover { background: url(/images/menu/linkedin_hover.png) center no-repeat;	}
#youtube {width: 48px;background: url(/images/menu/youtube_normal.png) center no-repeat; height: 25px;float: left;cursor: pointer;}
#youtube:hover { background: url(/images/menu/youtube_hover.png) center no-repeat;	 }
#login-button {width: 65px; float: left; background: url(/images/menu/login_normal.png) right no-repeat;cursor: pointer; color: #C7C7C7;}
#login-button:hover { background: url(/images/menu/login_hover.png) right no-repeat; color: #FFFFFF;	 }
#email-button {width: 30px; float: left; height: 25px; background: url(/images/menu/email_normal.png) center no-repeat; cursor: pointer;}
#email-button:hover { background: url(/images/menu/email_hover.png) center no-repeat;	}
#map-button {width: 65px; float: left; 	background: url(/images/menu/mapa_normal.png) right no-repeat;		cursor: pointer; color: #C7C7C7;}
#map-button:hover { background: url(/images/menu/mapa_hover.png) right no-repeat; color: #FFFFFF;	 		}

#menu-close {
	position: absolute;
	right: 8px;
	top: 0px;
	height: 32px;
	width: 22px;
	cursor: pointer;
}

.close { background: url(/images/menu/close_normal.png) center no-repeat;	}
.open { background: url(/images/projects/plus.gif) center no-repeat;	}

.close:hover {background: url(/images/menu/close_over.png) center no-repeat;}
.open:hover {background: url(/images/projects/plus_hover.gif) center no-repeat;}

/* END MENU */


/* HOMEPAGE */
#home-holder {
	height: 100%;
	border-left: solid #FFFFFF 4px;
	width: 27%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #333333;
	min-width: 340px;
}

#home-highlight-image {
	height: 49.5%;
	width: 100%;
	background-color: #1E3449;
	opacity: 0.6;
}
#home-highlight-image:hover{opacity: 1;}

#slideshow, div.slideshow-item {width: 100%; height: 100%; position: relative; }
#slideshow div.slideshow-item img {width:100%;}
#slideshow div.slideshow-item div.slideshow-item-name { position: absolute; top: 57%; text-align: center; font-size: 24px; color: #FFFFFF; font-family: 'DIN-Pro-Medium'; width: 90%; padding-left: 5%;  }
#slideshow-over {position: absolute; top: 14%; z-index: 9500; text-align:center; font-size: 13px; color: #FFFFFF; font-family: 'DIN-Pro-Medium'; width: 99%;}
#slideshow {}

#nav_hp a {
	background-image: url(/images/home/bola_normal.png)	;
	background-repeat: no-repeat;
	width:9px;
	height:9px;
	display: inline-block;
	margin: 4px;
	font-size: 0px;
}

#nav_hp a.activeSlide  {
	background-image: url(/images/home/bola_hover.png)	;
	background-repeat: no-repeat;
	width:9px;
	height:9px;
	display: inline-block;
}

#home-highlight-text {
	height: 50%;
	width: 84%;
	background-color: #333333;
	padding: 0% 8% 0% 8%;
	z-index: 1002;
}

#home-highlight-text:hover { background-color: #494949; }

#home-highlight-sep { height: 0.5%; width: 100%; background: #FFF;  z-index: 1001;}
#home-tweak { height: 30px; }
#home-highlight-text div.title {
	padding-left: 46px;
	color: #6f8398;
	font-size: 13px;
	font-family: 'DIN-Pro-Medium';
	text-transform: uppercase;
	margin-bottom: 20px;
	height: 30px;
}

#home-highlight-text div.subtitle {
	font-family: 'DIN-Pro-Medium';
	text-transform: uppercase;
	font-size: 22px;
	width: 250px;
	line-height: 22px;
	color: #FFFFFF;
}

#home-highlight-text div.subtitle2 {
	font-family: 'DIN-Pro-Medium';
	text-transform: uppercase;
	font-size: 19px;
	padding: 10px 0px 15px 0px;
	color: #FFFFFF;
}

#home-highlight-text div.text p{
	font-size: 13px;
	line-height: 15px;
}

#top_element { display: none;	cursor: pointer; }

#home-highlight-text div.text p{
	color: #C1C1C1;
}

/* END HOMEPAGE */


/* PROJECT LIST */

#page-project-list {
	height: 100%;
}

#project-list-container {
	float: left; margin-top: 8px; margin-left: 360px;
}

div.project-list-item {
	float: left; margin-right: 8px; margin-bottom: 8px;	background: #161616; position: relative;
}

div.project-list-over {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
	background: url(/images/projects/hover.png) repeat;
	text-align: center;
	font-family: 'DIN-Pro-Medium';
	display: none;
}

div.project-list-over div.text {
	width: 90%;
	margin: 50px auto 0px auto;
	background: url(/images/projects/risca3.gif) top center no-repeat;
	color: #353535;
	font-size: 13px;
	padding-top: 5px;
	text-transform: uppercase;
}


div.project-list-over div.text div.subtitle{ font-size: 13px; margin-bottom: 20px;}

/* END PROJECT LIST */


/* PROJeCT DETAIL */
#projectdetail-slides-navigation { margin-top: -30px; position: relative; width: 100%;}

#project-name {
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	width: 218px;
	font-family: 'DIN-Pro-Medium';
	padding: 22px 0px 25px 0px;
	text-transform: uppercase;
}
#project-name-mobile {display: none;}
#projectdetail-first-line{border-top: solid 1px #565A5D; width: 42px; height: 7px; margin-top: 60px}
#project-moreinfo { font-family: 'DIN-Pro-Medium'; font-size: 14px; margin-top: 1px;}
#project-moreinfo-mobile {display: none; }

#project-list-button {
	height: 30px;
	width: 42px;
	background: url(/images/menu/menu_bg.png) repeat;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}

#project-list-button div{
	height: 30px;
	width: 42px;
	background: url(/images/projects/projectlist_normal.gif) center no-repeat;
}

#project-list-button:hover div{ background: url(/images/projects/projectlist_hover.gif) center no-repeat;	}

#project-prev, #project-next {
	height: 30px;
	width: 37px;
	background: url(/images/menu/menu_bg.png) repeat;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}

#project-prev div{height: 30px; width: 37px;	background: url(/images/projects/left_normal.png) center no-repeat;	}
#project-next div{height: 30px; width: 37px;	background: url(/images/projects/right_normal.png) center no-repeat;	}

#project-prev div:hover{ background: url(/images/projects/left_hover.png) center no-repeat; }
#project-next div:hover{ background: url(/images/projects/right_hover.png) center no-repeat; }

#project-moreinfo-button {
	height: 31px;
	width: 99px;
	float: left;
	line-height: 30px;
	position: relative;
	background: url(/images/menu/menu_bg.png) repeat;
	text-align: center;
	padding-right: 30px;
	color: #C7C7C7;
	font-size: 13px;
	cursor: pointer;
}

#moreinfo-container {
	background: url(/images/menu/menu_bg.png) repeat;
	padding: 15px;
	width: 218px;
}

#detail-close {
	position: absolute;
	right: 8px;
	top: 0px;
	height: 32px;
	width: 22px;
	cursor: pointer;
}

#detail-holder {display: none;}

.projectdetail-sep { color: #C7C7C7; font-size: 11px; float: left; padding: 0px 11px;}
#projectdetail-video { color: #C7C7C7; font-size: 11px; background: url(/images/projects/video_icon.png) right no-repeat; padding-right: 24px; float: left; text-transform: uppercase; cursor: pointer}
#projectdetail-pdf { color: #C7C7C7; font-size: 11px; background: url(/images/projects/download_pdf.png) right no-repeat; padding-right: 21px; float: left; text-transform: uppercase; cursor: pointer;}
#projectdetail-pdf:hover { background: url(/images/projects/download_pdf_hover.png) right no-repeat; color: #FFFFFF; }
#projectdetail-video:hover { background: url(/images/projects/video_icon_hover.png) right no-repeat; color: #FFFFFF; }
div.projectdetail-text {padding-bottom: 10px; }
div.projectdetail-text p{font-size: 14px; font-family: 'DIN-Pro-Medium'; line-height: 17px; color: #FFFFFF;}

/* END */

/* ABOUT US */
#page-aboutus { float: left; margin-top: 8px; margin-left: 360px; font-family: 'DIN-Pro-Medium'; }
div.template-text {width: 90%;}
#aboutus-holder { width: 95%; max-width: 790px;  position: relative;}

#aboutus-holder p{
	font-size: 14px;
	line-height: 19px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #767676;
}

#aboutus-holder div.arrows {
	background: url(/images/aboutus/arrow.png) top left no-repeat;
	line-height: 21px;
	font-size: 19px;
	color: #414141;
	padding-left: 30px;
	text-transform: uppercase;
	font-family: 'DIN-Pro-Medium';
	padding-bottom: 8px;
}

div.white-line, div.gray-line {
	width: 60px;
	height: 1px;
	background: #FFFFFF;
	margin: 50px 0px 20px 0px;
}

div.gray-line {
	background: #545454;
}

div.aboutus-last-text {  margin-bottom: 50px; position: relative; }


div.aboutus-last-text div.lateral {position: absolute; top: 0px; right: 0px; width: 190px; height: 100%; background: url(/images/aboutus/gotop_bg_white.jpg) right repeat-y; cursor: pointer;}



div.aboutus-last-text div.text { padding-right: 190px; }

/* END */

/* CLIENTS */
div.client-list-item {
	float: left; margin-right: 8px; margin-bottom: 8px;	position: relative;
}

div.client-logo-box {
	width: 178px;
	height: 178px;
	border: solid 1px #6e6e6e;
	background: #515151;
}

div.client-logo {
	width: 180px;
	height: 180px;
}

/* END */

/* contacts */
#page-contacts {
	float: left; margin-top: 8px; margin-left: 360px; font-family: 'DIN-Pro-Medium';
}

#contacts-holder {
	width: 100%;
	max-width: 790px;
}

#map {
	width: 760px; height: 370px; border: solid 1px #7b7b7b;
}

h1.contacts {
	color: #ededed;
	font-size: 32px
	font-family: 'DIN-Pro-Medium';
	font-weight: normal;
	text-transform: uppercase;
}

div.contact-text p{
	color: #909090;
	font-size: 14px;
	line-height: 18px;
}

div.contact-text a{
	color: #6f8398;
}

div.contact-last-text {  margin-bottom: 50px; position: relative; }
div.contact-last-text div.lateral {position: absolute; top: 0px; right: 0px; width: 190px; height: 100%; background: url(/images/aboutus/gotop_bg.jpg) right repeat-y; cursor: pointer;}

div.contact-last-text div.text { padding-right: 190px; }

#country-holder {margin-top: 5px; margin-bottom: 30px; text-transform: uppercase; }

.country{
	padding: 4px 6px;
	background: url(/images/menu/menu_bg.png) repeat;
	color: #8d8d8d;
	margin: 2px;
}

#country-holder  .country-sel, #country-holder  a.country:hover{
	padding: 4px 6px;
	background: url(/images/menu/menu_bg2.png);
	color: #FFFFFF;
	margin: 2px;
}

/*	font-size: 13px;
	line-height: 32px;
	height: 32px;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'DIN-Pro-Medium';
*/
/* end */

img.image-responsive {
	width: 100%;
	min-width: 100px;
}

div.logo {
	width: 145px;
	height: 48px;
	background: url('/images/logotype_contacts.png?v=1') center no-repeat;
}

.blue-text {
	color: #6f8398;
}

div.din14 {
	font-family: 'DIN-Pro-Medium';
	font-size: 14px;
}


/* TINYMCE */
#aboutus-holder .subtitulo32 {
	font-family: 'DIN-Pro-Medium'; font-size: 32px; color: #414141; text-transform: uppercase; padding-bottom: 0px; line-height: 42px;
}

#aboutus-holder .subtitulo20, .subtitulo20 li {
	font-family: 'DIN-Pro-Medium'; font-size: 20px; color: #414141; text-transform: uppercase; margin-bottom: 5px; line-height: 25px;
}

#aboutus-holder .subtitulo14, .subtitulo14 li {
	font-family: 'DIN-Pro-Medium'; font-size: 14px; color: #414141; text-transform: uppercase;
}

#aboutus-holder .subtitulo-azul-16 {
	font-family: 'DIN-Pro-Medium'; font-size: 16px; color: #436486; text-transform: uppercase;
}

#aboutus-holder .texto_normal {
	line-height: 15px;
	font-size: 11px;
	font-family: Arial, sans-serif;
	min-height: 15px;
}

li {
	font-family: 'DIN-Pro-Medium'; list-style-image: url(/images/aboutus/arrow.png); color: #767676; font-size: 14px;
}

ul{ margin-left: 20px;}

.cinza, p .cinza {
	color: #C7C7C7;
}