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

html, body {
	height:100%;
	background: #000000;
}

.grid {
	position: absolute;
	z-index: 1000;
	opacity: .5;
	filter: alpha(opacity = 50);
	display: inline;
	top: 0px;
	left: 50%;
	margin-left: -959px;
}

a img {
	border:  none;
}

a {
	text-decoration: none;
}

/*LAYOUT*/

#plate {
	width: 960px;
	margin: auto;
	color: #8D8F92;
	overflow: hidden;
	line-height: 1em;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	min-height:100%;
	position:relative;
}

#plate a {
	color: #8f8f8f;
	text-decoration: none;
}

#plate a:hover {
	color: #58595B;
}

.wrapper {
	padding-bottom: 200px;
}

/*TOP*/

.top {
	width: 960px;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.top-about {
	height: 445px;
}

.top-portfolio {
	height: 100%;
}

/*HEADER*/

.header {
	width: 950px;
	margin: auto;
	height: 122px;
	overflow: hidden;
}

.shadow {
	top: 122px;
	width: 950px;
	margin: auto;
	height: 21px;
	z-index: 200;
	overflow: hidden;
	position: absolute;
	background: url(../images/plate/bg-shadow.png);
}

.pick {
	top: 122px;
	left: 765px;
	width: 11px;
	height: 6px;
	overflow: hidden;
	position: absolute;
	z-index: 200;
	background: url(../images/plate/bg-pick.png);
}

.logotype, .menu {
	float: left;
	display: inline;
	overflow: hidden;
}

.accordion {
	width: 100%;
	padding-top: 22px;
}

.menu-about {
	width: 924px;
	margin: auto;
	overflow: hidden;
	padding: 15px 0px;
	/*margin: 22px auto auto auto;*/
	border-top: 1px solid #232323;
	border-bottom: 1px solid #232323;
}

.menu-about div {
	float: left;
	width: 231px;
	margin: auto;
	display: inline;
	overflow: hidden;
	text-align: center;	
}

.menu-about h2 {
	font-size: 11px;
	line-height: 1.7em;
	text-transform: lowercase;
}

#plate .menu-about .active {
	color: #00bfff;
}

.logotype {
	width: 115px;
	height: 122px;
}

.language {
	top: 25px;
	left: 763px;
	color: #58595B;
	font-size: 10px;
	position: absolute;
	line-height: 1.2em;
	text-transform: uppercase;
}

.language h1 {
	font-size: 10px;
	line-height: 1.2em;
}

#plate .language a {
	color: #58595B;
}

#plate .language a:hover, #plate a.language-active {
	color: #8f8f8f;
}

/*MENU*/

.menu {
	margin-top: 60px;
}

.menu-element {
	float: left;
	width: 120px;
	height: 39px;
	display: inline;
	overflow: hidden;
	padding-top: 23px;
	text-align: center;
	text-transform: lowercase;
	background-image: url(../images/plate/menu/bg-me.jpg);
}

.menu-login {
	color: #d8d8d8;
	width: 192px;
	text-align: left;
	padding-left: 43px;
	text-transform: uppercase;
	background-image: url(../images/plate/menu/bg-login.jpg);
}

.menu-element h2 {
	font-size: 12px;
	font-size: 11px;
}

#plate .menu-login a {
	color: #d8d8d8;
	font-size: 11px;
}

/*SLIDESHOW*/

.slideshow {
	width: 924px;
	margin: auto;
	height: 324px;
	/*overflow: hidden;*/
	position: relative;
}

.module-right, .module-right-about {
	right: 0px;
	top: 142px;
	left: 587px;
	width: 319px;
	height: 89px;
	z-index: 200;
	overflow: hidden;
	padding: 14px 18px;
	position: absolute;
	background: url(../images/plate/modules/bg-module-right.png);
}

.module-right-about {
	background: url(../images/plate/modules/bg-module-right-about.png);
}

.module-right-title {
	width: 319px;
	height: 30px;
	color: #FFFFFF;
	overflow: hidden;
	text-transform: lowercase;
}

.module-right-title h2 {
	font-size: 24px;
}

.module-right-text {
	width: 319px;
	height: 28px;
	color: #343434;
	font-size: 12px;
	margin-top: 14px;
	overflow: hidden;
	line-height: 1.2em;
}

.module-right-text-white {
	color: #FFFFFF;
}

.module-right-link {
	margin-top: 5px;
}

#plate .module-right-link a {
	color: #FFFFFF;
}

#plate .module-right-link a:hover {
	color: #343434;
}

.modules {
	top: 390px;
	left: 125px;
	margin: auto;
	width: 710px;
	height: 110px;
	z-index: 100;
	position: absolute;
}

.module {
	width: 230px;
	height: 110px;
	float: left;
	display: inline;
	overflow: hidden;
	background-image: url(../images/plate/bg-module.jpg);
}

.module-center {
	margin: 0px 10px;
}

.module-image, .module-title {
	float: left;
	display: inline;
	overflow: hidden;
}

.module-image {
	width: 105px;
	height: 100px;
	background: #111111;
	margin: 5px 10px 5px 5px;
}

.module-title {
	width: 100px;
	height: 97px;
	margin-top: 8px;
}

.module-title h2 {
	color: #d1d1d1;
	font-size: 14px;
	line-height: 1.2em;
	text-transform: lowercase;
}

#plate .module-title h2 a {
	color: #d1d1d1;
}

/*HOME POST*/

.home-wrapper {
	width: 960px;
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 60px;
}

.home-element {
	float: left;
	width: 450px;
	padding: 5px;
	display: inline;
	margin: 0px 10px;
	overflow: hidden;
	border-top: 1px solid #414141;
	
	height: 200px;
	background: #202020;
}

.home-element-inner {
	width: 450px;
	height: 200px;
	position: relative;
	background: url(../images/plate/bg-ghome.jpg) no-repeat;
}

.home-element-inner:hover {
	background: url(../images/plate/bg-ghome-active.jpg) no-repeat;
}

.home-element-inner-blue {
	background: url(../images/plate/bg-bhome.jpg) no-repeat;
}

.home-element-inner-blue:hover {
	background: url(../images/plate/bg-bhome-active.jpg) no-repeat;
}

.home-element-inner a {
	width: 450px;
	height: 200px;
	display: block;
}

.home-element-number, .home-element-text {
	color: #FFFFFF;
	overflow: hidden;
	position: absolute;
	text-transform: lowercase;
}

.home-element-image {
	width: 450px;
	height: 200px;
}

.home-element-number {
	top: 18px;
	left: 98px;
}

.home-element-number h4 {
	font-size: 14px;
	font-weight: 800;
	line-height: 1em;
}

.home-element-text {
	top: 90px;
	width: 450px;
	text-align: center;
}

.home-element-text h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}


/*HOME ELEMENTS*/

.home-posts, .home-projects {
	float: left;
	height: 378px;
	display: inline;
	overflow: hidden;
	border-bottom: 1px solid #232323;
}

.home-posts {
	width: 595px;
	overflow: hidden;
	margin-right: 10px;
	border-top: 1px solid #232323;
}

.home-projects {
	height: 100%;
	width: 337px;
}

/*HOME POSTS*/

.home-post {
	width: 595px;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #232323;
}

.home-post:first-child {
	border: none;
}

.home-post-image, .home-post-content {
	float: left;
	display: inline;
	overflow: hidden;
	margin-top: 10px;
}

.home-post-image {
	width: 240px;
	height: 158px;
	margin-right: 5px;
	background: #252525;
	position: relative;
}

.home-post-image-element {
	top: 0px;
	right: 0px;
	width: 5px;
	height: 158px;
	position: absolute;
	background-image: url(../images/plate/bg-hpi.png);
}

.home-post-content {
	width: 350px;
	height: 160px;
	position: relative;
}

.home-post-date {
	color: #646464;
	font-size: 10px;
	line-height: 1.2em;
	
	margin-top: -2px;
}

.home-post-title {
	width: 324px;
	color: #00bfff;
	overflow: hidden;
	max-height: 38px;
	margin: 4px 13px 0px 13px;
	text-transform: lowercase;
}

#plate .home-post-title h2 a {
	color: #d1d1d1;
}

.home-post-title h2 {
	font-size: 16px;
}

.home-post-text {
	width: 330px;
	color: #959595;
	font-size: 10px;
	overflow: hidden;
	max-height: 36px;
	line-height: 1.2em;
	margin: 24px 0px 0px 0px;
}

.home-post-view {
	width: 35px;
	bottom: 0px;
	position: absolute;
	border-bottom: 1px dotted #858585;
}

.home-post-view h1 {
	color: #99ff00;
	font-size: 10px;
	padding-bottom: 7px;
}

#plate .home-post-view h1 a {
	color: #99ff00;
}

/*HOME PROJECTS*/

.home-projects-title {
	width: 318px;
	height: 43px;
	padding: 14px 0px 0px 19px;
	background: url(../images/plate/module-projects/bg-hpt.jpg);
}

.home-projects-title h3 {
	color: #d1d1d1;
	font-size: 16px;
}

.home-projects-element h2 {
	color: #7f7f7f;
	font-size: 12px;
	line-height: 1.2em;
	text-transform: lowercase;
}

.home-projects-element {
	height: 33px;
	width: 318px;
	cursor: pointer;
	padding: 18px 0px 0px 19px;
	background: url(../images/plate/module-projects/bg-hpe.jpg);
}

.home-projects-element:hover h2 {
	color: #FFFFFF;
}

.home-projects-element-alt {
	background: url(../images/plate/module-projects/bg-hpea.jpg);
}

.home-projects-element-first {
	width: 318px;
	height: 34px;
	padding: 10px 0px 0px 19px;
	background: url(../images/plate/module-projects/bg-hpef.jpg);
}

.element-active {
	background: #434343;
}

#plate .element-active h2 a {
	color: #FFFFFF;
}

#plate .home-projects-element h2 a:hover {
	color: #FFFFFF;
}

/*ESTILOS*/

#plate .menu-active h2 a, #plate .blue {
	color: #00bfff;
}

.error {
	color: #FF0000;
}

.green {
	color: green;
}

/*ABOUT*/

.about-wrapper {
	width: 924px;
	overflow: hidden;
	margin: 20px auto 60px auto;
	
	margin: 16px auto 60px auto;
}

.about-content, .about-menu {
	float: left;
	display: inline;
	overflow: hidden;
}

.about-content {
	width: 577px;
	overflow: hidden;
	margin-right: 10px;
	border-top: 1px solid #232323;
}

.about-menu {
	width: 337px;
}

/*ABOUT ELEMENTS*/

.about-element {
	width: 577px;
	overflow: hidden;
	padding-bottom: 50px;
	border-top: 1px solid #232323;
}

.about-element:first-child {
	border: none;
}

.about-element-title, .about-element-text {
	float: left;
	display: inline;
	overflow: hidden;
}

.about-element-title {
	width: 190px;
	margin: 35px 10px 0px 27px;
}

.about-element-title h1 {
	color: #d1d1d1;
	font-size: 24px;
	line-height: 1.2em;
	text-transform: lowercase;
	
	line-height: 1.1em; /*borrar*/
}

.about-element-text {
	width: 310px;
	color: #8f8f8f;
	font-size: 11px;
	margin-top: 46px;
	line-height: 1.4em;
	text-align: justify;
}

/*ABOUT MENU*/

.about-menu-title {
	width: 318px;
	height: 43px;
	padding: 14px 0px 0px 19px;
	background: url(../images/plate/submenu/bg-st.jpg);
}

.about-menu-title h3 {
	color: #d1d1d1;
	font-size: 16px;
}

.about-menu-element h2 {
	color: #7f7f7f;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: lowercase;
}

.about-menu-top {
	height: 7px;
	width: 337px;
	background: #242424;
}

.about-menu-element {
	height: 43px;
	width: 318px;
	cursor: pointer;
	padding: 7px 0px 0px 19px;
	background: url(../images/plate/submenu/bg-se.jpg);
}

#plate .about-menu-element h2 a:hover {
	color: #d1d1d1;
}

.about-menu-element:last-child, .about-menu-element-last {
	background: url(../images/plate/submenu/bg-sl.png);
}

/*SERVICES*/

.services-wrapper {
	width: 960px;
	overflow: hidden;
	margin: 16px auto 60px auto;
}

.service-element {
	float: left;
	width: 475px;
	display: inline;
	overflow: hidden;
}

.service-element-first {
	margin-right: 10px;
}

.service-title {
	width: 475px;
	height: 68px;
	background-image: url(../images/plate/bg-st.png);
}

.service-title-number, .service-title-text {
	float: left;
	display: inline;
	overflow: hidden;
	text-transform: lowercase;
}

.service-title-number {
	margin: 0px 28px 0px 14px;
}

.service-title-number h1 {
	font-size: 42px;
	font-weight: bold;
}

.service-title-text {
	width: 375px;
	color: #d1d1d1;
	margin-top: 17px;
	
}

.service-title-text h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
}

#plate .disable {
	color: #333333;
}

.service-content {
	width: 390px;
	margin-left: 45px;
}

.service-content-description {
	width: 315px;
	font-size: 11px;
	line-height: 1.4em;
	padding: 12px 35px 16px 35px;
	
	padding: 12px 35px 13px 40px;
}

/*SUBSERVICE*/

.subservice-element {
	width: 430px;
	overflow: hidden;
	margin: 0px 45px;
}

.subservice-element-inner {
	width: 360px;
	padding: 27px 35px 16px 35px;
	
	/*padding: 41px 35px 16px 35px;*/
	border-top: 1px solid #232323;
}

.subservice-title {
	width: 360px;
}

.subservice-title h1 {
	color: #d1d1d1;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-transform: lowercase;
}

.subservice-subtitle {
	margin-top: 5px;
}

.subservice-subtitle h1 {
	color: #00bfff;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	padding-bottom: 23px;
	text-transform: lowercase;
}

.subservice-text {
	width: 315px;
	font-size: 11px;
	line-height: 1.4em;
}

.subservice-view {
	width: 38px;
	color: #99ff00;
	font-size: 11px;
	cursor: pointer;
	margin-top: 16px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #858585;
}

.subservice-view h1 {
	color: #99ff00;
	font-size: 11px;
	padding-bottom: 6px;
}

#plate .subservice-view h1 a {
	color: #99ff00;
}

/*PORTFOLIO*/

.portfolio-wrapper {
	width: 960px;
	overflow: hidden;
	position: relative;
	margin: 20px auto 60px auto;
	
	margin: 16px auto 60px auto;
}

.portfolio-thumb-element {
	float: left;
	width: 230px;
	padding: 5px;
	cursor: pointer;
	display: inline;
	overflow: hidden;
	position: relative;
	
	min-height: 120px;
	*height: 100%;
}

.portfolio-disable {
	width: 230px;
	position: absolute;
	background: #000000;
	opacity: .7;
	filter: alpha(opacity = 70);
}

.portfolio-thumb-detail {
	bottom: 0px;
	width: 230px;
	display: none;
	position: absolute;
}

.portfolio-thumb-detail-top {
	height: 6px;
	width: 230px;
	overflow: hidden;
	background: url(../images/plate/portfolio/bg-pdt.png);
}

.portfolio-thumb-detail-content {
	width: 200px;
	overflow: hidden;
	padding: 10px 15px 10px 15px;
	background: url(../images/plate/portfolio/bg-pdb.png) repeat-y;
	
	padding: 11px 15px; /*borrar*/
}

.thumb-detail-title {
	margin-bottom: 29px;
}

.thumb-detail-title h2 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.2em;
}

#plate .thumb-detail-title h2 a {
	color: #FFFFFF;
}

.thumb-detail-text {
	width: 200px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.gray {
	color: #939393;
}

/*PORTFOLIO LIST*/

.portfolio-list {
	width: 960px;
	display: none;
	overflow: hidden;
	margin: 10px 0px 20px 0px;
}

.portfolio-list-element {
	float: left;
	width: 105px;
	margin: 0px 5px;
	display: inline;
	overflow: hidden;
}

.portfolio-list-element h2 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.2em;
	text-transform: lowercase;
}

#plate .portfolio-active a {
	color: #FFFFFF;
}

/*PORTFOLIO MENU*/

.portfolio-menu {
	top: 5px;
	right: 5px;
	width: 230px;
	/*height: 100%;*/
	z-index: 500;
	position: absolute;
	/*background: url(../images/plate/bg-pt-new.jpg) no-repeat;*/
}

.portfolio-menu-title, .portfolio-menu-arrow {
	float: left;
	display: inline;
	overflow: hidden;
}

.portfolio-menu-title {
	width: 220px;
	height: 35px;
	overflow: hidden;
	padding: 15px 0px 0px 10px;
	
	background: #202020;
}

.portfolio-menu-title h1 {
	color: #99ff00;
	font-size: 16px;
	font-weight: bold;
}

.portfolio-menu-arrow {
	width: 26px;
	margin: auto;
	margin-top: 16px;
	text-align: center;
}

.portfolio-menu-content {
	width: 230px;
	overflow: hidden;
	margin-top: 50px;
	/*display: none;*/
}

.portfolio-menu-element {
	width: 220px;
	height: 28px;
	cursor: pointer;
	font-size: 13px;
	overflow: hidden;
	background: #e2e2e2;
	text-transform: lowercase;
	padding: 12px 0px 0px 10px;
	border-bottom: 1px solid #232323;
}

.portfolio-menu-element {
	color: #626262;
	font-weight: normal;
}

.pme-alt {
	height: 28px;
	color: #e2e2e2;
	background: #8f8f8f;
}

.portfolio-menu-element:hover {
	color: #232323;
}

/*PROJECT*/

.top-project {
	height: 487px;
	overflow: hidden;
}

.slideshow-nav {
	width: 924px;
	margin: auto;
	overflow: hidden;
	background: #181818;
}

.nav-left, .nav-right {
	float: left;
	width: 21px;
	height: 21px;
	display: inline;
	margin: 11px 28px;
	overflow: hidden;
}

.nav-right {
	float: right;
}

/*PROYECTO*/

.project-wrapper {
	width: 924px;
	overflow: hidden;
	margin: 20px auto 60px auto;
	
	margin: 16px auto 60px auto;
	/*background: red;*/
}

.project-content, .project-menu {
	float: left;
	display: inline;
	overflow: hidden;
}

.project-content {
	width: 577px;
	overflow: hidden;
	margin-right: 10px;
	padding-bottom: 50px;
}

.project-menu {
	width: 337px;
}

/*PROJECT DETAIL*/

.project-title, .project-detail {
	float: left;
	display: inline;
	overflow: hidden;
}

.project-title {
	width: 215px;
	margin: 30px 10px 0px 0px;
}

.project-subtitle {
	width: 220px;
	overflow: hidden;
	padding-left: 27px;
	margin-bottom: 22px;
}

.project-subtitle h1 {
	color: #99ff00;
	font-size: 24px;
	line-height: 1.1em;
	text-transform: lowercase;
}

.project-back {
	width: 190px;
	height: 25px;
	overflow: hidden;
	background: url(../images/plate/portfolio/bg-back.png) no-repeat;
}

.project-back-arrow, .project-back-text {
	float: left;
	display: inline;
	overflow: hidden;
}

.project-back-arrow {
	width: 15px;
	padding: 1px 0px 0px 14px;
}

.project-back-text h2 {
	font-size: 10px;
	line-height: 1.2em;
}

.project-back-text {
	height: 14px;
	overflow: hidden;
}

.project-detail {
	width: 310px;
	color: #8f8f8f;
	font-size: 11px;
	margin-top: 30px;
	line-height: 1.4em;
	text-align: justify;
}

.project-client {
	color: #d6d6d6;
}

.zoom {
	margin-top: 25px;
}

/*PROJECT MENU*/

.project-menu-title {
	width: 318px;
	height: 43px;
	padding: 14px 0px 0px 19px;
	background: url(../images/plate/portfolio/bg-tp.png);
}

.project-menu-title h3 {
	color: #d1d1d1;
	font-size: 16px;
}

.pmt-active {
	background: url(../images/plate/portfolio/bg-tp-active.png);
}

/*CLIENTS*/

.clients-wrapper {
	width: 960px;
	overflow: hidden;
	margin: 21px auto 60px auto;
}

.clients-title {
	width: 430px;
	height: 48px;
	overflow: hidden;
	padding: 20px 0px 0px 45px;
	background: url(../images/plate/bg-ct.png);
}

.clients-title h1 {
	color: #d1d1d1;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: lowercase;
}

.clients-content {
	width: 880px;
	overflow: hidden;
	padding-bottom: 28px;
	margin: 23px auto auto auto;
	background: url(../images/plate/bg-cb.jpg) no-repeat 0 100%;
}

.client-element {
	float: left;
	width: 185px;
	color: #8f8f8f;
	font-size: 11px;
	display: inline;
	overflow: hidden;
	line-height: 1.4em;
	margin: 0px 10px 0px 5px;
	text-transform: lowercase;
}

.client-element a {
	/*padding: 0px 4px;*/
}

#plate .client-element a:hover {
	color: #99ff00;
	background: #353535;
}

/*CLIENTS*/

.contact-wrapper {
	width: 870px;
	min-height: 270px;
	overflow: hidden;
	padding-bottom: 34px;
	margin: 21px auto 60px auto;
	background: url(../images/plate/bg-cb.jpg) no-repeat 0 100%;
}

.contact-element {
	float: left;
	width: 390px;
	display: inline;
	overflow: hidden;
	margin-top: 48px;
}

.contact-label, .contact-label-big, .contact-label-small {
	width: 430px;
	overflow: hidden;
	margin-bottom: 11px;
}

.contact-telehphone {
	overflow: hidden;
	margin: 90px 0px 0px 80px;
}

.contact-label-big {
	width: 390px;
	height: 190px;
}

.contact-label-small {
	float: left;
	width: 195px;
	display: inline;
	overflow: hidden;
}

.contact-text, .contact-input, .contact-input-small {
	float: left;
	height: 22px;
	display: inline;
	overflow: hidden;
}

.contact-text, .contact-text-small {
	width: 110px;
	height: 19px;
	font-size: 11px;
	padding-top: 3px;
	margin-right: 10px;
}

.contact-text-small {
	width: 100px;
}

.contact-input {
	width: 277px;
}

.contact-input-small {
	width: 85px;
}

.contact-input input {
	width: 307px;
	height: 22px;
	border: none;
	color: #d1d1d1;
	padding-left: 3px;
	background: #1d1d1d;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	*height: 17px;
	*padding-top: 5px;
}

input:focus, textarea:focus {
	outline: none;
}

input[type='file'] {
	background: none;
}

.contact-textarea textarea {
	border: none;
	resize: none;
	width: 387px;
	height: 187px;
	color: #d1d1d1;
	background: #1d1d1d;
	padding: 3px 0px 0px 3px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.contact-element:first-child {
	width: 430px;
	margin-right: 50px;
}

.contact-send {
	width: 71px;
	float: right;
	height: 21px;
}


/*FOOTER*/

.footer {
	width: 960px;
	margin: auto;
	color: #6b6b6b;
	font-size: 9px;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 60px;
	border-top: 1px solid #232323;
	
	margin: 100px auto 25px auto;
	
	position:absolute;
	bottom:0;
	height:15px;   /* Height of the footer */
}

#plate .footer a {
	color: #6b6b6b;
}

#plate .footer a:hover {
	color: #58595B;
}

/*LOGIN*/

.shadow-wrapper {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 750;
	position: absolute;
	opacity: .7;
	filter: alpha(opacity = 70);
	
	background: #000000;
}

.login-close {
	top: 20px;
	right: 15px;
	position: absolute;
}

.login-wrapper {
	width: 320px;
	height: 256px;
	/*margin: auto;*/
	overflow: hidden;
	position: absolute;
	
	background: url(../images/plate/bg-login.png) no-repeat;
	
	top: 50%;
	left: 50%;
	z-index: 800;
	margin-top: -128px;
	margin-left: -160px;
	/*margin: 200px auto;*/
}

.login-inner {
	width: 230px;
	margin: auto auto auto auto;
	padding-top: 45px;
	margin-left: 44px;
}


.login-title h1 {
	color: #d1d1d1;
	font-size: 16px;
	margin-bottom: 16px;
	text-transform: lowercase;
}

.login-options {
	width: 230px;
	height: 20px;
	display: none	;
	overflow: hidden;
	margin-top: 15px;
}

.login-input input {
	width: 221px;
	height: 34px;
	border: none;
	color: #8c8c8c;
	margin-bottom: 8px;
	padding: 0px 5px 0px 5px;
	background: url(../images/plate/bg-li.png) no-repeat;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	*height: 24px;
	*padding-top: 10px;
}

.login-password input {
	width: 191px;
	padding-right: 35px;
	background: url(../images/plate/bg-lp.png) no-repeat;
}

.login-submit {
	margin-top: 20px;
}

/*SECTIONS*/

.section-title, .n-section-title {
	overflow: hidden;
}

/*NEW SERVICES*/

.section-title h1 {
	color: #99ff00;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.2m;
	text-transform: lowercase;
}

.n-section-title h1 {
	color: #d1d1d1;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2m;
	text-transform: lowercase;
}

.n-section-title h1 strong {
	color: #00bfff;
	font-size: 34px;
	font-weight: 800;
}

.top-services {
	height: 527px;
}

.new-services {
	width: 924px;
	margin: auto;
	height: 527px;
	color: #FFFFFF;
	overflow: hidden;
	position: relative;
}

.new-service-element {
	float: left;
	width: 462px;
	height: 527px;
	display: inline;
	cursor: pointer;
	overflow: hidden;
	
	background: url(../images/plate/bg-gservice-action.jpg) no-repeat;
}

.new-service-element:hover {
	background: url(../images/plate/bg-gservice-action.jpg) 0 405px;
}

.service-blue {
	background: url(../images/plate/bg-bservice-action.jpg);
}

.service-blue:hover {
	background: url(../images/plate/bg-bservice-action.jpg) 0 405px;
}

.new-service-title-number, .new-service-title-text {
	float: left;
	display: inline;
	overflow: hidden;
	text-transform: lowercase;
}

.new-service-title-number {
	width: 124px;
	margin: 0px 10px 0px 13px;
}

.new-service-title-number h4 {
	font-size: 140px;
	font-weight: 800;
}

.new-service-title-text {
	width: 250px;
	color: #FFFFFF;
	margin-top: 107px;
}

.new-service-text {
	margin-top: 25px;
	line-height: 1.4em;
	text-transform: none;
}

.new-service-title-text h1 {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2em;
}

/*NEW SERVICE*/

.new-service-wrapper {
	width: 924px;
	overflow: hidden;
	margin: 0px auto 60px auto;
}

.new-section-top, .new-section-elements {
	float: left;
	display: inline;
	overflow: hidden;
}

.new-section-top {
	width: 270px;
	overflow: hidden;
	margin: 25px 10px 0px 25px;
}

.new-section-title {
	width: 220px;
}

.new-section-title h1 {
	color: #99ff00;
	font-size: 34px;
	line-height: 1.2em;
	text-transform: lowercase;
}

.new-section-subtitle {
	width: 270px;
	margin: 40px 0px 40px 0px;
	
	text-transform: lowercase;
}

.new-section-subtitle-top {
	margin-top: 122px;
}

.new-section-subtitle h1 {
	color: #d1d1d1;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
}

.new-section-subtitle h1 strong {
	color: #00bfff;
}

.new-section-subtitle h1 b {
	color: #99ff00;
	font-size: 20px;
}

.clientes-satisfechos-list h1 {
	font-size: 13px;
	text-transform: none;
}

.clientes-satisfechos-list h1 strong {
	/*font-size: 20px;*/
	text-transform: uppercase;
}

/*NEW ELEMENT*/

.new-section-elements {
	width: 619px;
}

.new-section-elements-service, .new-section-elements-bottom {
	width: 539px;
	margin: 145px 0px 0px 70px;
}

.new-section-elements-bottom {
	width: 539px;
	margin: auto auto 30px auto;
	overflow: hidden;
	border-bottom: 1px solid #232323;
}

.new-section-elements-bottom:last-child {
	border: none;
}

.new-section-element {
	float: left;
	width: 240px;
	display: inline;
	overflow: hidden;
	margin: 0px 10px 40px 10px;
}

.new-section-element-title {
	height: 38px;
	width: 240px;
	overflow: hidden;
}

.new-section-element-title h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2em;
	text-transform: lowercase;
}

.new-section-element-title h2 strong{
	color: #00bfff;
	font-weight: 800;
}

.new-section-element-title h2 b{
	color: #99ff00;
	font-weight: 800;
}

.new-service-element-text strong {
	color: #99ff00;
	font-weight: 400;
}

.new-service-element-text h2 {
	color: #d1d1d1;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2em;
	text-transform: lowercase;
}

.new-service-element-text {
	width: 240px;
	margin-top: 15px;
	line-height: 1.4em;
}

.new-section-elements-content {
	width: 539px;
}

/*NEW BACK*/

.new-back {
	width: 190px;
	height: 25px;
	overflow: hidden;
	margin-bottom: 30px;
	background: url(../images/plate/portfolio/bg-back.png) no-repeat -10px;
}

.new-back-arrow, .new-back-text {
	float: left;
	display: inline;
	overflow: hidden;
}

.new-back-arrow {
	width: 15px;
	padding: 0px 0px 0px 0px;
}

.new-back-text h2 {
	font-size: 10px;
	line-height: 1.2em;
}

.new-back-text {
	height: 14px;
	overflow: hidden;
}

#plate .new-back-text a {
	color: #99ff00;
}

/*NEW ABOUT*/

.new-about-wrapper {
	width: 924px;
	overflow: hidden;
	margin: 32px auto auto auto;
	border-bottom: 1px solid #232323;
}

.new-about-wrapper:last-child {
	border: none;
}

.new-about-wrapper-border, .new-about-wrapper-border:last-child {
	margin-top: 0px;
	padding-top: 32px;
	border-top: 1px solid #232323;
}

.new-about-title {
	width: 870px;
	margin: auto;
	overflow: hidden;
}

.new-about-wrapper-border .section-title h1 {
	color: #00bfff;
}

.new-about-wrapper-small {
	width: 375px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: auto 30px;
}

.new-new-about-wrapper-small {
	width: 230px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: auto 30px;
}

.new-about-wrapper-small .new-client-element {
	line-height: 1.4em;
	margin: auto auto auto auto;
} 

.history-wrapper {
	width: 900px;
	overflow: hidden;
	margin: 32px auto 36px auto;
}

.history-element {
	float: left;
	width: 150px;
	display: inline;
	overflow: hidden;
	margin: auto 15px;
}

.projects-element {
	margin-top: 60px;
	margin-bottom: 60px;
}

.history-element-title {
	margin-bottom: 18px;
}

.history-element-title h2 {
	color: #d1d1d1;
	font-size: 20px;
	line-height: 1.2em;
}

.history-element-text {
	line-height: 1.4em;
}

.history-element-link {
	width: 85px;
	height: 19px;
	margin-top: 12px;
	overflow: hidden;
	
	background: url(../images/plate/new-bg-back.png);
}

.history-element-link h2 {
	font-size: 10px;
	line-height: 1.2em;
}

#plate .history-element-link a {
	color: #99ff00;
}

.new-clients-wrapper {
	width: 900px;
	overflow: hidden;
	margin: 32px auto 36px auto;
}

.new-new-about-wrapper-small .new-clients-wrapper {
	width: 230px;
}

.new-client-element {
	float: left;
	width: 270px;
	margin: 10px 15px;
	display: inline;
	overflow: hidden;
}

.new-new-about-wrapper-small .new-client-element {
	width: 230px;
	margin:  10px 0px;
}

.client-values h1 {
	color: #d1d1d1;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2em;
	text-transform: lowercase;
}

.client-image {
	width: 270px;
	text-align: center;
	margin-bottom: 35px;
}

.client-subtitle h1 {
	color: #d1d1d1;
	font-size: 16px;
	line-height: 1.2em;
}

.client-subtitle h1 strong {
	color: #00bfff;
	font-weight: 800;
}

.client-title h2 {
	color: #00bfff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2em;
	text-transform: lowercase;
}

.client-text {
	color: #666666;
	margin-top: 15px;
}

.client-text {
	margin: 12px 0px 16px 0px;
}

.client-text strong {
	color: #8D8F92;
	font-weight: 400;
}

/*SECTION NUMBERS*/

.numbers-wrapper {
	width: 924px;
	overflow: hidden;
	margin: 22px auto auto auto;
}

.section-numbers {
	overflow: hidden;
}

.numbers-element-title {
	overflow: hidden;
	margin-bottom: 18px;
}

.numbers-element-title h2 {
	color: #d1d1d1;
	font-size: 12px;
	line-height: 1.2em;
	line-height: 0.75em;
}

.numbers-element-title h2 strong {
	width: 100%;
	color: #99ff00;
	padding-bottom: 50px;
	font-size: 22px;
	line-height: 1.2em;
}

.net-numero, .net-texto {
	/*float: left;
	display: inline;
	overflow: hidden;*/
	text-align: center;
}

.net-numero {
	/*width: 75px;*/
}

.net-numero h2 {
	color: #99ff00;
	font-size: 42px;
	line-height: 1.4em;
}

.net-texto {
	width: 100px;
	margin: 10px auto auto auto;
}

.net-texto h2 {
	color: #d1d1d1;
	font-size: 10px;
	line-height: 1.4em;
}

.anniversary-image {
	width: 872px;
	height: 251px;
	overflow: hidden.;
	margin: 10px 0px 0px 15px;
}

.section-quote {
	overflow: hidden;
}

.section-quote h1 {
	color: #d1d1d1;
	font-size: 34px;
	font-weight: 800;
	line-height: 1em;
	text-transform: lowercase;
}

.section-quote h1 strong {
	color: #00bfff;
	font-weight: 800;
}

/*OUR PROJECTS*/

.our-projects-wrapper {
	width: 924px;
	overflow: hidden;
	margin: 54px auto auto auto;
	border-bottom: 1px solid #232323;
	
	margin-top: 0px;
}

.our-projects-wrapper .new-section-top {
	margin-top: 0px;
}

.our-projects-dark {
	width: 539px;
	overflow: hidden;
	margin: 92px 0px 0px 70px;
}

.new-section-image {
	width: 50px;
	height: 40px;
	margin-bottom: 15px;
}

.new-project-element-text, new-project-element-text-close {
	width: 150px;
	margin-top: 15px;
	line-height: 1.4em;
}

.new-project-element-text-close {
	margin-top: 0px;
}

.view-more {
	width: 85px;
	height: 19px;
	cursor: pointer;
	margin-top: 12px;
	overflow: hidden;
	
	background: url(../images/plate/new-bg-back.png);
}

.view-more h2 {
	float: left;
	color: #99ff00;
	font-size: 10px;
	line-height: 1.2em;
}

.accordsuffix h2 {
	margin: 2px 0px 0px 1px;
}

/*PORTFOLIO GO*/

.portfolio-go-element {
	overflow: hidden;
}

.portfolio-go-header {
	width: 230px;
	overflow: hidden;
}

.portfolio-go-title, .portfolio-go-image {
	float: left;
	display: inline;
	overflow: hidden;
}

.portfolio-go-title {
	width: 100px;
	margin: 15px 0px 0px 15px;
}

.portfolio-go-title h2 {
	color: #99ff00;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1.2em;
}

.portfolio-go-image {
	margin: 15px 0px 0px 15px;
}

.portfolio-go {
	float: left;
	width: 135px;
	display: inline;
	overflow: hidden;
	margin: 15px 25px 15px 15px;
}

.portfolio-go-footer {
	width: 230px;
	overflow: hidden;
	position: relative;
}

.portfolio-go-list, .go-more {
	float: left;
	display: inline;
	overflow: hidden;
}

.portfolio-go-list {
	width: 160px;
	margin: 0px 0px 6px 15px;
}

.portfolio-go-list {
	width: 160px;
	margin: 0px 0px 7px 15px;
}

.go-more {
	width: 50px;
	bottom: 0px;
	height: 19px;
	position: absolute;
	/*margin-top: 57px;*/
	background: url(../images/plate/new-bg-back.png);
}

.go-more h2 {
	float: left;
	color: #99ff00;
	font-size: 10px;
	line-height: 1.2em;
}

.portfolio-go h1 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.2em;
}

.portfolio-go h1 strong {
	color: #00bfff;
	font-weight: 800;
}

.none {
	display: none;
}

.inline {
	display: inline;
}

/*CIRCLE*/

.direction-circle {
	width: 232px;
	height: 232px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/plate/estudios/circulo0.png) no-repeat;
}

.direccion-circle1 {
	width: 232px;
	height: 232px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/plate/estudios/circulo1.png) no-repeat;
}

.direccion-circle2 {
	width: 232px;
	height: 232px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/plate/estudios/circulo2.png) no-repeat;
}

.direccion-circle3 {
	width: 232px;
	height: 232px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/plate/estudios/circulo3.png) no-repeat;
}

.circle02, .circle01 {
	float: left;
	width: 116px;
	height: 142px;
	display: inline;
	overflow: hidden;
}

.circle03 {
	width: 232px;
	height: 90px;
	overflow: hidden;
}

.direction-down {
	width: 232px;
	margin: 50px 0px;
	overflow: hidden;
}

.projects-circle {
	width: 232px;
	overflow: hidden;
}

/*ANTE PROYECTO*/

.anteproyecto-element {
	width: 240px;
	height: 360px;
	overflow: hidden;
}

.proyecto-ejectivo-element {
	width: 240px;
	overflow: hidden;
}