/* CSS Document */

body {
	font:12px Arial, Helvetica, sans-serif;
	color:#535353;
	background:#FFFFFF url(../images/bg.jpg) left top repeat-x;
	margin:0px;
	padding:0px;
}

#container {
	width:950px;
	margin:0px auto;
	text-align:justify;
}

.header {
	height:32px;
	background:#1B1B1B;
	text-align:right;
}

.line {
	height:3px;
	background:#DCDCDC;
	position:relative;
	top:196px;
}

.gotadeagua {
	height:194px;
	background:url(../images/agua2.jpg) left top no-repeat;
}

.box {
background-color: #FFFFFF;
width: 79.1em;
float: right;
}

.zonatrabajo {
	padding:6px 25px 0px 30px;
}

.zonatrabajo-left {
	width:594px;
	float:left;
	padding:0px 0px 0px 15px;
	margin-right:35px;
}

.zonatrabajo-right {
	width:247px;
	float:left;
}

.logoarea{
	padding:55px 0px 0px 45px;
    float:left;
}

.latestprojectzone {
	padding:20px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

.projectgallery {
	padding-bottom:20px;
	color: #000000;
}

.projectimg {
	float:left;
	background:#ffffff;
	border:1px solid #CCCCCC;
	padding:3px;
	margin-right:10px;
}

.projecttxt {
	width:100px;
	float:left;
	margin-right:18px;
	text-align:center;
	font-weight:bold;
	padding:6px 0px 0px 0px;
}

.newszone {
	padding:10px 11px 0px 11px;
}

.morenews {
	padding:0px 0px 10px 0px;
	text-align:right;
	color:#CC5200;
}

.footer {
    float: center;
    display: block;
    width: 128em;
	height: 10px;
    border-top: 1px solid #D5D5D5;
    margin: 3px 0px;
    font-size: 11px;
	color:#FFFFFF;
	background-color:#000000;
	padding:10px;
	text-align:right;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
.display {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/* Text Styles */

h1 {
	font:22px Lucida Calligraphy, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:20px;
	margin:0px 0px 20px 0px;
	position:relative;
	top:30px;
}
h2 {
	font:77px Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 5px;
	position:absolute;
	top:80px;
	font-style: bold
}
h3 {
	font:bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted;
	margin:0px 0px 10px 0px;
}

h4 {
	font:bold 16px Georgia, Arial, Helvetica, sans-serif;
	color:#BF5A14;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}
h5 {
	font:22px Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 5px;
	position:absolute;
    top:170px;
}
h6 {
	font:22px Georgia, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.newssubheading {
	background:url(../images/headingblackbg.gif) left top no-repeat;
	color:#E5DDB6;
	padding:3px 0px 6px 31px;
}

.newscontent {
	padding:5px 0px 20px 31px;
}

/* Menu Styles */

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.morenews a{
	font:11px Georgia, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.topmenu {
	padding:7px 0px 0px 0px;
}

.topmenu ul {
	margin:0px;
	padding:0px
}

.topmenu li {
	display:inline;
	border-right:1px solid #ffffff;
	padding:0px 10px 0px 10px;
}

.topmenu li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.topmenu li a:hover {
	color:#cccccc;
}

.newscontent a{
	color:#535353;
	text-decoration:none;
}

.newscontent a:hover{
	color:#191919;
	text-decoration:none;
}

.morenews a{
	color:#800000;
	text-decoration:none;
}

.morenews a:hover {
    color:#800000;
	text-decoration:underline;
}

/* Inside Style */

.insidegotadeagua {
	height:384px;
	background:url(../images/gotadeagua.jpg) left top no-repeat;
}

.ourvalue {
	margin:10px 0px 0px 0px;
}

.aboutus-img {
	float:right;
	border:none;
	margin:0px 0px 10px 20px;
}

.aboutcolumnzone {
	padding:20px 0px 16px 0px;
}

.aboutcolumn1 {
	width:48%;
	float:left;
	margin:0px 0px 10px 0px;
}

.aboutcolumn2 {
	width:48%;
	float:right;
	margin:0px 0px 10px 0px;
}

.abouticon {
	float:left;
	margin:0px 20px 0px 0px;
}

.clientstable, .clientstable1, .clientstable2 {
    padding:0px;
	border-collapse:collapse;
	border-style:none;
    position:relative;
    left:20px; 	
}

.projectsanimacion {
    padding:0px;
	border-collapse:collapse;
	border-style:none;
    position:relative;
    left:2px; 	
}
.projectstable {
    padding:0px;
	border-collapse:collapse;
	border-style:1px solid #A9A9A9;
    position:relative;
    left:30px; 	
}

.our-comment {
	margin:10px 0px 0px 0px;
}

.blog-posted-row {
	padding:3px;
}

.ourprojectrow {
	margin-bottom:20px; 
	border-bottom:1px dotted #000000; 
	padding-bottom:10px;
}

.project-img {
	float:right;
	margin-left:20px;
	border: 6px solid #b0a48b;
}

input.button {
	color:#ffffff;
	background:#0996b7;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px 10px;
	margin:0px 5px 5px 0;
	border:1px solid #000000;
}
input.button:hover {
	cursor:pointer;
	color:#cccccc;
}

.readmore {
	padding:10px 0px 10px 0px;
}
.hidden {visibility:hidden;}

/* End	*/