* {margin: 0px; padding: 0px;} 

html, body{ height: 100%; }	

body {
	width: 100%; 
	background: url(../images/template/background.png) #223137 repeat-x center top;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #a5bdc6; margin: 0px; padding: 0px; 
}

a:link, a:active, a:visited { color: #a5bdc6; text-decoration: none; }
a:hover { color: #FFFFFF; }

#wrapper { 
	position: relative; 
	margin: 0px auto; 
	width: 1000px;
	height: auto !important;
	height: 100%;
	min-height: 100%; 
}

#content { position: relative; width: 1000px; padding-bottom: 82px; }

#content #header { width: 1000px; height: 453px;  }
#content #header #top { width: 1000px; height: 83px; background: url(../images/template/top.png); float: left;}
#content #header #top h1 a { display: block; text-indent: -999em; width: 375px; height: 80px; }

#content #header #menu { width: 710px; height: 33px;  float: left; padding-left: 321px; }
#content #header #menu .wrap_menu { height: 21px; float: left; margin-top: 9px; margin-right: 50px; text-align: center; }
#content #header #menu .link { font: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; }
#content #header #menu .link:hover { color: #beee48; }
#content #header #banner { width: 1000px; height: 337px; background: url(../images/template/banner.png); float: left; }

#content #main { width: 980px; padding: 5px; }
#content #main #slider { width: 500px; float: left; margin-left: 25px; margin-top: 10px; }
#content #main #text { width: 430px; height: 285px; overflow: hidden; margin-left: 20px; float: left; color: #a5bdc6; font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; text-align: justify;  }

#content #main .portfolio { width: 920px; float: left; margin-bottom: 30px; }
#content #main .images { width: 470px; float: left; margin-right: 10px; margin-top: 6px; }
#content #main .description { width: 435px; float: left; color: #a5bdc6; font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; text-align: justify; }

#content #main #services { width: 600px; float: left; margin: 10px 0px 20px 25px; font: verdana; font-size: 14px; color: #FFFFFF; line-height: 16px; }
#content #main #services .cuadro1 { width: 550px; float: left; background: #182328; border: 1px solid #435860; border-right: none; border-left: none; text-align: justify; padding-top: 8px; padding-right: 15px; float: left; clear: both; }
#content #main #services .cuadro2 { width: 550px; float: left; background: #223137; text-align: justify; padding-top: 8px; padding-right: 15px; float: left; clear: both; }
#content #main #services .iconTick { width: 20px; height: 20px; margin: 1px 10px 8px 16px; float: left; }
#content #main #servicesText { width: 330px; overflow: hidden; margin-left: 10px; margin-top: 10px; float: left; color: #a5bdc6; font: Verdana; font-size: 14px; line-height: 24px; text-align: justify;  }

#content #main .resalte { color: #beee48; font-weight: bold; }
#content #main .big { font-size: 16px; }

#content #contact { display: none; margin: 10px 60px 20px 40px; }
#content .cont_descrip { width: 280px; float: left; }
#content .cont_form { width: 500px; float: right; margin-top: 10px;}

form input, form select { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #222222; }
form textarea { font-size: 10px; font-family: verdana; }
form .txtInput { width: 220px; border: none; background: #FFFFFF; float: left; margin-bottom: 10px; padding: 3px; margin-right: 8px; }
form .selInput { width: 226px; border: none; background: #FFFFFF; float: left; margin-bottom: 10px; padding: 3px; margin-right: 8px; }
form .txtArea { width: 451px; height: 140px; border: 1px solid #999999; background: #FFFFFF; float: left; clear: both; margin-bottom: 10px; padding: 3px; }
form .button { width: 182px; height: 37px; background: url(../images/template/send_enquiry.png) no-repeat; padding-bottom: 5px; border: none; color: #FFFFFF; font-weight: bold; }
form .button:hover { color: #beee48; cursor: pointer; }


#content .titulo { color: #FFFFFF; font-weight: bold; font-size: 18px; font: Tahoma; padding-top: 30px; }
#content .icon { width: 70px; float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 15px; }
#content ul { margin-top: 20px; margin-bottom: 30px; } 
#content li { list-style: none; padding-left: 25px; margin-bottom: 5px; color: #a5bdc6; font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; text-align: justify; }


#footer { background: url(../images/template/footer.png) repeat-x; width: 100%; height: 82px; text-align: center; bottom: 0px; position: relative; margin-top: -82px; line-height: 16px; } 
#footer #wrap { width: 600px; height: 80px; margin: 0px auto; }
#footer #wrap #menu { width: 400px; height: 30px; margin: 0px auto; padding-top: 15px; font-size: 11px; color: #899ca3; }
#footer #wrap #copyright { width: 400px; height: 35px; margin: 0px auto; color: #899ca3; }
#footer #wrap #copyright #link { color: #beee48; font-weight: bold; }

/* CLEARFIX PARA ALTO 100% COLUMNAS */

.clearfix:after{ content: " "; display: block; height: 0px;	clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }