@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('../lib/fonts/HelveticaNeue/helveticaneue-webfont.eot?') format('eot'),
         url('../lib/fonts/HelveticaNeue/helveticaneue-webfont.woff') format('woff'),
         url('../lib/fonts/HelveticaNeue/helveticaneue-webfont.ttf') format('truetype'),
         url('../lib/fonts/HelveticaNeue/helveticaneue-webfont.svg#webfontrO3E9WJ5') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
/*	font-family: 'HelveticaNeueRegular','Droid Sans', arial; */
	font-family: arial;
	font-size: 11px;
}

.nota{
	display: none;
}

#process{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index:1000;

}

#logo{
	height: 380px;
	margin-left:20%;
}

#menulogo{
	height: 65px;
	display: inline;
	float: left;
	margin-bottom: 6%;
}

#mainmenu{
	margin-left: 40%;
}
#mainmenu div{
	display: inline;
	float:left;
}

#mainmenuitem{

	position: relative;
	left: -168px;

}

#design{
	font-size: 344%;
	font-weight: bolder;
	margin-bottom: 2%;
	position: relative;
	z-index: 1;
	background: white;
}

#portfolio{
	clear: left;	
	width: 210px;
	height: 450px;
	position: absolute;
	top: 11%;
	left: 34px; 
	padding: 2%;
	
	background-image: url('../images/templates/slashborder.png'); 
	background-repeat: no-repeat;
}

#backhome{
	margin-top: 4%;
	float: right;
}

#backhome:HOVER{
	background:#F6ED36;
}

#cleanportfolio{
	margin-top: 4%;
	float: right;
}
#backhome:HOVER, #clean:HOVER{
	cursor: pointer;
}

.bbwright{
	position:relative;
	right: 43px;
}

.braceitem div{
	float: left;
}
.braceitem {
	font-size:140%; 
	font-weight:bolder;
	clear: left;
}

.braceitem div.open, div.close {
	z-index:1;
}

.braceitem div.open{
	font-size:155%;
	position:relative;
	top:-5px;
	left:6px;
}

.braceitem div.close{
	font-size:155%;
	position:relative;
	top:-5px;
	right:0px;
}

.bracelabel{
	width: 110px;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: 3px;
	z-index:0;
}

.bracelabel:HOVER{
	background: #F6ED36;
}

.clear{
	clear: left;
}

.portfoliotitle{
	margin-left:48%;
	margin-top:12%;
}

.title{
	font-size: 17px;
	font-weight: bolder;
	max-width: 741px;
}

#accordion h2{
	font-size: 115%;
	font-weight: bolder;
	margin: 0;
	margin-top: 3%;
}

#accordion h2:HOVER{
	cursor: pointer;
}

#accordion div.pane{
	margin-left: 5%;
	margin-top: 3%;
	margin-bottom: 5%;
}

.item:HOVER{
	cursor: pointer;
	background:#F6ED36;
}

.vspacer{
	margin: 8% 10%;
}

.work{ 
	/* ahora depende de slashpanel */ 
	display: none;
}

.slashpanel{
	position: absolute;
	left: 26%;
	top: 5%;
	background-image: url('../images/templates/wescanvas.png'); 
	background-repeat: no-repeat;
	padding: 2% 3%;
	width: 840px;
	height: 522px;	
}

.slashcontact{
	position: absolute;
	left: 26%;
	top: 5%;
	background-image: url('../images/templates/contact.png'); 
	background-repeat: no-repeat;
	padding: 2% 3%;
	width: 610px;
	height: 550px;
	z-index:3;	
}

/* development mode
#we2{
	left: 29%;
	top: 10%;

}
*/

.bigbracewrap div.error{
	color: red;
	position: static;
	font-size: 11px;
}

.bigbracewrap div, .bigbracewrap a{
	float: left;
	top: 22px;
	position: relative;
}


.bigbracewrap .teamdata{
	width:727px;
	top: 27px;
	position: relative;

}

.bigbracewrap .paneldata{
	top: 27px;
	position: relative;
	width:500px;
}


.bigbracewrap .paneldata div{
	clear: left;
}

.bigbrace{
	height: 430px;
	width: 30px;
	background-repeat: no-repeat;
}

.bbleft{
	background-image: url('../images/templates/bigbraceleft.png');
	z-index: 1;
	 
}

.bbright{
	background-image: url('../images/templates/bigbraceright.png');
	position: relative;
	right:29px; /* 3.8% */
}

.weimages{
	height: 430px;
}

.weimage{
	height: 400px;
	width:741px;
	position: relative;
	left:1.9%; /* -1.9% */
	top:3%;
	top: 10px;
}

/* prev, next, prevPage and nextPage buttons */

a.browse {
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.prev, a.next{
	height: 15px;
	width: 15px;
	position: relative;
	top: 214px;

}

a.left 	{ 
	background:url(../images/templates/leftarrow.png) no-repeat;
	left: -29px;
	z-index: 1;
}


a.right			{ 
	background:url(../images/templates/rightarrow.png) no-repeat;
	z-index: 1;
}

a.disabled {
	visibility:hidden !important;		
}

.wetitle{
}
.wedescription{
	position: relative;
	top: 12px;
	left: 0px;
}



.scrollable {

	/* required settings */
	position:relative;
	left: -44px;
	overflow:hidden;
	width: 741px;
	height:455px;
	float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div.weitem {
	float:left;
}

.hidebutton{
	margin-top:20px;
}

.hidebutton:HOVER{
	cursor: pointer;
	background:#F6ED36;
}

.titleposition{
	position: relative;
	top: 10px;`
	/*text-align: center;*/
}


.teammember{
	font-size: 20px;
	font-weight: bolder;
	display: block;
}

.teammail{
	clear: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	background:#F6ED36;
}

.teamdescription{
	margin: 0 6% 0 3%;
}

#cleanteam{
	display: block;
	margin-top: 20px;
}

.contacttitle{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}


.mailinput{
	width: 180px;
}

#statuscontact{
	width: 500px;
	display: none;
}

.statuscontact{
    background: none repeat scroll 0 0 #E1F2FF;
    border: 1px solid #206CFF;
    color: #2022FF;
    padding: 1% 4%;
    text-align: center;
    width: 57%;
}


form label{
	font-size: 13px;
	font-weight: bold;
}


ul.amode li:HOVER{
	background:#F6ED36;
}

#smalllogo{
	height: 90px;
	margin: 1%;
}

#team, #contact {
	z-index: 2;
}