body {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background: #413e3e url(../images/body.jpg) repeat;
}
a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
a:active, a:hover {
	color: #000000;
	text-decoration: none;
}
p {
	margin: 0px;
	padding: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
}
.float_l {
	float: left;
}
.float_r {
	float: left;
}
.cleaner {
	clear: both;
	width: 100%;
	height: 0px;
	font-size: 0px;
}
.cleaner_h20 {
	clear: both;
	width:100%;
	height: 20px;
}
.cleaner_h30 {
	clear: both;
	width:100%;
	height: 30px;
}
.cleaner_h40 {
	clear: both;
	width:100%;
	height: 40px;
}
.more a {
	display: block;
	width: 80px;
	height: 23px;
	padding: 3px 0 0 0;
	background: url(../images/button.png) no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 6px rgba(50, 50, 50, 1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.more a:hover {
	background: url(../images/button_hover.png) no-repeat;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
}
/*---------------------------------------------------------------------------- Menu ------------------------*/

#menu {
	width: 980px;
	height: 56px;
	margin: 0 auto;
	background: url(../images/menu.png) no-repeat center top;
}
#menu ul {
	width: 404px;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
}
#menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}
#menu ul li a {
	position: relative;
	float: left;
	width: 100px;
	display: block;
	height: 35px;
	padding: 15px 0 0 0;
	margin-right: 1px;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	color: #000;
	outline: none;
}
#menu li a:hover, #menu li .current {
	background: url(../images/hover.png) repeat-x top;
	color: #fff;
}
/*------------------------------------------------------------------------- Fin Menu -----------------------*/

/*-------------------------------------------------------------------------- Header ------------------------*/

#header {
	clear: both;
	width: 980px;
	height: 138px;
	margin-top: 11px;
	background: url(../images/header.png) no-repeat;
}
#header #site_title {
	width: 500px;
	margin: 0 auto;
	padding: 17px 0 0 0;
	text-align: center;
}
#header #site_title h1 {
	margin: 0;
	padding: 0;
}
#header #site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#header #site_title h1 a span {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #5d5b5b;
	font-weight: bold;
	letter-spacing: 2px;
}
/*-------------------------------------------------------------------------- Fin Header -----------------------*/

/*-------------------------------------------------------------------------- Contenido ------------------------*/

#content_wrapper {
	clear: both;
	width: 960px;
	padding: 0 10px;
	background: url(../images/content.png) repeat-y;
}
#main_service_section {
	width: 880px;
	min-height: 290px;
	padding: 11px 40px 19px 40px;
	background: url(../images/home_top.png) no-repeat bottom center;
}
/*-------------------------------------------------------------------------- Banners ---------------------- */

.banners {
	padding-top:10px;
	height:215px;
	margin-left: 36px;
}
.banners div {
	width: 400px;
	height: 258px;
	float:left;
	-webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 14px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 14px rgba(50, 50, 50, 1);
}
.banners div.dos, .banners div.tres {
	margin-left:2px;
}
.banners div img {
	position:absolute;
}
/*------------------------------------------------------------------------ Fin Banners -------------------- */

.service_box {
	width: 365px;
	margin-left:44px;
}
.service_box2 {
	width: 365px;
	margin-left:44px;
}
.service_box3 {
	width: 400px;
	margin-left:44px;
	padding-bottom:25px;
}
.service_box4 {
	width: 800px;
	margin-left:44px;
	padding-bottom:25px;
}
.service_box5 {
	width: 621px;
	margin-left:44px;
	padding-bottom:25px;
}
.service_image {
	width:103px;
	float: left;
	margin: 25px 0 0 0;
}
.service_image2 {
	width:345px;
	float: right;
	margin-right:40px;
}
.service_image2 {
	width:345px;
	float: right;
	margin-right:-427px;
}
.service_box .service_text {
	float: right;
	width: 250px;
	text-align: justify;
}
.service_box4 .service_text {
	text-align: justify;
}
.service_text h2 {
	font-size: 24px;
	margin-bottom: 25px;
	font-family: Arial;
	font-weight: normal;
	color:#000;
}
.service_text p {
	margin-bottom: 20px;
	text-align:justify;
	color:#000;
	font-weight:bold;
}
.content_section {
	width: 880px;
	padding: 0 35px;
	clear: both;
}
.content_section p {
	text-align: justify;
	margin-bottom: 10px;
	font-weight:bold;
	color:#000;
}
.content_section h2 {
	font-size: 24px;
	margin-bottom: 12px;
	font-family: Arial;
	font-weight: normal;
	color:#000;
}
.section_410 {
	width: 410px;
}
.recent_project {
	margin: 0;
	padding: 0;
	list-style: none;
}
.recent_project li {
	margin: 0;
	padding: 0;
	display: inline;
}
.recent_project li a {
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 10px 10px 0;
	border: 5px solid #303030;
	display: inline;
}
.news_image {
	float: left;
	margin: 3px 25px 0 0;
	border: 5px solid #303030;
}
.news_box {
	clear: both;
	margin-bottom:20px;
}
.news_box h3 {
	font-size: 14px;
	margin: 0 0 10px 0;
}

/*------------------------------------------------------------------------ Fin Contenido --------------------*/

/*--------------------------------------------------------------------------- Footer ------------------------*/

#footer {
	width: 900px;
	min-height: 74px;
	padding: 50px 40px 30px 40px;
	margin: 0 auto;
	text-align: center;
	color: #d4d2d2;
	background: url(../images/footer.png) no-repeat top;
}
#footer a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
#footer .footer_menu {
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
}
.footer_menu li {
	margin: 0px;
	padding: 0 5px;
	display: inline;
}
.footer_menu li a {
	color: #ffffff;
}
.footer_menu .last_menu {
	border: none;
}

/*------------------------------------------------------------------------- Fin Footer ------------------------*/

/**************************/
#carousel_container {
	width:729px;
	margin: 25px 0 0 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 11px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 11px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 11px rgba(50, 50, 50, 1);
}
#carousel_inner {
 /* important for inline positioning */
width:710px; /* important (this width = width of list item(including margin) * items
shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
margin:0 auto;
}#carousel_inner2 {
	width: 154px;
	overflow: hidden;
	margin: 0 36px;
	padding-left: 12px;
	border-left: 1px solid #B1B1B1;
	float: right;
}
#carousel_ul, ul.index {
position:relative; /* important (this should be negative number of list items
width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 5px 0 0 0;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul, ul.index2 {
position:relative; /* important (this should be negative number of list items
width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:165px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li, ul.index li{
float: left; /* important for inline positioning of the list items */               
                    
/* just styling bellow*/
margin-left:5px; 
margin-right:5px;
padding:10px;
}
#carousel_ul li, ul.index2 li2{
float: left; /* important for inline positioning of the list items */               
                    
/* just styling bellow*/
margin-left:0px; 
margin-right:0px;
padding:0 0 61px 0;
}
#carousel_ul img, ul.index li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor
(<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px;
width:150px;
height:130px;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#carousel_ul img, ul.index2 li2 img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor
(<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px;
width:150px;
height:130px;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#left_scroll {
position:absolute;
margin-top:24px;
margin-left:-5px;
}
#right_scroll{
position:absolute;
margin-left:753px;
margin-top:-94px;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

/* Pretty Photo */

div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {
	background:#fff;
}
div.light_square .pp_content .ppt {
	color:#000;
}
div.light_square .pp_expand {
	background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer;
}
div.light_square .pp_expand:hover {
	background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer;
}
div.light_square .pp_contract {
	background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer;
}
div.light_square .pp_contract:hover {
	background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer;
}
div.light_square .pp_close {
	width:75px;
	height:22px;
	background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer;
}
div.light_square #pp_full_res .pp_inline {
	color:#000;
}
div.light_square .pp_arrow_previous {
	background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_previous.disabled {
	background-position:0 -87px;
	cursor:default;
}
div.light_square .pp_arrow_next {
	background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor:default;
}
div.light_square .pp_next:hover {
	background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
	cursor: pointer;
}
div.light_square .pp_previous:hover {
	background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
	cursor: pointer;
}
div.pp_pic_holder a:focus {
	outline:none;
}
div.pp_overlay {
	background:#000;
	display: none;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:9500;
}
div.pp_pic_holder {
	display: none;
	position:absolute;
	width:100px;
	z-index:10000;
}
.pp_top {
	height:20px;
	position: relative;
}
* html .pp_top {
	padding:0 20px;
}
.pp_top .pp_left {
	height:20px;
	left:0;
	position:absolute;
	width:20px;
}
.pp_top .pp_middle {
	height:20px;
	left:20px;
	position:absolute;
	right:20px;
}
* html .pp_top .pp_middle {
	left:0;
	position: static;
}
.pp_top .pp_right {
	height:20px;
	left:auto;
	position:absolute;
	right:0;
	top:0;
	width:20px;
}
.pp_content {
	height:40px;
}
.pp_content .ppt {
	left:auto;
	margin-bottom:5px;
	position: relative;
	top:auto;
}
.pp_fade {
	display: none;
}
.pp_content_container {
	position: relative;
	text-align: left;
	width:100%;
}
.pp_content_container .pp_left {
	padding-left:20px;
}
.pp_content_container .pp_right {
	padding-right:20px;
}
.pp_content_container .pp_details {
	margin:10px 0 2px 0;
}
.pp_description {
	display: none;
	margin:0 0 5px 0;
}
.pp_nav {
	clear: left;
	float: left;
	margin:3px 0 0 0;
}
.pp_nav p {
	float: left;
	margin:2px 4px;
}
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next {
	display:block;
	float: left;
	height:15px;
	margin-top:3px;
	overflow: hidden;
	text-indent: -10000px;
	width:14px;
}
.pp_hoverContainer {
	position:absolute;
	top:0;
	width:100%;
	z-index:2000;
}
a.pp_next {
	background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display:block;
	float: right;
	height:100%;
	text-indent: -10000px;
	width:49%;
}
a.pp_previous {
	background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display:block;
	float: left;
	height:100%;
	text-indent: -10000px;
	width:49%;
}
a.pp_expand, a.pp_contract {
	cursor: pointer;
	display: none;
	height:20px;
	position:absolute;
	right:30px;
	text-indent: -10000px;
	top:10px;
	width:20px;
	z-index:20000;
}
a.pp_close {
	display:block;
	float: right;
	text-indent: -10000px;
}
.pp_bottom {
	height:20px;
	position: relative;
}
* html .pp_bottom {
	padding:0 20px;
}
.pp_bottom .pp_left {
	height:20px;

	left:0;
	position:absolute;
	width:20px;
}
.pp_bottom .pp_middle {
	height:20px;
	left:20px;
	position:absolute;
	right:20px;
}
* html .pp_bottom .pp_middle {
	left:0;
	position: static;
}
.pp_bottom .pp_right {
	height:20px;
	left:auto;
	position:absolute;
	right:0;
	top:0;
	width:20px;
}
.pp_loaderIcon {
	display:block;
	height:24px;
	left:50%;
	margin: -12px 0 0 -12px;
	position:absolute;
	top:50%;
	width:24px;
}
#pp_full_res {
	line-height:1 !important;
}
#pp_full_res .pp_inline {
	text-align: left;
}
#pp_full_res .pp_inline p {
	margin:0 0 15px 0;
}
div.ppt {
	color:#fff;
	display: none;
	font-size:17px;
	left:0;
	position:absolute;
	top:0;
	z-index:9999;
}

/*------------------------------------------------------------ Contacto ------------*/

form.contactform {
	width:400px;
	float:left;
	padding: 10px;
	margin-bottom:25px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
	overflow:auto;
}
form.contactform span {
	font-size:12px;
	float:left;
	width:95px;
	margin-top:8px;
	padding-left:5px;
}
form.contactform strong {
	font-size:12px;
	margin-top:10px;
	margin-left:3px;
	float:left;
}
form.contactform input {
	float: left;
	margin-top:17px;
	padding-left:8px;
	width:232px;
	height:25px;
	margin-left:3px;
	color:#999;
	font-style:italic;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
}
form.contactform .focus {
	color:#333;
}
form.contactform input.submit {
	width: 62px;
	height: 28px;
	display:block;
	margin:0 0 11px 3px;
	padding-left: 7px;
	cursor:pointer;
	float:left;
	color:#000;
	font-style:normal;
	background:url(../images/menu_bg.jpg) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
	font-family:Verdana;
	font-size:12px;
}
form.contactform textarea {
	margin-top:17px;
	width:380px;
	font-size:12px;
	max-width:380px;
	float:left;
	padding-left:8px;
	padding-top:4px;
	height:80px;
	max-height:80px;
	margin-left:3px;
	font-family:Verdana;
	margin-bottom:20px;
	color:#999;
	font-style:italic;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.75);
}
#loader {
	width: 385px;
	margin: 0 auto 0 auto;
	padding-top: 247px;
	font-style:italic;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 1px;
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.75);
	text-align:center;
	display:none;
}
.clear {
	float:left;
	clear:both;
}