* { margin: 0; padding: 0; }

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff url(/layout/bg-body.jpg) top center no-repeat;
	text-align: center;
}

body#subpage { background: #fff url(/layout/bg-body-subpage.jpg) top repeat-x; }
body#subpage #wrap{ background: url(/layout/bg-shapes-subpage.jpg) top center no-repeat; }


a { color:#336a9b; }
a:hover { color: #41a4ea ; }
p { margin-bottom: 20px; line-height: 1.5em; }
img { border-style: none; }

.clear { clear: both; } 

.container { width: 958px; margin: 0 auto; position: relative; }


/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 552px;  background: url(/layout/bg-header-shadow.jpg) bottom no-repeat; }
#header-subpage { height: 423px; background: url(/layout/bg-header-subpage-shadow.jpg) right bottom no-repeat; }

#logo { position: absolute; top: 14px; left: 20px; }
	#logo a { display: block; width: 127px; height: 66px; overflow: hidden; position: relative; }
	#logo a span { display: block; width: 208px; height: 79px; background-image: url(/layout/logo.gif); position: absolute; top: 0; left: 0; cursor: pointer; }
	
#header-panel { height: 48px; float: left; background: #9fd0f4 url(/layout/bg-header-panel.jpg) right no-repeat; position: absolute; top: 46px; right: 0px; }

	#navigation ul { height: 48px; font-size: 12px; font-weight: bold; padding-right: 199px; float: left; }
	#navigation li { display: block; float: left; }
	#navigation li a { display: block; float: left; height: 48px; padding: 0 12px; color: #fff; text-decoration: none;  }
	#navigation li a:hover, #navigation li.active a { color: #fff; background-color: #336a9b; }
	#navigation li a span { display: block; padding-top: 18px;  }

	#icons { position: absolute; top: 18px; right: 128px; }
		a#icon-home { display: block; float: left; width: 11px; height: 10px; background-image: url(/layout/icon-home.gif); }
		a#icon-contact { display: block; float: left; width: 11px; height: 8px; margin: 2px 0 0 15px; background-image: url(/layout/icon-contact.gif); }
		a#icon-home span, a#icon-contact span { display: none; }
		
	#lang { font-size: 10px; color: #092e4e; position: absolute; top: 18px; right: 30px; }
	#lang a { color: #092e4e; text-decoration: none; }
	#lang a:hover { text-decoration: underline;}
	#lang a.active { font-weight: bold; }



#header-flash { width: 750px; height: 399px; position: absolute; top: 94px; right: 198px; border-left: 7px solid #9acdea; overflow: hidden; } 
#header-box { width: 198px; height: 399px; position: absolute; top: 94px; right: 0px; background-image: url(/layout/bg-header-box.jpg); text-align: center; overflow: hidden; }
	#header-box h4 { padding: 34px 26px 5px; font-size: 18px; font-weight: bold; text-align: left; }
	#header-box p { padding: 0px 26px 5px; text-align: left; }
	#header-box img {}
	#header-box a#more-info { position: absolute; bottom: 15px; right: 26px; color: #fff; text-decoration: none; }
	#header-box a#more-info span { text-decoration: underline; }
	#header-box a#more-info img { margin: 0 0 0 8px; border-style: none; vertical-align: middle; }

#top-img { width: 948px; height: 249px; background: url(/layout/bg-header-box.jpg) right top no-repeat; position: absolute; top: 94px; right: 0px; border-left: 7px solid #9acdea; overflow: hidden; text-align: left; } 


/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { width: 958px; padding: 0px 0 40px; text-align: left;  }

#content h1 { color: #336a9b; font-size: 24px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; }
#content h2 { color: #336a9b; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 14px;  }
#content h3 { color: #336a9b; font-size: 14px; font-weight: bold; }
#content p { line-height: 1.5em; text-align: justify; margin-bottom: 20px; }
#content img { border: 6px solid #cfdeeb; margin: 0 20px 20px 0; }
	#content img.img-left { float: left; margin: 0 20px 20px 0; }
	#content img.img-right { float: left; margin: 0 0 20px 20px; }

	.f-left { float: left; }
	.f-right { float: right; }
	
	#content ul li { background: url(/layout/arrow-li.gif) 2px 2px no-repeat; list-style: none; padding-left: 20px; margin-bottom: 12px;}
	#content ul.list li { background: url(/layout/arrow-grey-li.gif) 2px 2px no-repeat; }
	#content ul.list-blue li { background: url(/layout/arrow-blue-li.gif) 2px 2px no-repeat; }

#content .border-box { border: 1px solid #c9cacb; background: #f8fbfd url(/layout/bg-border-box.jpg) right bottom no-repeat; padding: 20px 30px; margin-bottom: 20px; }

#content form { margin-bottom: 20px; }
#content fieldset { border-style: none; }
#content label { display: block; float: left; width: 125px; padding-top: 6px; font-weight: bold; color: #575757; }
#content input { float: left; width: 165px; padding: 5px; margin: 0 250px 12px 0; border: 1px solid #8d8d8d; background-color: #fff; font-size: 11px; color: #336a9b;  }
#content textarea { float: left; width: 165px; height: 100px; padding: 5px; margin: 0 6px 12px 0; border: 1px solid #8d8d8d; background-color: #fff; font-size: 11px; color: #336a9b; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#content input.button, #content input.t1a { width: 90px; height: 30px; padding: 0; margin: 0 10px 0 0; border-style: none; background: #467eae url(/layout/bg-button.gif); text-align: center; color: #fff; font-weight: bold; cursor: pointer;  }

form tr
{
  padding:5px 0;
}

.form_td
{
  width: 125px; padding-top: 6px; font-weight: bold; color: #575757;
}

.form_td2
{
  padding-top: 6px;
}

/* ---------------------------------------------------------- */
/* ----------------------- home-boxes ----------------------- */
/* ---------------------------------------------------------- */
#home-boxes-top { width: 948px; background: url(/layout/home-boxes-top.jpg) right top no-repeat; }
#home-boxes-bottom { width: 948px; background: url(/layout/home-boxes-bottom.jpg) right bottom no-repeat; min-height: 250px; }
#home-boxes { width: 948px; float: right; background: url(/layout/home-boxes.jpg) right repeat-y; }
	.column { width: 320px; float: left; }
	.column-last { width: 300px; }

	#home-boxes h2 { width: 300px; height: 50px; font-size: 15px; font-weight: bold; color: #282662; text-transform: uppercase; margin-bottom: 0; }
	#home-boxes h2 span { display: block; padding: 16px 0 0 58px; }
	#home-boxes h2.solutions { background: url(/layout/icon-solutions.jpg) 4px 8px no-repeat; }
	#home-boxes h2.services { background: url(/layout/icon-services.jpg) 12px 8px no-repeat; }
	#home-boxes h2.news { background: url(/layout/icon-news.jpg) 13px 8px no-repeat; }
	#home-boxes h3 {padding:10px 10px 0 35px;}
	
	#home-boxes p, #home-boxes ul { padding: 10px 35px 10px; margin: 0; text-align: left; }
	#home-boxes a.all-article { font-size:11px; float: right; padding: 0px 0px 0px 20px; margin-right: 5px; line-height: 15px; background: url(/layout/icon-all.gif) no-repeat; }

#sidebar {float:left; width:310px;margin:0 10px 0 0;}

/* left */
#left { float: left; width: 570px; min-height:350px; margin-left:20px; }
* html #left { height:350px; }


/* ---------------------------------------------------------- */
/* ----------------------- box news ------------------------- */
/* ---------------------------------------------------------- */
#box-news-top, #submenu-box-news-top { width: 308px; background: url(/layout/bg-box-news-top.jpg) right top no-repeat; }
#box-news-bottom, #submenu-box-news-bottom{ width: 308px; background: url(/layout/bg-box-news-bottom.jpg) right bottom no-repeat; min-height: 250px; }
#box-news, #submenu { width: 308px; float: right; background: url(/layout/bg-box-news.jpg) right repeat-y; }
#submenu  { margin-bottom:15px;}

	#box-news h2, #submenu h2 { width: 300px; height: 50px; font-size: 15px; font-weight: bold; color: #282662; text-transform: uppercase; margin-bottom: 0; }

	
  #box-news h2 span, #submenu h2 span { display: block; padding: 16px 0 0 58px; }
  #submenu h2 span { display: block; padding: 12px 0 0 58px; }
	#box-news h2.news{ background: url(/layout/icon-news-sp.jpg) 13px 8px no-repeat; }
	#submenu h2.news { background: url(/layout/icon-submenu.jpg) left top no-repeat; }
	#submenu ul {padding:20px 35px 10px; font-size:12px; font-weight:bold}
	#submenu ul.lvl2 {padding:0; margin:10px 0 15px 0}
	

	#box-news .item { border-bottom: 1px solid #c9cacb; margin: 0px 24px; padding-bottom: 20px; }
	#box-news .last { border-bottom-style: none; }

	#box-news h3 { padding: 20px 0px 5px; margin: 0; }
	#box-news p, #box-news ul { padding: 0px 0px 15px; margin: 0; text-align: left; }
	#box-news a.all-article { float: right; padding: 0px 0px 0px 20px; background: url(/layout/icon-all.gif) no-repeat; line-height:15px; font-size:11px; }

/* ---------------------------------------------------------- */
/* ----------------------- partners ------------------------- */
/* ---------------------------------------------------------- */

#partners { width: 100%; height: 103px; background: #4c85b8 url(/layout/bg-partners.jpg) top repeat-x; overflow: hidden; }
	#partners h4 { display: block; float: left; font-size: 11px; color: #41a4ea; margin: 45px 40px 0 0; }
	#partners img { display: block; float: left; padding: 28px 60px 0 0; }
	#partners p { margin:0;padding:0;}

/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 100%; height: 103px; background: #4c85b8 url(/layout/bg-footer.jpg) bottom repeat-x; text-align: left; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
	a#webdesign-logo { display: block; position: absolute; top: 44px; left: 36px;}
	p#webdesign { position: relative; top: 36px; left: 64px; }
	
	ul#footer-navigation { position: absolute; top: 48px; right: 26px; color: #4c4c4c; }
	ul#footer-navigation li { display: block; float: left; padding-right: 9px; margin-left: 10px; border-right: 1px solid #4c4c4c; list-style: none;   }
	ul#footer-navigation li.last { border-right-style: none; padding-right: 0; }

	ul#footer-navigation a { color: #4c4c4c; }