@charset "utf-8";
/* CSS Document */

body {
	background-color:#e7edf0;
	margin:0px;
}

.footer_bk {
	background-image:url(../img/footer_bk.jpg);
	background-repeat:repeat-x;
	height:83px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4;
	font-size: 11px;
}	

.bk1 {
	background-image:url(../img/bk1.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:385px;
}
.bk2 {
	background-image:url(../img/bk2.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-position:top;
}

.middle_bk {
	background-image:url(../img/middle_bk.jpg);
	background-color:#dee9e5;
	background-repeat:repeat-x;
	background-position:top;
}
.middle_bk2 {
	background-image:url(../img/middle_bk2.jpg);
	background-color:#dee9e5;
	background-repeat: no-repeat;
	background-position:top;
	width:928px;
}	

.title1 {
	background-image:url(../img/title1.jpg);
	background-repeat:no-repeat;
	width:928px;
	height:254px;
}

.title2 {
	background-image:url(../img/title2.jpg);
	background-repeat:no-repeat;
	width:928px;
	height:200px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px;
	padding-bottom:10px;
	color:#314518;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px;
	padding-bottom:10px;
	color:#1b818f;
}	
	

.txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#556f41;
	line-height:18px;
	font-size: 11px;
}

.txt2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#46a9b7;
	line-height:18px;
	font-size: 13px;
}
.prelative {
	position:relative;
	z-index:1;
}
.prelative .dropdown {
	position:absolute;
	top:26px;
	right:0px;
}
.prelative .dropdown select {width:200px;}
.txt3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2b4734;
	font-size:11px;
}				

.pic_detail {
	background-image:url(../img/img_detail.png);
	background-repeat:no-repeat;
	width:189px;
	height: 26px;
}

.pag_on {
	background-image:url(../img/pag_on.jpg);
	background-repeat:no-repeat;
	width:23px;
	height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
}

.pag_off {
	background-image:url(../img/pag_off.jpg);
	background-repeat:no-repeat;
	width:23px;
	height:23px;
}

.pag_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

.pag_link:hover {
	text-decoration: underline;
}

.list_title {
	background-color:#1b8f42;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}
.img img {
	width:189px;
	height:150px;
	margin:0 auto;
}
.form_a {
	background-image:url(../img/form_bk.jpg);
	background-repeat:repeat-x;
	height:23px;
	width: 376px;
	padding-top:5px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #25432f;
}

.form_b {
	background-image:url(../img/form_bk2.jpg);
	background-repeat:repeat-y;
	width: 376px;
	padding-left:10px;
	padding-right:10px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #25432f;
}					
a.contact, a.common, a.gallery, a.funcionality, a.intro, a.home {
	background:url(../img/contact.jpg) no-repeat top left;
	width:81px;
	height:35px;
	display:block;
	text-align:center;
	line-height:33px;
	color:#A2E2EC;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.common {
	background:url(../img/questions.jpg) no-repeat top left;
	width:139px;
}
a.gallery {
	background:url(../img/gallery.jpg) no-repeat top left;
}
a.funcionality {
	background:url(../img/functionality.jpg) no-repeat top left;
	width:97px;
}
a.intro {
	background:url(../img/intro.jpg) no-repeat top left;
	width:98px;
}
a.home {
	background:url(../img/home.jpg) no-repeat top left;
	width:64px;
}
a.client {
	background:url(../img/client.jpg) no-repeat top left;
	width:131px;
	height:44px;
	display:block;
	text-align:left;
	color:#0B5D75;
	text-decoration:none;
	padding:28px 0 0 63px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.contact:hover, a.common:hover, a.gallery:hover, a.funcionality:hover, a.intro:hover, a.home:hover, a.client:hover {color:#FFFFFF;}
#top_back {
	background:url(../img/top_back.jpg) no-repeat top left;
	height:59px;
}
#top_back ul {
	margin:0px;
	padding:0px;
	text-align:center;
	background:url(../img/menu_center.png) repeat-x top left;
}
#top_back li a.first, #top_back li a.last {
	background:url(../img/menu_left.png) no-repeat top left;
	width:15px;
	height:35px;
	list-style-type:none;
	padding:0px;
	float:left;
}
#top_back li a.last {
	background:url(../img/menu_right.png) no-repeat top right;
	float:right;
}
#top_back li {
	list-style-type:none;
	display:inline;
	height:35px;
	line-height:33px;
	margin:0px -2px;
	padding:0px;
}
*html #top_back li {
	background:none;
	list-style-type:none;
	display:inline;
	height:35px;
	line-height:33px;
	margin:0px -2px;
	padding:0px;
}
#top_back li a {
	color:#A1E3EC;
	text-decoration:none;
	float:left;
	padding:0 10px;
	display:block;
	height:35px;
	line-height:33px;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#top_back li a:hover {
	color:#FFFFFF;
}
#top_back li a.lang {
	float:right;
	padding-left:10px;
	text-align:center;
	padding:0px;
}
*html #top_back li a.lang {
	padding-left:10px;
	text-align:center;
	width:62px;
	height:32px;
	padding:0px;
}
#top_back li a.lang span {
	display:block;
	width:62px;
	height:32px;
	float:left;
	_float:right;
}
#top_back li a.lang:hover span {
	background:url(../img/lang.png) no-repeat top left;
}
img.head6 {_height:66px;}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
/* -----------------------------------------------------------------------------------------*/