@charset "UTF-8";
/* CSS Document */


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;
	}
	
	
body {
	text-align: center;
	background: #F5F5F5 url(images/bg_pieplanoflow.png) center repeat-y;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: .7em;
	color: #666;
	}
	
#container {
	background-color: #F5F5F5;
	margin: 0 auto;
	padding: 0;
	width: 1010px;
	text-align: left;
	}
	
#header {
	background: #F5F5F5 url(images/bg_headercube.png) 64px no-repeat;
	height: 100px;
	position: relative;
	}
	
ul {
	border: 0;
	margin: 0;
	padding: 0;
	}


li {
	list-style: none;
	display: inline;
	}
	
img {
	border: 0;
	margin: 0;
	padding: 0;
	}
	
ul#nav {
	font-family: "Gill Sans", "Gill Sans Std", "Lucida Sans Unicode", Tahoma, "Arial Black", sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	position: absolute;
	left: 322px;
	top: 30px;
	height: 40px;
	}
	
ul#nav li {
	font-weight: bold;
	letter-spacing: 0px;
	margin-left: 70px;
	}
	
ul#nav li a {
	text-decoration: none;
	background: url(images/bg_navshadow.png) center no-repeat;
	display: inline-block;
	height: 30px;
	border-top: #0CF 1px dotted;
	padding-top: 5px;
	}
	
ul#nav li a:link, ul#nav li a:visited {
	background-position: center 23px;
	color: #D3D3D3;
	} 
	
ul#nav li a:active, ul#nav li a:hover {
	background-position: center -12px;
	color: #0CF;
	}
	
#body_container {
	background-color: #F5F5F5;
	height: 430px;
	width: 1010px;
	}
	
	
#side {
	background-color: #F5F5F5;
	width: 290px;
	height: 430px;
	float: left;
	position: relative;
	}
	
#logo {
	display: block;
	width: 290px;
	height: 110px;
	background: url(images/logo_twdsml.jpg) no-repeat;
	text-indent: -9999px;
	margin-top: 14px;
	}
	
a:link#logo, a:visited#logo {
	text-decoration: none;
	background-position: 15px 0;
	} 
	
a:active#logo, a:hover#logo {
	text-decoration: none;
	background-position: 15px -118px;
	}

	
ul#sideinfo {
	color: #BCBCBC;
	font-size: .77em;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	padding-right: 0px;
	/*border-bottom:#0CF 1px solid;*/
	}
	
ul#sideinfo li {
	display: block;
	line-height: 1.3em;
	}	

.remark_side {
	background-color: #0CF;
	color: #FFF;
	padding-left: 12px;
	margin-top: 4px;
	}
	
#main {
	background-color: #F5F5F5;
	width: 720px;
	height: 430px;
	float: left;
	position: relative;
	text-align: center;
	}

#content {
	padding-left: 14px;
	width: 706px;
	height: 430px;
	text-align: left;
	}

.maintitle {
	display: block;
	width: 245px;
	color: #B8B8B8;
	font-family: "Gill Sans", "Gill Sans Std", Tahoma, "Arial Black", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	font-size: 2.1em;
	line-height: 1em;
	border-bottom: #0CF 1px solid;
	margin-bottom: 10px;
	padding-top: 7px;
	}
	
.maintitle2 {
	display: block;
	color: #B8B8B8;
	font-family: "Gill Sans", "Gill Sans Std", Tahoma, "Arial Black", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1em;
	border-bottom: #0CF 1px solid;
	margin-bottom: 10px;
	padding-top: 15px;
	}
	
.title2 {
	display: block;
	color: #FFF;
	font-family: "Gill Sans", "Gill Sans Std", Tahoma, "Arial Black", "Lucida Sans Unicode", sans-serif;
	font-size: 1.3em;
	background-color: #0CF;
	line-height: 1em;
	margin: 0 0 7px 0;
	padding-left: 1px;
	}
	
.title2b {
	display: block;
	color: #FFF;
	font-family: "Gill Sans", "Gill Sans Std", Tahoma, "Arial Black", "Lucida Sans Unicode", sans-serif;
	font-size: 1.3em;
	background-color: #609;
	line-height: 1em;
	margin: 0 0 7px 0;
	padding-left: 1px;
	}
	
	
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #999;
	font-size: .85em;
	line-height: 160%;
	letter-spacing: 0em;
	margin-bottom: 12px;
	text-align: left;
	word-spacing: .3em;
	margin-bottom: 25px;
	}
	
#portfoliomain {
	float: left;
	width: 550px;
	text-align: center;
	}
	

.portfolio {
	width: 550px;
	float: left;}
	
.ptfspacer {
	margin: 0;
	padding: 0;
	height: 43px;
	}
	
.ptfspacer2 {
	margin: 0;
	padding: 0;
	height: 3px;
	}

	
#portfoliocol {
	width: 140px;
	float: left;
	margin-left: 14px;
}

ul#filternav {
	float: right;
	width: 123px;
	background-color: #0CF;
	}


	
ul#filternav a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #1B75BA;
	text-transform: lowercase;
	display: block;
	}

ul#filternav a:link, ul#filternav a:visited {
	text-decoration: none;
	}

ul#filternav a:active, ul#filternav a:hover {
	text-decoration: none;
	color: #F1F1F1;
	}

ul#filternav li {
	display: block;
	border-bottom: #6CF 1px solid ;
	padding: 4px 0 4px 12px;
	}
	

	
ul#filternav li.filterup {
	color: #0CF;
	background: #F5F5F5  url(images/bg_filternavup.png) bottom right no-repeat;
	padding: 0;
	margin: 0;
	border: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .75em;
	padding-bottom: 2px;
	letter-spacing: 1px;
	}
	
ul#filternav li.filterdown {
	color: #CCC;
	background: #F5F5F5 url(images/bg_filternavdown.png) top left no-repeat;
	border: none;
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #1B75BA;
	font-weight: bold;
	font-size: .7em;
	text-transform: uppercase;
	padding-top: 2px;
	letter-spacing: 0px;
	}
	
ul#filternav li.filterdown a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #1B75BA;
	text-transform: uppercase;	
	}

ul#filternav li.filterdown a:link, ul#filternav li.filterdown a:visited {
	text-decoration:none;}

ul#filternav li.filterdown a:active, ul#filternav li.filterdown a:hover {
	text-decoration: none;
	color: #0CF;
	}
	
#goback {
	display:block;
	width: 130px;
	height: 30px;
	float: left;
	background:url(images/btn_back.png) 0 0 no-repeat;
	text-indent: -9999px;}
	
a:link#goback, a:visited#goback{
	text-decoration:none;
	background-position:0 -31px;
	} 
	
a:active#goback, a:hover#goback{
	text-decoration:none;
	background-position:0 0;}
	
ul#portfoliobox {
	margin:0;
	padding:0;
	float:left;
	margin-top:17px;
	width: 140px;
	background-color:#EDEDED;}
	
.markname {
	background: #3CF center;
	color:#FFF;
	font-size:1.4em;
	display: inline;
	line-height: 1.2em;
	padding-right: 10px;
	padding-top:0;
	
	
}

.markclient {
	display: block;
	background-color: #333;
	color: #FFF;
	font-size:.9em;
	margin-top: 12px;
	padding-right: 5px;
	font-weight:bold;
}
	
.marktype {
	display: block;
	background-color: #CCC;
	color: #666;
	font-size: .82em;
	margin-top: 0px;
	padding-right: 3px;
	line-height: 1em;}
	
p.ptfdescript {
	margin-top:25px;
	float:left;
	width: 140px;
	font-size: .80em;
	line-height: 1.4em;
	background-color:#EDEDED;
	width: 140px;}
	
ul.ptfitems {
	color:#999;
	float:left;}
	
ul.ptfitems li {
	display:block;
	font-size: .75em;
	background:url(images/img_listservicios.png) left no-repeat;
	padding: 2px 10px;
	width: 120px;

}
	
p.underdev {
	margin:0;
	padding:0;
	font-size: .60em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:bold;
	color: #FFF;
	background-color: #609;
	text-transform: uppercase;
	width:140px;
	float:left;
	clear:both;
	text-align:center;
	border-top: #0CF 1px solid;
	margin-top: 20px;}
	
p.ptflink a{
	color: #FFF;
	background-color: #0CF;
	font-size: 1em;
	line-height: 1em;
	margin-top: 0px;
	padding: 0px 3px;
	text-align: left;
	font-weight: normal;
	float: left;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	/*border:#0CF 1px solid;*/
	text-transform: lowercase;
	display: block;
	width: 50px;}
	

	
p.ptflink a:link, p.ptflink a:visited{
	text-decoration:none;
	} 
	
p.ptflink a:active, p.ptflink a:hover{
	text-decoration:none;
	background-color: #609;
	color: #FFF;
}

ul.ptfsub {
	width: 140px;
	float:left;
	margin-bottom:20px;
}

ul.ptfsub li {
	float:left;
	margin-bottom: 10px;
	display:block;
	font-weight:bold;
	font-size: .9em;
	width: 140px;
	display:inline;
	background-color: #EDEDED;
}

p.top a {
	color: #999;
	text-decoration:none;
	float:right;
	text-align:right;
	font-size: .75em;
	line-height: .6em;
	margin: 20px 0;
	padding: 3px 0;
	border-bottom:#0CF 1px solid;}
	
p.top a:link, p.top a:visited{
	text-decoration:none;
	} 
	
p.top a:active, p.top a:hover{
	text-decoration:none;
	background-color: #CCC;
	color: #666;
}	



#col1 {	
	margin:0;
	padding:0;
	width:245px;
	float:left;
	margin-right:15px;
	
}
	
#col2 {
	margin-left:15px;
	width:245px;
	float:left;}
	
#extracol {
	width:115px;
	float:left;
	margin-left:45px;}
	
#extracoltwo {
	width:115px;
	float:left;
	margin-left:45px;
	margin-top:70px;}
	
#col1serv {
	width:187px;
	float:left;
	margin-right:20px;
	}
	
#col2serv {
	margin:0 20px;
	width:187px;
	float:left;}
	
#col3serv {
	margin-left:20px;
	width:187px;
	float:left;}
	
#colform{
	width: 340px;
	float:left;
	margin-left: 70px;}

	
.itemserv li {
	/*list-style: url(images/img_listservicios.png) inside;*/
	background:url(images/img_listservicios.png) 0 5px no-repeat;
	color:#999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 1em;
	margin:0 0 7px 0;
	padding:0 0 5px 12px;
	border-bottom:#E2E2E2 1px solid;
	display:list-item;
	display:block;}
	
.networks li a {
	color:#666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:.80em;
	letter-spacing: 0px;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:#CCC 1px solid;
	display:block;
	text-decoration:none;}
	
.networks li a:link, .networks li a:visited{
	text-decoration:none;
	} 
	
.networks li a:active, .networks li a:hover{
	text-decoration:none;
	color: #0CF;
}

.mark {
	background: #3CF center;
	color:#FFF;
	padding: 0 1px;}
	
.mark2 {
	color: #0CF;
	}
	
.blue {
	color:#0CF;}
	
.servtext {
	margin-top: 70px;
	color: #999;
	font-size: .84em;
	line-height: 130%;}
	
.curriculum {
	position:absolute;
	bottom: 50px;
	left: 290px;}
	
.curriculum li a{
	color: #CCC;
	margin-left: 7px;
	text-transform:uppercase;
	font-size: .70em;
	letter-spacing: 1px;
}
	
.curriculum li a:link, .curriculum li a:visited {
	text-decoration:none;}
	
.curriculum li a:active, .curriculum li a:hover {
	text-decoration:none;
	color:#333;}

	
	
p.bg_contact {
	background:url(images/bg_contact.png) center no-repeat;
	width:400px;
	height:210px;
	/*margin:70px auto 0px auto;*/
	position:absolute;
	top: 70px;
	left: 110px;
	text-align:center;
	
}
	
.contactmail {
	color:#0099DC;
	font-size:3em;
	display: block;
	text-align: center;
	padding-top:70px;
	font-weight: bold;
	letter-spacing: -2px;
	font-family: "Gill Sans", "Gill Sans Std", Tahoma, "Arial Black", "Lucida Sans Unicode", sans-serif;
	height:40px;

	}
	
a:link.contactmail, a:visited.contactmail{
	text-decoration:none;
	} 
	
a:active.contactmail, a:hover.contactmail{
	background:url(images/bg_contactohover.png) center 10px no-repeat;
	text-decoration:none;
	color: #3D3D3D;
}


#bottomgallery {
	background-color:#F5F5F5;
	width:540px;
	height: 15px;
	float:left;
	clear:both;
	margin-top:20px;
	margin-bottom: 10px;
	text-align:left;
	padding:0 0 0 10px;
	color:#FFF;
	}
	
#color{
	float:left;
	display:block;
	width:115px;
	height:15px;
	background:url(images/btn_color.jpg) 0 0 no-repeat;
	text-indent:-9999px;}
	
	a:link#color, a:visited#color{
	text-decoration:none;
	background-position:0 -19px;
	} 
	
	a:active#color, a:hover#color{
	text-decoration:none;
	background-position:0 0;}
	
#gotop {
	float:right;
	display:block;
	width:46px;
	height:15px;
	background:url(images/btn_top.jpg) 0 0 no-repeat;
	text-indent:-9999px;}
	
	a:link#gotop, a:visited#gotop{
	text-decoration:none;
	background-position:0 -19px;
	} 
	
	a:active#gotop, a:hover#gotop{
	text-decoration:none;
	background-position:0 0;}

.borderbottom {
	border-bottom:#0CF 1px solid;
	position:absolute;
	bottom: 0;
	left: 0;
	width: 577px;}
	
#footer{
	width:1010px;
	height:82px;
	clear:both;
	background-color:#F5F5F5;}
	
	
	
#hire{
	display:block;
	width:143px;
	height:34px;
	float:right;
	background: url(images/btn_hiremesml.png)  0 0 no-repeat;
	margin-bottom:3px;
	text-indent:-9999px;
	}
	
a:link#hire, a:visited#hire{
	text-decoration:none;
	background-position:0 0;
	} 
	
a:active#hire, a:hover#hire{
	text-decoration:none;
	background-position:0 -38px;}
	
a:link.hirelink, a:visited.hirelink{
	text-decoration:none;
	color:#0CF;
	font-size:1.2em;
	} 
	
a:active.hirelink, a:hover.hirelink{
	text-decoration:underline;
	font-size:1.2em;
}
	
#bg_footer{
	clear:both;
	background:url(images/bg_plainfooter.png) center no-repeat;
	height:45px;}
	
	
#outframe {
	position:absolute;
	text-align:right;
	top:0;
	right:0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width: 120px;
	
	}
	
h6.language a {
	display: block;
	font-size: .7em;
	background:url(images/bg_idiomas.png) repeat-x;
	letter-spacing: 1px;
	color: #FFF;
	float: right;
	text-align: center;
	font-weight: normal;
	margin:0 0 0 0;
	padding:1px 9px;
	text-decoration:none;
	}
	
h6.display a {
	display: block;
	font-size: .7em;
	background:url(images/bg_display.png) repeat-x;
	letter-spacing: 1px;
	color: #FFF;
	float: right;
	text-align: center;
	font-weight: normal;
	margin:0 0 0 2px;
	padding:1px 9px;
	text-decoration:none;
	
	}

h6.language a:link, h6.language a:visited{
	text-decoration:none;
	} 
	
h6.language a:active, h6.language a:hover{
	text-decoration:none;
	color:#333;}

h6.display a:link, h6.display a:visited{
	text-decoration:none;
	} 
	
h6.display a:active, h6.display a:hover{
	text-decoration:none;
	color:#333;}