/* RESET --------------------------------------- */



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



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, font, 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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}



body {

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}



del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}





h1 {font-size:26px;}



h2 {font-size:22px;}



h3 {font-size:18px;}



h4 {font-size:14px;}



h5 {font-size:12px;}



h6 {font-size:10px;}



li {list-style:none;}



a {text-decoration:none;}



a:hover {text-decoration:underline;}



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


/*pink: #FF00E7*/


/*general*/

body {
	font-family: Tahoma, Geneva, sans-serif;
	height: 100%;
	background:url("../images/bg.gif") #000000;	

}

.highlight { color: #FF00E7; font-weight: bold; }

.wrapper {

	border:0 none;
	overflow:hidden;
	padding:40px 0 115px;
	width:960px;
	background: transparent;
	margin: 0 auto 0;

}
.leftCol{
	float: left;	
	overflow: hidden;
}
.rightCol{
	float: right;
	overflow: hidden;	
}
h1, h2, h3{
	color: #FFF;
	font-weight: normal;
}
p, li{
	color: #ABABAB;
	font-size: 11px;
	text-align: left;	
}
a{
	color: #FF00E7;
	font-size: 11px;
	text-align: left;	
}
span.pink{
	color: #FF00E7;
}
.no-show{
	text-indent: -2000px;
	height: 0;		
}
.imgFooter{
	text-align: right;	
}
/*icons*/

.icon{
	background-image: url(../images/icon-sprite.png);
	background-repeat: no-repeat;
	background-position: -1px 0;
	height: 16px;
}
.icon.zoom{
	background-position: -4px -22px;	
}

/*header*/

#header {

    height:130px;

	float:left;
	width: 960px;
	overflow: visible;

}
#header h1 a{
    background: transparent;
	color:#FFFFFF;
	display:block;
	font-size:20px;
	height:130px;
	position:relative;
	width:285px;
	z-index:990;
	border: none;
	text-decoration: none;

}
#header h1 a object#elMandado-logo{ 
	border: none;
	cursor: pointer;

}

#content {
	width: 960px;
	overflow: hidden;
}

/*nav*/

#nav {

	float:left;
	width: 285px;
	overflow: hidden;
	margin: 0 0 10px;		

}
#nav ul{
	padding: 0 0 20px 70px;
	height: 130px;
	overflow: hidden;
	border-bottom: 1px dotted #999;
}
#nav ul li{
	padding: 0 0 2px;
}
#nav ul li a{
	color: #FFF;
	font-size: 13px;	
}

#nav ul li a:active, #nav ul li a.active{
	color: #FF00E7;	
}
#nav ul li.nav-blog a{
	background:url(../images/icon-sprite.png) no-repeat 0px -122px transparent;
	width: 18px;
	height: 20px;
	text-indent: 0;	
	padding: 2px 0 0 22px;
	display: block;
	margin-top: 2px;
}
#nav ul#elMandadoNav, #nav ul#projectsNav{
	padding: 0 0 20px 70px;
	margin: 20px 0 20px;	
	border-bottom: 1px dotted #999;	
	height: auto;
}
#nav ul#elMandadoNav li, #nav ul#projectsNav li{
	background: url(../images/icon-sprite.png) no-repeat -1px -290px transparent;
	padding: 0 0 0 7px;
}
	/*IE6 and 7 hacks*/
*+html #nav ul#elMandadoNav li{
	background: url(../images/icon-sprite.png) no-repeat -1px -294px transparent;
}
*+html #nav ul#projectsNav li{
	background: url(../images/icon-sprite.png) no-repeat -1px -294px transparent;
}
*html #nav ul#elMandadoNav li{
	background: url(../images/icon-sprite.png) no-repeat -1px -294px transparent;
}
*html #nav ul#projectsNav li{
	background: url(../images/icon-sprite.png) no-repeat -1px -294px transparent;
}

#nav ul#elMandadoNav li a, #nav ul#projectsNav li a{
	font-size: 11px;
	color: #ABABAB;
}
#nav ul#elMandadoNav li a.active, #nav ul#projectsNav li a.active{
	color: #FF00E7;	
	text-decoration: underline;
}


/*about*/

#about {
	width:645px;
    height:150px;
	float:right;
	margin-left: 30px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px dotted #999;
}
#about .home_infografia {
	position: absolute;
	top: 0;
	left: 0;
}
#about .home_infografia h3{
	background-position:right -54px;
	color:#ABABAB;
	/*float:right;*/
	font-size:11px;
	margin:0;
	padding-right:18px;
	position: absolute;
	right: 0;
	top: 0;
}
#about .home_txt {
	position: absolute;
	top: 150px;
	left: 0;
}
#about .leftCol h2.sectionTitle{
	text-align: right;	
	font-size: 14px;
	color: #FFF;
	font-weight: regular;
}
#about .leftCol h2.sectionTitle span{
	color: #FF00E7;
	clear:both;
}
#about .leftCol{
	width: 190px;
}
#about .leftCol span.pink{
	color: #FF00E7;
}
#about .rightCol{
	width:435px;
	margin-left: 10px;
}
#about .rightCol p{
	margin-bottom: 9px;
}
#about .rightCol p span{
	color: #FFF;
}
#about .rightCol p span.pink{
	color: #FF00E7;
}

/*content*/
#contentHome{
	clear: both;
	width: 960px;
	overflow: hidden;
	margin-bottom: 20px;
	background: transparent;	
}

/*twitter feed home*/
#contentHome .leftCol{
	width: 285px;	
}
.mandadoDefinition{
	float: left;
	width: 165px;
	margin-bottom: 10px;	
}
.mandadoDefinition p{
	color: #FFF;	
}
.mandadoDefinition p span{
	color: #FF00E7;
	font-size: 18px;	
}
.twitterFeedTitle{
	color:#ABABAB;
	float:right;
	font-size:11px;
	margin:55px 0 0 45px;
	width:75px;	
	background-position: right -54px;
	height: 14px;
}
.twitterFeed{
	width: 285px;
	overflow: hidden;
	clear:both;	
}
.twitterFeed .twtr-new-results span{
	top: -17px;	
}
.twitterFeed .twitterFollowUs {
	margin-top: 10px;
}
.twitterFeed .twitterFollowUs a{
	background-position:right -108px;
	color:#ABABAB;
	float:right;
	padding-right:19px;
}
.twitterFeed .twitterFollowUs a:hover{
	background-position:right -255px;
}


/*twitter feed home - override widget.css*/
.twitterFeed .twtr-widget .twtr-tweet {
	border-bottom:none;
	overflow:hidden;
}
.twitterFeed .twtr-hd {
	height: 0;
	padding:0;
	width: 0;
	margin: 0;
}
.twitterFeed .twtr-widget{
	border-bottom:1px dotted #999;
	padding: 10px 0 10px;
	overflow:hidden;
}
.twitterFeed .twtr-widget .twtr-tweet-wrap {
	overflow:hidden;
	padding:6px 0px;
}
.twitterFeed .twtr-ft {
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;	
}
/*projects home*/
#contentHome .mainContent h3{
	background-position:right -54px;
	color:#ABABAB;
	float:right;
	font-size:11px;
	margin:20px 0 10px;
	padding-right:18px;
}
#contentHome .mainContent h3 span{
	float: right;
	margin-left:3px;
}
#contentHome .mainContent ul{
	clear:both;
	overflow: hidden;
}
#contentHome .mainContent ul li{
	padding:0 7px 0 0;
	overflow: hidden;
	float: left;
}
#contentHome .mainContent ul li.last{
	padding:0;
}
#contentHome .mainContent ul li h4{
	text-transform: uppercase;	
	color: #FF00E7;
	font-weight: normal;
	margin: 5px 0 2px;
}
#contentHome .mainContent ul li p span{	
	color: #FFF;
}
#contentHome .mainContent ul li p span.pink{
	color: #FF00E7;
}
#contentHome .mainContent ul li img{
	border: 3px solid #363636;
	clear:both;
	margin: 5px 0 8px;
	float: left;
}
#contentHome .mainContent ul li a.icon{
	background-position:left -218px;
	clear:both;
	color:#ABABAB;
	display:block;
	float:left;
	font-size:11px;
	padding-left:18px;
}
#contentHome .mainContent ul li a.projectThumb{
	background-position:left -218px;
	clear:both;
	color:#ABABAB;
	display:block;
	float:left;
	font-size:11px;
	padding-left:0;
}
#contentHome .mainContent ul li a span.next{
	float: left;
	background-position: -22px -76px;
	margin-right: 4px;
}
#contentHome .mainContent a.projectsAll{
	background-position:right -71px;
	clear:both;
	color:#ABABAB;
	display:block;
	float:right;
	font-size:11px;
	margin:20px 0 10px;
	padding-right:18px;
}
#contentHome .mainContent a.projectsAll:hover{
	background-position:right -218px;
}


/*main content*/
.mainContent{
	float: right;	
	width:645px;
	margin-left: 30px;
	overflow: hidden;
	background: transparent;
}

/*projects*/
#projects{
	overflow: hidden;	
	display: block;
	margin: 5px 0 10px;
}
#projects ul{
	width: 3000px;
}
#projects ul li{
	float: left;
	height: 320px;
	width:645px;	
}
#projects ul.projectsBatch{
	width:645px;
}
#projects ul.projectsBatch li{
	float: left;
	margin: 0 0 8px 0;
	padding: 0 7px 0 0;
	width: 210px;
	height: 145px;
}

#projects ul.projectsBatch li h4{
	text-transform: uppercase;	
	color: #FF00E7;
	font-weight: normal;
	margin: 5px 0 2px;
}
#projects ul.projectsBatch li .projectThumb {	
	padding-bottom: 3px;
}
#projects ul.projectsBatch li p span{	
	color: #FFF;
}
#projects ul.projectsBatch li p span.pink{
	color: #FF00E7;
}
#projects ul.projectsBatch li a.icon{
	background-position:left -218px;
	clear:both;
	color:#ABABAB;
	display:block;
	float:left;
	font-size:11px;
	padding-left:18px;
}

#projects ul.projectsBatch li.last{
	padding: 0;
}
#projects ul.projectsBatch li img{
	border: 3px solid #363636;
}
#projects a.bx-prev{
	background:url("../images/icon-sprite.png") no-repeat scroll -1px -90px transparent;
	color:#ABABAB;
	float:left;
	margin:10px 0 0;
	padding-left:18px;
	height: 15px;
}
#projects a.bx-prev:hover{
	background-position: -1px -237px;
}
#projects a.bx-next{
	float: right;
	margin: 10px 0 0 0;
	color: #ABABAB;
	padding-right:18px;
	height: 15px;
	background:url("../images/icon-sprite.png") no-repeat scroll right -71px transparent;
}
#projects a.bx-next:hover{
	background-position: right -218px;
}
#projects a.bx-prev span{
	float: left;
	margin: 0 5px 0 0;
	background-position: -22px -94px;
}
#projects a.bx-next span{
	float: right;
	margin: 0 0 0 5px;
	background-position: -22px -76px;
}
/*individual projects*/
.simplemodal-container{
	margin-top: 210px;	
}
.projectItem{
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:25px;
	height: 480px;	
}
.projectItem .leftCol{
	width: 310px;
	margin: 0px 40px 0 0;
}
.projectItem .leftCol h3{
	text-transform: uppercase;	
	color: #FF00E7;
	font-weight: normal;
	text-align: right;
}
.projectItem .leftCol .projectCategory{	
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 5px;
	text-align: right;
}
.projectItem .leftCol .projectDescription{
	width: 310px;
	margin:0 50px 10px 0;
	border-bottom: 1px dotted #999;
	overflow: hidden;
	padding-bottom: 10px;
}
.projectItem .leftCol .projectDescription p{
	margin-bottom: 10px;
}
.projectItem .leftCol .projectDescription span{
	color: #FFF;
}
.projectItem .leftCol .projectDescription span.pink{
	color: #FF00E7;
}
.projectItem .leftCol .projectDescription .projectServices p{
	margin-bottom: 3px;
}
.projectItem .leftCol .projectDescription .projectServices p.projectServicesTitle{
	background: url("../images/icon-sprite.png") no-repeat -1px -273px transparent;
	padding-left: 20px 
}
.projectItem .leftCol .projectDescription .projectServices ul.leftCol, .projectItem .leftCol .projectDescription .projectServices ul.rightCol{
	width: 140px;
	margin: 0;
}
.projectItem .leftCol .projectDescription ul.rightCol li, .projectItem .leftCol .projectDescription ul.leftCol li{
	background: url("../images/icon-sprite.png") no-repeat scroll -1px -288px transparent;
	padding:3px 0 3px 9px;
}
.projectItem .leftCol .projectSite{
	text-align: right;
}
.projectItem .rightCol{
	width: 480px;
	padding:0 10px 0 10px;
}
.projectItem .rightCol ul.projectItemSlider{

}
.projectItem .rightCol ul.projectItemSlider  li{
	float: left;
	width: 480px;
	height: 326px;
}
.projectItem .rightCol .bx-wrapper .bx-window{
	margin-bottom: 10px;
}
.projectItem .rightCol .bx-wrapper .bx-pager {
	float: left;
}
.projectItem .rightCol .bx-wrapper .bx-pager .pager-link{
	color: #FFF;
	margin: 0 6px;
}
.projectItem .rightCol .bx-wrapper .bx-pager .pager-link.pager-active{
	text-decoration: underline;
}
.projectItem .rightCol .bx-wrapper .bx-prev{
	margin-left:4px;
}
.projectItem .rightCol .bx-wrapper .bx-next{
	margin-left:4px;
}
a.modalCloseImg{
	background:url("../images/icon-sprite.png") no-repeat scroll -1px 0px transparent;
	border:medium none;
	cursor:pointer;
	display:inline;
	height:14px;
	position:absolute;
	right:10px;
	top:0px;
	width:14px;
	z-index:3200;
}

/*testimonials*/
#testimonials{
		
}

/*method*/
#method .leftCol{
	width: 326px;
	margin-right: 30px;
}
.construct, .skills, .elements, .methodology{
	margin-bottom: 30px;
}
/*services*/
#services .leftCol{
	width: 285px;
	margin-right: 30px;
}
#services .leftCol .whatWeDo{
	margin-bottom: 30px;
}
#services .leftCol .whatWeDo h2 span, #services .leftCol .whatWeDo span{
	color: #FF00E7;
}
#services .leftCol .whatWeDo h3{
	background: url(../images/arrow-sprite.png) no-repeat -4px 0 transparent;
	padding: 0 0 0 35px;
}
#services .leftCol .whatWeDo h3.outside{
	background-position: -4px -30px;
}
#services .leftCol ul li{
	background: url(../images/icon-sprite.png) no-repeat -1px -290px transparent;
	padding: 0 0 0 7px;
}
	/*IE6 and 7 hack*/
*+html #services .leftCol ul li{
	background: url(../images/icon-sprite.png) no-repeat -1px -270px transparent;
}
*html #services .leftCol ul li{
	background: url(../images/icon-sprite.png) no-repeat -1px -270px transparent;
}
/*
.cloud-zoom-lens, #services .rightCol a {

	cursor:url("../images/zoom.cur");		

}*/
.cloud-zoom-big{
	width: 500px;	
}
/*contact*/
.vcard{
	overflow:hidden;
	padding: 20px 0;
	margin: 0 auto;
	border-bottom: 1px dotted #999;
	line-height: 100%;
	height: 73px;
}
.vcard .mainInfo{
	float:left;
	background: url(../images/diagonal.png) no-repeat right bottom transparent;
	padding: 0 60px 0 170px; 
}
.vcard .mainInfo p.atTwitter a{
	color: #FF00E7;	
	font-size:15px;
	line-height:150%;
}
.vcard .mainInfo .area-code{
	color: #FF00E7;	
}
.vcard .adr{	
	float:left;
	display:block;
	vertical-align: baseline;
}
.vcard .adr .region{
	color: #FF00E7;	
}

#footer {
	padding: 4px 0px;
	width: 960px;
	height: 24px;
	text-align: right;
	color: #ABABAB;
	font-size:11px;
}

#footer strong {
	font-weight: bold;
	color: #FF00E7;
}