@charset "utf-8";
/* CSS Document */
html {
	background-image:url(../img/bg-footer-repeat.gif);
	background-repeat:repeat-y;
	background-position:center;
}
body {
	background-color:#FFFFFF;
	padding:0;
	color:#000;
}
a:link {
	color:#000;
	text-decoration:underline;
}
a:visited {
	color:#000;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	color:#1bb8ee;
}
a:active {
}

/*----------------------------------------

header-wrap

-----------------------------------------*/
#header-wrap {
	margin:0 auto;
	width:100%;
	line-height: 1.6;
}

/*---header
-----------------------------------------*/
#header {
	width:948px;
	height:82px;
	margin:0 auto;
	position:relative;
}
#header #logo-area {
	float:left;
	width:500px;
	padding:20px 10px 0;
}
#header #logo-area .logo {
	float:left;
	padding-right:20px;
}
#header #logo-area h1 {
	font-size:100%;
	padding-top:5px;
}
#header #utilityNav {
	position:absolute;
	right:10px;
	top:22px;
/*	float:right;
*/	padding:0 0 0 0;
}
#header #utilityNav li {
	float:left;
	margin-left:11px;
}
#header #siteNav {
	position:absolute;
	right:10px;
	top:42px;
	clear:both;
}
#header #siteNav li {
	float:left;
	margin-left:20px;
}
/*#header #siteNav li a {
	display:block;
}
#header #siteNav li.home a {
	background:url(../img/uNav-home_off.gif) no-repeat left top;
	width:98px;
	height:30px;
	overflow:hidden;
	text-indent:-999px;
}
*/
#header #siteNav li.home {
	background:url(../img/uNav-home_off.gif) no-repeat left top;
	width:98px;
	height:30px;
	overflow:hidden;
	text-indent:-999px;
}
#header #siteNav li.movile {
	background:url(../img/uNav-movile.gif) no-repeat left top;
	width:104px;
	height:30px;
	overflow:hidden;
	text-indent:-999px;
}
#header #siteNav li.ecsite {
	background:url(../img/uNav-ec.gif) no-repeat left top;
	width:84px;
	height:30px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
}


/*----------------------------------------

#content-wrap

-----------------------------------------*/
#content-wrap {
	margin:0 auto;
	width:100%;
	line-height: 1.6;
}
#content {
	width:950px;
	width:948px;
	margin:0 auto;
	background:url(../img/bg-content.gif) repeat-y 0 top;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	position:relative;
}
#main {
	float:left;
	width:677px;
/*	border-right:1px solid #e3e3e3;
*/	padding-bottom:50px;
}
p.intro {
	padding-bottom:30px;
}

/*----------------------------------------

#sub 

-----------------------------------------*/
#sub {
	float:right;
	width:270px;
	line-height: 1.6;
	padding:0 0 50px 0;
}
#bnr-area {
	width:256px;
	padding-top:20px;
	padding-left:14px;
	background:url(../img/bg-top-repeat.gif) repeat-x left bottom;
	padding-bottom:20px;
}

#bnr-area p.sub-bnr {
	padding-bottom:8px;
}
#bnr-area .appli-box {
	padding-left:5px;
	padding-bottom:10px;
}
#bnr-area .appli-box ul li {
	float:left;
	padding-right:10px;
	padding-left:20px;
}
#bnr-area .appli-box p {
	clear:both;
}

#bnr-area-bottom {
	width:256px;
	padding-top:15px;
	padding-left:14px;
	padding-bottom:10px;
}
#bnr-area-bottom p.sub-bnr {
	padding-bottom:8px;
}

/*	voice
-----------------------------------------*/
#voice {
	background:url(../img/bg-top-repeat.gif) repeat-x left bottom;
	padding-bottom:30px;
}
#voice h2 {
}
.voice-list {
	padding-left:15px;
	width:240px;
}
.voice-list ul {
}
.voice-list ul li {
	clear:both;
	padding-bottom:10px;
	padding-top:10px;
}
.voice-list ul li img.voice-img {
	float:left;
	width:60px;
	padding-right:15px;
}
.voice-list ul li h3 {
	width:150px;
	float:left;
	background:url(../../voice/img/icon-cliant.gif) no-repeat left 10px;
	padding-top:20px;
}
.voice-list ul li h3 a {
	font-weight:bold;
}
.voice-list ul li p {
	clear:both;
	padding-top:6px;
}


/*----------------------------------------

#footer-wrap

-----------------------------------------*/
#footer-wrap {
	margin:0 auto;
	width:100%;
	background-image:url(../img/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:center top;
	clear:both;
	padding-top:5px;
}
#footer {
	margin:0 auto;
	width:920px;
	padding:15px 14px 14px;
}
#fNav {
	float:right;
	padding-bottom:10px;
}
#fNav ul li {
	float:left;
	border-left:1px solid #000;
	padding:0 5px;
	line-height:1.1;
}
#fNav ul li.last {
	border-right:1px solid #000;
}
#fNav ul li a {
	font-size:84%;
	text-decoration:underline;
}
#footer p.copy {
	clear:both;
	float:right;
	overflow:hidden;
	text-indent:-999px;
}
#footer p.copy a {
	background:url(../img/img-copy.gif) no-repeat left top;
	height:10px;
	width:227px;
	display:block;
}

/*----------------------------------------

topicarea 

-----------------------------------------*/
.topicarea {
	padding:20px 30px 0;
	line-height:1.1;
	font-size:84%;
}

.topicarea a {
	text-decoration:underline;
	font-size:100% !important;
}

/*----------------------------------------

p.link

-----------------------------------------*/
.link {
	text-align:right;
}

.link span {
	margin:0 3px;
}
.link a {
	background:url(../img/icon-link01.gif) no-repeat left center;
	padding-left:22px;
	text-decoration:underline;
}

/*----------------------------------------

pagetop

-----------------------------------------*/
.pagetop {
	text-align:right;
}

.pagetop a {
	background:url(../img/icon-link03.gif) no-repeat left center;
	padding-left:15px;
	text-decoration:underline;
}



/*----------------------------------------

PagetTop

-----------------------------------------*/
.PagetTop {
	position:absolute;
	right:300px;
	bottom:-2px;
}


/*----------------------------------------

icon

-----------------------------------------*/
.tel {
	background:url(../img/icon-tel.gif) no-repeat left center;
}

.fax {
	background:url(../img/icon-fax.gif) no-repeat left center;
}


/*----------------------------------------

contact-box

-----------------------------------------*/
.contact-box {
	background:transparent url(../../common/img/bg-top-repeat.gif) repeat-x scroll left top;
	padding:40px 30px 30px;
	width:617px;
}
.estimate {
	float:left;
}
.tel-box {
	float:right;
	width:301px;
	height:84px;
	border:1px solid #e3e3e3;
}
.tel-box dl {
	padding:10px 0 0 40px;
}
.tel-box dl dt {
	padding-bottom:5px;
}
.tel-box dl dd {
	padding-left:15px;
}
.tel-box ul li {
	float:left;
	padding-left:20px;
	padding-right:10px;
}
.tel-box p {
	clear:both;
}