/* CSS Document */

html,body{
	margin:0; padding:0; line-height:18px;
	background:#2c1c43;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#fff;

}
*{ margin:0px auto; }
a{ color:#62c5fe; text-decoration:underline; }
a:hover{ color:#62c5fe; text-decoration:none; }
img{ border:0pt; }
table{ margin:0px; }
td{ vertical-align:top; }
ul{ margin:0px; padding:0px; }
ul li{ margin:0px; padding:0px; }

.main-intro{ position:relative; background: url(userfiles/image/graphics/bg-intro.jpg) repeat-x; width:auto; min-width:1024px; }
.main{ position:relative; background: url(userfiles/image/graphics/bg.jpg) repeat-x; width:auto; min-width:1024px; }

/* ============== CONTAINER ================= */
.container-header{ position:relative; background:url(userfiles/image/graphics/main.jpg) no-repeat; width:915px; min-height:539px; padding:0 54px 0 55px; }
.container-content{ width:1024px; overflow:hidden; }
.container-partner{ background:#f7f7f7 url(userfiles/image/graphics/partner.jpg) no-repeat center top; width:auto; min-width:1024px; height:120px; }

.col-left{ background:url(userfiles/image/graphics/col-left.jpg) no-repeat; width:240px; min-height:436px; float:left; padding:90px 0 10px 0; }
.col-right{ background:url(userfiles/image/graphics/col-right.jpg) no-repeat; width:704px; min-height:476px; float:right; padding:30px 40px; }
/* ============== HEADER ================= */
.top-intro{ position:relative; background:url(userfiles/image/graphics/top.jpg) no-repeat; width:915px; height:160px; z-index:100; }
.top{ position:relative; background:url(userfiles/image/graphics/top.jpg) no-repeat; width:915px; height:60px; z-index:100; }

#logo a{ position:absolute; top:14px; left:10px; background:url(userfiles/image/graphics/logo-cateno.png) no-repeat; width:179px; height:39px; overflow:hidden; display:block; text-indent:-1000px; }

#logo-intro a{ position:absolute; bottom:14px; left:10px; background:url(userfiles/image/graphics/logo-cateno.png) no-repeat; width:179px; height:39px; overflow:hidden; display:block; text-indent:-1000px; }

.slogan{ position:absolute; bottom:0px; right:15px; color:#303030; font-size:19px; line-height:20px; padding:5px 0; }

.header{ background:url(userfiles/image/graphics/header.jpg) no-repeat; width:560px; height:413px; padding:40px 315px 40px 40px; font-size:18px; line-height:22px; }

.banner{ position:relative; background:url(userfiles/image/graphics/banner.png) no-repeat; width:430px; height:194px; padding:108px 445px 40px 40px; color:#dcdcdc; font-size:14px; line-height:18px; }
.banner h1{
	position:absolute;
	top:29px;
	left:40px;
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	color:#fff;
}
.portfolio{ width:915px; height:69px; padding:6px 0 24px 0; }
.portfolio ul{ list-style:none; padding:0 5px; }
.portfolio ul li{ display:inline-block; float:left; width:89px; padding:0 12px 0 12px; }

/* ============== CONTENT BOX ================= */

.content{ padding:0 0; overflow:hidden; }
.content h1{ font-weight:normal; font-size:12px; color:#c78031; font-style:italic; }

.content ul li{ margin:0 0 0 10px; }



/* ============== FOOTER ================= */
.footer{ width:915px; height:20px; line-height:20px; padding:5px 0; font-size:11px; }
.footer a{ color:#fff; }

.copyright{ float:left; line-height:20px; width:350px; }
.developed{ float:right; }

.txt-title{ color:#ff5500; }
.txt-title2{ color:#fba340; }


.clear{ clear:both; height:0px; line-height:0px; font-size:0px; }


.menu ul{ width:240px; list-style:none; }
.menu ul li{ display:block; width:240px; height:42px; }
.menu ul li a.btn-1{ background:url(userfiles/image/graphics/btn-1.jpg) no-repeat left top; width:136px; height:24px; line-height:24px; display:block; padding:9px 14px 9px 90px; color:#fff; font-size:14px; text-decoration:none; }
.menu ul li a.btn-1:hover{ background:url(userfiles/image/graphics/btn-1.jpg) no-repeat left -42px; }

.menu ul li a.btn-2{ background:url(userfiles/image/graphics/btn-2.jpg) no-repeat left top; width:136px; height:24px; line-height:24px; display:block; padding:9px 14px 9px 90px; color:#fff; font-size:14px; text-decoration:none; }
.menu ul li a.btn-2:hover{ background:url(userfiles/image/graphics/btn-2.jpg) no-repeat left -42px; }

.listItem{ padding:10px 0; list-style:none; }
.listItem li{ padding:2px 0; }

.neste{ background:url(userfiles/image/graphics/btn-next.jpg) no-repeat; width:122px; height:69px; display:block; overflow:hidden; text-indent:-1000px; float:right; }

.contactForm ul{ list-style:none; }
.contactForm ul li{ display:block; overflow:hidden; clear:both; padding:1px 0; }
.contactForm ul li span{ float:left; }
.contactForm ul li span.formTitle{ width:100px; font-size:12px; line-height:20px; }
.contactForm ul li span input[type=text]{ width:250px; height:20px; font-size:12px; background:#FFF; border:1pt solid #b6b6b6; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
.contactForm ul li span textarea{ width:250px; height:55px; background:#FFF; border:1pt solid #b6b6b6; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; }

.contactForm ul li span input[type=button]{ border:1pt solid #b6b6b6; background:#2c1c43; color:#b6b6b6; text-transform:uppercase; }
.contactForm ul li span input[type=reset]{ border:1pt solid #b6b6b6; background:#2c1c43; color:#b6b6b6; text-transform:uppercase; }