body
{
	background-color: #000;
	background-image: url(images/background_1.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}



#container
{
	margin-top: 28px;
	margin-right: auto;
	margin-left: auto;
	width: 977px;
}

.clear { clear: both; }

#masthead
{
	width: 977px;
	height: 126px;
}

#hm_images
{
	width: 977px;
	height: 454px;
	background-image: url(images/hm-main-back.jpg);
	background-repeat: no-repeat;
}

#hm_footer
{
	background-image: url(images/hm_footer_leading.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 133px;
}

#hm_footer_text
{
	color: #FFF;
	font-family: arial;
	font-size: 18px;
	width: 900px;
	float: right;
	margin-top: 30px;
	margin-right: 40px;
	text-align: justify;
}

#hm_footer_text h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}


#navbar
{
	width: 977px;
	height: 33px;
	background-image: url(images/navbar_back.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	font-family: times;
	font-size: 14px;
	line-height: 33px;
	text-align: center;
}

#navbar a
{
	color: #FFF;
	font-family: "Arial Black";
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}

#navbar a:hover { color: #39F; }

#footer
{
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-family: arial;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}

#footer a
{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover { color: #39F; text-decoration: underline; }

.cf_wrapper 
	{
	margin-right: auto;
	margin-left: auto;
	width: 947px;
	height: 454px;
	}
	
#gallery
{
	width: 977px;
	height: 755px;
	background-image: url(images/gallery_back.jpg);
	background-repeat: no-repeat;
}
#proceso
{
	width: 977px;
	height: 900px;
	background-image: url(images/proceso_back.jpg);
	background-repeat: no-repeat;
}
#proceso_footer
{
	width: 900px;
	height: 60px;
	float: right;
	margin: 10px;
	margin-right: 38px;
	border: 1px #CCC solid;
	background-color: #000000;
}
#proceso_footer_text
{
	color: #FFF;
	font-family: arial;
	font-size: 18px;
	width: 885px;
	height:60px;
	float: right;
	padding:5px;
	text-align: justify;
}

#nav2
{
	background-image: url(images/nav_2_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 30px;
	color: #FFF;
	font-family: times;
	font-size: 14px;
	line-height: 33px;
	text-align: center;
}

#nav2 a
{
	color: #FFF;
	font-family: "Arial Black";
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}

#nav2 a:hover { color: #39F; }


#port_text
{
	width: 240px;
	float: left;
	color: #FFF;
	font-family: arial;
	font-size: 11px;
	line-height: 15px;
	padding-top: 20px;
	padding-left: 30px;
}

#port_text h1
{
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
	border-bottom: 1px #FFF dotted;
	padding-bottom: 3px;
}

#port_images
{
	width: 652px;
	float: right;
	margin-right: 30px;
	margin-top: 20px;
}

#port_images img
{
	border: 1px #CCC solid;
}

.port_image
{
	width: 652px;
	height: 324px;
	background-image: url(images/ajax-loader.html);
	background-repeat: no-repeat;
	background-position: center center;
}

#thumbs
{
	width: 652px;
	height: 44px;
	padding-top: 15px;
	
}

#thumbs .single
{
	width: 44px;
	height: 44px;
	padding-right: 6px;
	float: left;
}

#thumbs  a:hover img { border: 1px #C0C solid; }


#port_images_sintxt
{
	width: 945px;
	/* float: right; */
	margin-left: 15px;
	/* margin-top: 10px; */
}

#port_images_sintxt img
{
	border: 1px #CCC solid;
}


.port_image_sintxt
{
	width: 945px;
	height: 750px;
	/* background-image: url(images/ajax-loader.html); */
	background-repeat: no-repeat;
	background-position: center center;
}

/* added */

  #galleria{ width: 945px; height: 750px; background: #000 } 

/* end added */

#thumbs_sintxt
{
	width: 910px;
	height: 171px;
	margin-top: 10px;
      margin-left: 5px;
	/* overflow:auto;
	scrollbar-face-color: #A7B5E8; 
	scrollbar-highlight-color: #aaaaaa; 
	scrollbar-shadow-color: #aaaaaa; 
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: #eeeeee; 
	scrollbar-track-color: #e3e3e3; 
	scrollbar-darkshadow-color: #000000; */
	
}

#thumbs_sintxt .single
{
	width: 55px;
	height: 55px;
	margin: 2px;
	float: left;
}

#thumbs_sintxt  a:hover img { border: 1px #C0C solid; }

#thumbs_proceso
{
	width: 900px;
	height: 85px;
	margin-top: 15px;
     margin-left: 5px;
	
}

#thumbs_proceso .singlep
{
	width: 85px;
	height: 85px;
	padding-right: 5px;
     padding-bottom: 5px;
	float: left;
}
#thumbs_proceso .singled
{
	width: 55px;
	height: 55px;
	padding-right: 5px;
     padding-bottom: 5px;
	float: left;
}

#thumbs_proceso  a:hover img { border: 1px #C0C solid; }


#empresa_body
{
	background-image: url(images/empresa_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 454px;
}

#empresa_text
{
	color: #FFF;
	font-family: arial;
	font-size: 14px;
	line-height: 18px;
	width: 560px;
	float: right;
	margin-top: 20px;
	margin-right: 40px;
	text-align: justify;
}

#empresa_text h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}


#legal_body
{
	background-image: url(images/legal_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 454px;
}
#legal_text
{
	color: #FFF;
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	width: 873px;
	float: left;
	margin-top: 40px;
	margin-left: 50px;
	overflow-y: scroll;
	height: 380px;
	padding-right: 10px;
	text-align:justify;
}

#legal_text h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}

#cobertura_body
{
	background-image: url(images/cobertura_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 454px;
}


#design_body
{
	background-image: url(images/designservices_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 454px;
}

#design_text
{
	color: #FFF;
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	width: 480px;
	float: left;
	margin-top: 40px;
	margin-left: 50px;
	overflow: scroll;
	height: 370px;
	padding-right: 10px;
}

#design_text h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}
#history_body
{
	background-image: url(images/history_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 454px;
}

#history_text
{
	color: #FFF;
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	width: 480px;
	float: left;
	margin-top: 40px;
	margin-left: 50px;
	overflow: scroll;
	height: 370px;
	padding-right: 10px;
}

#history_text h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}
#contact_body
{
	background-image: url(images/contact_background.jpg);
	background-repeat: no-repeat;
	width: 977px;
	height: 454px;
}

#contact_text2
{
	color: #FFF;
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	width: 360px;
	float: right;
	margin-top: 20px;
	margin-right: 40px;
}
#contact_text1
{
	color: #FFF;
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	width: 460px;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
}
#contact_text1_left
{
	color: #FFF;
	font-family: arial;
	font-size: 16px;
	line-height: 20px;
	width: 220px;
	float: left;
	margin-bottom: 20px;
}
#contact_text1_right
{
	color: #FFF;
	font-family: arial;
	font-size: 16px;
	line-height: 20px;
	width: 230px;
	float: left;
	margin-left: 10px;
     margin-bottom: 20px;
}



#contact_text1 h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}
#contact_text2 h1
{
	font-size: 26px;
	font-weight: normal;
	line-height: 24px;
	font-family: times;
}