/* generals */
body			{ color:#fff; background:#002931 url(../img/bgBody.jpg) repeat-x top left; font:11px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#screen			{ background: url(../img/screen.gif) no-repeat left -1px; width:607px; height:198px; padding:21px 0 0 24px;}
#screen2		{ background: url(../img/screen2.gif) no-repeat left -1px; width:607px; height:198px; padding:21px 0 0 24px;}
.container		{ width:631px; margin:0 auto;}
.header			{ padding:10px 12px 0; width:607px;}
a				{ text-decoration:none; outline:none; color:#d3a77a; background-color:transparent;}
p				{ color:#cdcdcd; background-color:transparent;}
p, h1			{ line-height:16px;}
p, h1, h3		{ margin:0 0 10px;}
ul				{ list-style:none; margin:0; padding:0;}
form			{ padding:0; margin:0;}
em				{ font-size:10px; letter-spacing:1px;}
#gbhID			{ background:url(../img/gbhID.gif) no-repeat; display:block; width:104px; height:66px; float:left;}
.floatL			{ float:left;}
.floatR			{ float:right;}	
#hortLine		{ background:url(../img/hortLine.gif) repeat-x;	font-size:1px; height:1px; margin:1px 0;}
#footer			{ background:#03171c; border-top:solid 1px #fff; padding:10px 5px; margin:10px auto 0; text-align:center; color:#fff;}
.clear			{ clear:both; width:100%; margin: -2px 0 0; padding:0; font-size:1px; border:0; visibility: hidden;}
.menu_saparator	{ display:block; float:left; width:2px; height:31px; background:url(../img/menu_separator.gif) no-repeat left 0;}
.menu			{ width:417px; margin-top:41px;}
.menu span a	{ background:url(../img/menu_center.gif) repeat-x left top; padding:0 6px;}
.home			{ background: #e3ebed url(../img/home.gif) no-repeat -3px top; width:39px; padding-left:84px;}
.contact		{ background: #e3ebed url(../img/contact.gif) no-repeat left top; width:80px; padding-left:8px;}

.marginT		{ margin-top:10px;}
.marginR		{ margin-right:10px;}
.marginB		{ margin-bottom:10px;}
.marginL		{ margin-left:10px;}

.paddingL		{ padding-left:20px;}
.numberList li	{ padding-left:28px; margin-bottom:10px; color:#cdcdcd;}
#one		{ background:url(../img/one.gif) no-repeat 10px 3px;}
#tow		{ background:url(../img/tow.gif) no-repeat 10px 3px;}
#three		{ background:url(../img/three.gif) no-repeat 10px 3px;}
#four		{ background:url(../img/four.gif) no-repeat 10px 3px;}

/* menu: in comun */
.menu span a, .home,
.act_home, .contact		{ display:block; float:left; height:31px; line-height:31px; color:#4d4a48; font-weight:700; font-size:10px;}
/*highlight menu */
.home:hover, #act_home	{ background: #e3ebed url(../img/home.gif) no-repeat -3px -34px; width:39px; padding-left:84px; color:#4d4a48;}
.contact:hover,
#act_contact			{ background: #e3ebed url(../img/contact.gif) no-repeat -4px -35px; width:76px; padding-left:8px;}
.menu span a:hover,
#active					{ background:#e3ebed url(../img/menu_center.gif) repeat-x left -33px; padding:0 6px; color:#4d4a48;}
#myStyle				{ background:url(../img/chat.gif) no-repeat 37px bottom; padding-bottom:15px;}
.required				{ background:url(../img/required.gif) no-repeat 95% 6px;}
.error					{ color:#D3A77A; display:block; padding-left:70px;}
.flashMessage			{ font-size:14px; margin-top:55px;}
#clientes				{ background:url(../img/areaClientes.gif) no-repeat left top; position:absolute; width:139px; height:22px; margin:22px 0 0 442px; display:block; text-indent:-9999em;}

/* Content */
.contWidth	{ width:607px; margin:10px auto 0;}
.colL		{ width:288px; float:left;}
.colR		{ margin-left:303px;}

.titleLine	{
	 background:url(../img/bulletPoint_title.gif) no-repeat 0 7px;
	 font-size:14px; padding:0 0 3px 14px; margin-bottom:10px; letter-spacing:1px;
	 border-bottom:1px solid #fff;
}
.title		{ font-size:12px; letter-spacing:1px; margin-bottom:10px;}
.subtitle	{ font-size:12px; color:#fff; letter-spacing:1px;}
.screen-box				{ width:631px; height:219px}

/* FOR LEFT SIDE CONT, */
.widthLeft 				{ width:271px;}


/* FOR RIGHT SIDE CONT, */
.widthRight, .rightSide	{ width:308px}
#lastProyect img		{ background:#eee; border:solid 3px #336f7a; margin-right:15px;}
#proyect p				{ margin:5px 0;	color:#d3a77a; font-size:12px}
#listBox				{
	background:url(../img/bgTesting.gif);
	margin-top:10px;
	min-height:104px;
	height:auto !important;
	height:104px;
	padding:5px;
	border:solid 1px #03171c
}
/*SEVICIES ON INDEX*/
.serv_indexL				{ margin-right:10px;}
.serv_indexL, .serv_indexR	{ float:left; width:133px;}

.serv_index p, .prod_index p, .objetive_us h3{
	background: #062f39 url(../img/bgheader_prodyserv.gif) repeat-x bottom ;
	line-height:22px;
	padding-left:8px;
	font-size:14px;
	color:#fff;
}
.serv_index span, .prod_index a, .objetive_us li, .clientInfo li{
	background: url(../img/bulletCircle.gif) no-repeat 4px 7px;
	color:#bdbdbd;
	padding:5px 0 5px 19px;
	display:block;
	margin-bottom:1px;
}
.serv_index a:hover, .prod_index a:hover{
	background:url(../img/bulletCircleH.gif) no-repeat 5px 7px #0a3641
}
.listServ_ofert li {
	background: url(../img/bulletPoint.gif) no-repeat 8px 9px;
	color:#bdbdbd;
	padding:5px 0 5px 19px;
	display:block;
	margin-bottom:1px;
}


.bulletCircle	{ background: url(../img/bulletCircle.gif) no-repeat center 3px;}
.bulletCircleH	{ background: url(../img/bulletCircleH.gif) no-repeat center 3px;}
.bulletCircle,
.bulletCircleH	{ display:block; float:left; width:11px; height:25px; padding-right:10px;}

.servicesList li a, .productList li a{
	background:url(../img/bgTesting.gif) repeat left top;
	width:209px;
	line-height:18px;
	padding:10px 5px;
	display:block;
	border:solid 1px #03171c;
	margin-bottom:2px;
	color:#fff;
}
.servicesList li a:hover,
#actual,
.productList li a:hover 	{ background:url(../img/bgTesting_hover.gif); color:#fff;}
.clientsList a				{ color:#fff; display:block; width:244px; border:solid 1px #fff; padding:5px; margin:0 auto 5px}
.clientsList a:hover		{ color:#7da7af}

.clientInfo, .servicesInfo{
	width:306px;
	min-height:200px;
	height:auto !important;
	height:200px;
	margin-top:19px
}
.clientInfo div{
	background:url(../img/bgTesting.gif);
	min-height:152px;
	height:auto !important;
	height:152px;
	border:solid 1px #315c65;
	padding-bottom:5px
}
.buttonClients	{ background: url(../img/designB.gif) no-repeat center #315c65; border:solid 1px #132529; width:38px; height:20px; float:right; margin-right:7px; display:inline}
/* PRODUCTS DETAILS */
#headerDescription{
	display:block;
	background:#31737f;
	padding:4px 0 2px 12px;
	color:#fff;
	text-transform:uppercase
}

.row { margin-bottom:20px; min-height:70px; height:auto !important; height:70px;}
.col1{ width:60px; float:left;}
.col2{ margin-left:70px;}

/*contact form*/
.name		{ padding-right:19px;}
.email		{ padding-right:33px;}
.subject	{ padding-right:25px;}
.comment	{ padding-right:17px;}

.contact_gbh p	{ margin-bottom:20px;}
.contact_gbh input,
.contact_gbh textarea	{ width:215px; background:none; border: 1px solid #fff; color:#fff;}

#sendButton				{  width:55px; height:24px; margin-left:68px; border:none; background:url(../img/send.gif) no-repeat left top;}
#sendButton:hover		{ background:url(../img/send.gif) no-repeat left -24px;}

.contact_gbh input:hover, .contact_gbh input:active, .contact_gbh input:focus,
.contact_gbh textarea:hover, .contact_gbh textarea:active, .contact_gbh textarea:focus{ border:solid 1px #777;}

.lastProject	 			{ margin-top:0px;}
.lastProject li a			{ display:block; font-size:12px; padding:10px 5px; margin:0; border-bottom:1px dotted #fff; color:#fff; width:291px;}
.lastProject li a:hover		{ background:#0a3641;}

/*PORTFOLIO*/
.portfolio  		{ margin-bottom:25px;}

.portfolioLeft		{ float:left;}
.portfolioRight		{ float:right;}
.portfolioLeft,
.portfolioRight		{ width:48%; margin-bottom:25px;}

.imgPortfolio		{display:block;}
.imgPortfolio,
.imgPortfolioBorder	{ border: 3px solid #336F7A; margin-bottom:10px;}/*comun*/
.imgPortfolio:hover { border: 3px solid #d3a77a;}

#portfolioHead		{ background: url(../img/sortBy.gif) no-repeat left top; text-indent:-50000px; height:16px; border-bottom:1px dotted #3292bf; padding-bottom:9px;}
.btnsPortfolio		{ padding-top:11px;}

/* BUTTONS */
#servicesBtn,
#alphaBtn			{ display:block; width:99px; height:107px; float:left; border:none; outline:none; display:inline; cursor:pointer;}


#servicesBtn		{ background:url(../img/servicesBtn.jpg) no-repeat left top; margin-left:24px;}
#servicesBtn:hover	{ background:url(../img/servicesBtn.jpg) no-repeat left -107px;}

#alphaBtn			{ background:url(../img/alphaBtn.jpg) no-repeat left top; margin-left:10px;}
#alphaBtn:hover		{ background:url(../img/alphaBtn.jpg) no-repeat left -107px;}

/*Active Button*/
#servicesBtnActive,
#alphaBtnActive		{ display:block; width:99px; height:107px; float:left; border:none; outline:none;}

#servicesBtnActive	{ background:url(../img/servicesBtn.jpg) no-repeat left -107px; margin-left:24px;}
#alphaBtnActive		{ background:url(../img/alphaBtn.jpg) no-repeat left -107px; margin-left:10px;}


#wallpaperPortfolio	{ background:url(../img/bgPortfolio.jpg) no-repeat left top; width:585px; height:170px; padding:15px;}
.scroll				{ overflow:auto; position:relative; width:238px; height:116px; padding:11px; margin:1px;}
.portfolioList		{ width:262px; height:140px; float:left; margin:0px; background: url(../img/contentList_portfolio.gif) no-repeat left top;}

.portfolioList li		{ height:24px;}/*necesary for ie 6*/
.portfolioList li input	{ position:relative; z-index:10; width:222px; height:19px; line-height:19px; padding:0 3px; color:#fff; cursor:pointer; background:none; border:none; margin-top:5px; text-align:left;}
.highlight				{ background:#000; height:19px; line-height:19px; margin-top:-19px; filter:alpha(opacity=20); opacity:.20; display:block;}
.opacity				{ opacity:.55; filter:alpha(opacity=55);}

/*PAGINATION*/
#pagination				{ text-align:center; margin:0 auto; clear:both;}
#pagination	a			{ background:#03171C url(../img/bgNumber.gif) repeat-x left top; margin:0 5px; font-size:12px; padding:1px 5px; border:1px solid #fff; color:#fff; line-height:22px;}
#pagination	a:hover,
#actPage				{ border-color:#d3a77a; color:#d3a77a;}
#pagination	em			{ background:#03171C url(../img/bgNumber.gif) repeat-x left top; margin:0 5px; font-size:12px; font-style:normal; padding:1px 5px; line-height:22px; border:1px solid #d3a77a; color:#d3a77a;}
.bodyDescription		{ display:none;}