/* ---------------------------------------------------------------------------

	Mueva el Volante stylesheet
	http://www.mueva.eu

--------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
	global
--------------------------------------------------------------------------- */

body {
	color: #444751;
	font: 15px/20px 'Droid Sans', Arial, sans-serif;
	font-style: normal;
}

#wrapper {
	width: 915px;
	margin: 0px auto;
}

a:link, a:visited {
	color: #a1a3a8;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

a:hover {
	color: #e43c2d;
	text-decoration: none;
}

h2 {
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#header {
	position: relative;
}

h3 {
	font-size: 22px;
	font-family: 'Droid Sans', Arial, sans-serif;
	line-height: 28px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 25px;
	padding: 30px 0 0px 0;
}

#header div.corporateBg {
	height: 100px;
	margin: 0px auto;
}


h3.description {
	color: #fff;
	font-family: 'Droid Sans', Arial, sans-serif;
	text-align: center;
	width: 915px;
	margin: 0px auto;
	padding: 30px 0 30px 0px;
	background: transparent url(http://www.mueva.eu/img/descriptionBg.png) no-repeat left -6px;	
}

h3.descriptionB {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #444751;
	text-align: center;
	width: 915px;
	margin: 0px auto;
	padding: 30px 0 30px 0px;
	background: transparent url(http://www.mueva.eu/img/descriptionBgB.png) no-repeat left -10px;	
}

#header .language {
	position: absolute;
	top: 50px;
	right: 0px;
}

#header .language li {
	font: 11px Helvetica, Arial, sans-serif;
	text-align: right;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#header .language li a.selected {
	color: #444751;
	font-weight: 600;
}

#header .language li.last {
	border-bottom: none;
}

/* --------------------------------------------------------------------------
	corporate color
--------------------------------------------------------------------------- */

.corporateBg {background-color: #f15033; }
.corporateColor {color: #f15033; }


/* --------------------------------------------------------------------------
	corporate color
--------------------------------------------------------------------------- */

.section {
	margin: 0 auto;
	padding-top: 22px;
	background: transparent url(http://www.mueva.eu/img/sectionBg.png) no-repeat center top;
}


/* --------------------------------------------------------------------------
	branding
--------------------------------------------------------------------------- */

#brand {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 915px;
	text-align: center;
}

/* --------------------------------------------------------------------------
	content wrap
--------------------------------------------------------------------------- */

.contentWrap {
	margin: 0 auto;
	width: 915px;
}

/* --------------------------------------------------------------------------
	section title
--------------------------------------------------------------------------- */

.sectionTitle {
	width: 160px;
	text-align: center;
	color: #fff;
	font-family: 'Droid Sans', Arial, sans-serif;
}



/* --------------------------------------------------------------------------
	work
--------------------------------------------------------------------------- */

#work {
	padding-bottom: 60px;
}

.sectionHeader h4 {
	font-size: 18px;
	padding: 3px 0;
	text-transform: lowercase;
}

.workType {
	text-align: center;
	width: 915px;
	margin: 0 auto;
}

.sectionHeader .workType li {
	display: inline;
	text-align: center;
}

.sectionHeader .workType li a {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	padding: 30px 10px 15px 0px;
	color: #444751;
}

.sectionHeader .workType li a:hover {
	color: #f15033;
}

.sectionHeader .workType li a.current {
	color: #f15033;
}


.closeProject {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	display: none;
	position: relative;
	top: -40px;
	right: -830px;
	color: #444751;
	width: 120px;
}

.langchange {
	font-family: 'Droid Sans', Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
	top: -20px;
	right: -790px;
	color: #444751;
	width: 40px;
}


/* --------------------------------------------------------------------------
	=work list
--------------------------------------------------------------------------- */

#work-list {
	height: 750px;
	list-style: none;
	line-height: 0;
	margin: 30px auto 0;
	position: relative;
	text-align: left;
	width: 915px;
}

#work-list li {
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#work-list a {
	color: #fff;
	display: block;
	font: 14px/16px 'Droid Sans', Arial, sans-serif;
	font-weight: 100;
	height: 233px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	width: 295px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* --------------------------------------------------------------------------
	=work details
--------------------------------------------------------------------------- */

#work-container {
	background-color: #e8e9ea;
	height: 0px;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

div.work-details {
	border-bottom: 1px solid #cccdce;
	border-top: 1px solid #cccdce;
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
}

div.work-details {
	border-bottom: 1px solid #cccdce;
	border-top: 1px solid #cccdce;
	position: absolute;
	top: 0;
	width: 100%;
}

div.work-details section {
	margin: 0 auto;
	padding: 50px 0 65px 0;
	text-align: left;
	width: 915px;
}

div.work-details section:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.screenshots {
	border: 1px solid #cccdce;
	position: relative;
	width: 915px;
	margin-top: 20px;
}

.screenshots ul,
.screenshots li {
	line-height: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.screenshots li {
	position: relative;
	width: 915px;
}

.screenshots img {
	z-index: 0;
}

.screenshots img.empty {
	z-index: 100;
}

.screenshots div {
	background-color: #444751;
	bottom: 0;
	color: #a2a3a8;
	font: bold 13px/13px 'myriad-pro-1', 'myriad-pro-2', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	height: 63px;
	position: absolute;
	left: 0;
	width: 915px;
}

.screenshots div span {
	position: absolute;
}

.screenshots div span.control-prev {
	left: 15px;
	top: 16px;
}

.screenshots div span.control-next {
	left: 56px;
	top: 16px;
}

.screenshots div span.control-counter {
	right: 30px;
	top: 26px;
}

.screenshots div span a {
	display: block;
	height: 31px;
	text-indent: -9999px;
	width: 31px;
}

.screenshots div span.control-prev, .screenshots div span.control-prev a {
	background: url(http://www.mueva.eu/img/control-prev.png) no-repeat 0 0;
	height: 31px;
	width: 31px;
}

.screenshots div span.control-next, .screenshots div span.control-next a {
	background: url(http://www.mueva.eu/img/control-next.png) no-repeat 0 0;
	height: 31px;
	width: 31px;
}

.screenshots div span a:hover {
	background-position: 0 -31px;
}

#work h2 {
	font: 24px/20px 'Droid Sans', Arial, sans-serif;
	font-style: normal;
	text-transform: none;
	margin: 0 0 10px 0;
	padding: 30px 0 0 0;
}


#work h3 {
	font-size: 18px;
	line-height: 24px;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 35px;
	padding: 0 0 20px 0;
}

#work .article {
	float: left;
	margin-right: 40px;
	width: 270px;
}

.workInfo {
	margin-bottom: 30px;
}

#work .article p {
	padding-top:24px;
}

#work .article.detail-result {
	margin-right: 0;
}

.detail-overview, .detail-solution, .detail-result {
	padding-bottom: 20px;
}

.detail-overview h4, .detail-solution h4, .detail-result h4 {
	color: #96989c;
	font: 13px/13px 'myriad-pro-1', 'myriad-pro-2', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;
}

/* --------------------------------------------------------------------------
	=clients
--------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
	=services
--------------------------------------------------------------------------- */


#services h3 {
	padding-bottom: 20px;
}

.article {
	overflow: hidden;
	margin-bottom: 10px;
}

#services .article#services-deliver { margin-right: 0; }

#services .article h2 {
	overflow: visible;
	margin-bottom: 0;
	padding: 10px 0;
}

#services .article li ul li {
	display: list-item;
	list-style-type: disc;
	margin-right: 0px;
	width: 255px;
}

#services .article#services-discover h2 {
	background: url(http://www.mueva.eu/img/services1.png) no-repeat 0 50%;
}

#services .article#services-design h2 {
	background: url(http://www.mueva.eu/img/services2.png) no-repeat 0 50%;
}

#services .article#services-deliver h2 {
	background: url(http://www.mueva.eu/img/services3.png) no-repeat 0 50%;
}

#services .article p, #services .article ul {
	color: #696c74;
	margin-bottom: 25px;
}

#services .article ul {
	margin: 0 0 0 15px;
}

/* --------------------------------------------------------------------------
	=ourTeam
--------------------------------------------------------------------------- */

#ourTeam {
	margin: 0 auto;
	text-align: left;
}

#ourTeam:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.article li {
	float: left;
	margin-right: 40px;
	width: 265px;
}


.article li.news { margin-right: 0; }

.article img {
	margin-bottom: 30px;
}

#ourTeam .article p {
	color: #696c74;
	margin-bottom: 25px;
}

/* --------------------------------------------------------------------------
	=contact
--------------------------------------------------------------------------- */

#contact {
	margin: 0 auto;
	text-align: left;
	padding: 50px 0 90px 0;
}

#contact .contentWrap {
	position: relative;
}

#contact .contentWrap .article {
	background-color: #fff;
	position: absolute;
	top: -160px;
	left: 0px;
	width: 915px;
}

#contact:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#contact h3 {
	padding-bottom: 20px;
}

#contact .article h5 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#contact .address, #contact .currentLocation {
	padding-left: 20px;
}

#contact .locator {
	position: absolute;
	top: 74px;
	left: 175px;
}

#contact .address li {
	display: list-item;
	list-style-type: disc;
	margin-right: 0px;
	width: 255px;
}


#contact .currentLocation li {
	display: list-item;
	list-style-type: disc;
	margin-right: 0px;
	width: 255px;
	color: #f15033;
}

#contact .currentLocation li p { color: #444751; }

/* --------------------------------------------------------------------------
	=footer
--------------------------------------------------------------------------- */

.preFooter {
	margin-bottom: 140px;
}

#footer {
	position: relative;
	height: 200px;
	}




#work-list-web-1 { left: 0;	top: 0; }
#work-list-web-1, #work-list-web-1 a { background: #444750 url('http://www.mueva.eu/media/images/m27_wVolvo.jpg') no-repeat 0 0; }
#work-list-web-1 a span.project-extra, #work-list-web-1 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m27_wVolvo.jpg) no-repeat -295px 0; height: 511px;}

#work-list-web-2{ left: 0; top: 526px; }
#work-list-web-2, #work-list-web-2 a { background: #444750 url('http://www.mueva.eu/media/images/m47_medcupporfolio.jpg') no-repeat 0 0; }
#work-list-web-2 a span.project-extra, #work-list-web-2 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m47_medcupporfolio.jpg) no-repeat -295px 0; }

#work-list-web-3 { left: 310px; top: 0; }
#work-list-web-3, #work-list-web-3 a { background: #444750 url('http://www.mueva.eu/media/images/m29_wLv.jpg') no-repeat 0 0; }
#work-list-web-3 a span.project-extra, #work-list-web-3 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m29_wLv.jpg) no-repeat -295px 0; }

#work-list-web-4 { left: 310px; top: 248px; }
#work-list-web-4, #work-list-web-4 a { background: #444750 url('http://www.mueva.eu/media/images/m45_Americasporfolio.jpg') no-repeat 0 0; }
#work-list-web-4 a span.project-extra, #work-list-web-4 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m45_Americasporfolio.jpg) no-repeat -295px 0; }

#work-list-web-5 { left: 620px; top: 0; }
#work-list-web-5, #work-list-web-5 a { background: #444750 url('http://www.mueva.eu/media/images/m30_wClubSeleccion.jpg') no-repeat 0 0; }
#work-list-web-5 a span.project-extra, #work-list-web-5 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m30_wClubSeleccion.jpg) no-repeat -295px 0; }

#work-list-web-6 { left: 620px; top: 526px; }
#work-list-web-6, #work-list-web-6 a { background: #444750 url('http://www.mueva.eu/media/images/m38_qiü.jpg') no-repeat 0 0; }
#work-list-web-6 a span.project-extra, #work-list-web-6 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m38_qiü.jpg) no-repeat -295px 0; }




#work-list-motion-1{ left: 0; top: 0px; }
#work-list-motion-1, #work-list-motion-1 a { background: #444750 url('http://www.mueva.eu/media/images/m117_deedo.jpg') no-repeat 0 0; }
#work-list-motion-1 a span.project-extra, #work-list-motion-1 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m117_deedo.jpg) no-repeat -295px 0; }
#work-list-motion-2{ left: 310px; top: 0px; }
#work-list-motion-2, #work-list-motion-2 a { background: #444750 url('http://www.mueva.eu/media/images/m115_bicho.jpg') no-repeat 0 0; }
#work-list-motion-2 a span.project-extra, #work-list-motion-2 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m115_bicho.jpg) no-repeat -295px 0; }
#work-list-motion-3{ left: 620px; top: 0px; }
#work-list-motion-3, #work-list-motion-3 a { background: #444750 url('http://www.mueva.eu/media/images/m116_vor.jpg') no-repeat 0 0; }
#work-list-motion-3 a span.project-extra, #work-list-motion-3 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m116_vor.jpg) no-repeat -295px 0; }
#work-list-motion-4{ left: 0; top: 248px; }
#work-list-motion-4, #work-list-motion-4 a { background: #444750 url('http://www.mueva.eu/media/images/m120_piramide.jpg') no-repeat 0 0; }
#work-list-motion-4 a span.project-extra, #work-list-motion-4 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m120_piramide.jpg) no-repeat -295px 0; }
#work-list-motion-5 { left: 310px; top: 248px; }
#work-list-motion-5, #work-list-motion-5 a { background: #444750 url('http://www.mueva.eu/media/images/m119_gsms.jpg') no-repeat 0 0; }
#work-list-motion-5 a span.project-extra, #work-list-motion-5 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m119_gsms.jpg) no-repeat -295px 0; }
#work-list-motion-6 { left: 620px; top: 248px; }
#work-list-motion-6, #work-list-motion-6 a { background: #444750 url('http://www.mueva.eu/media/images/m114_Sco.jpg') no-repeat 0 0; }
#work-list-motion-6 a span.project-extra, #work-list-motion-6 a:hover span.project-extra { background: url(http://www.mueva.eu/media/images/m114_Sco.jpg) no-repeat -295px 0; }







#work-list-web-1 a, #work-list-web-4 a, #work-list-web-5 a { height: 511px !important; }
#work-list-web-1 span.project-extra, #work-list-web-4 span.project-extra, #work-list-web-5 span.project-extra {	height: 462px !important; }
#work-list-graphic-1 a, #work-list-graphic-4 a, #work-list-graphic-5 a { height: 511px !important; }
#work-list-graphic-1 span.project-extra, #work-list-graphic-4 span.project-extra, #work-list-graphic-5 span.project-extra {	height: 462px !important; }
#work-list-motion-1 a { height: 233px !important; }
#work-list-motion-1 span.project-extra, #work-list-motion-4 span.project-extra, #work-list-motion-5 span.project-extra {	height: 233px !important; }

#work-list a:hover {
	background-color: #f15033;
}

#work-list span.project-name {
	bottom: 0;
	display: block;
	left: 0;
	line-height: 20px;
	padding: 0 0 15px 0px;
	position: absolute;
	width: 295px;
	text-align: center;
}

#work-list span.project-extra {
	display: block;
	height: 184px;
	left: 0;
	position: absolute;
	top: 0;
	width: 295px;
}



#work-list li a span.project-extra {
	opacity: 0;
	z-index: 20;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#work-list a:hover span.project-extra {
	opacity: 1;
}