/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 1;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#6caddf;
	outline:0;
}
p{ font-size:11px;}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	color:#fff;
}
h1{font-size:20px}
h2{font-size:15px}
h3{font-size:14px; color:#ef4639}
h4{font-size:13px; margin:0;}
h5{font-size:12px}
h6{font-size:11px}

body{
	background-color: #FFF;
	font-family: Verdana, Myriad Pro ;
	font-size:12px;
	line-height:16px;
	color:#fff;
}

/*CONSTRUCT*/
#container	{ width:1020px; margin:10px auto; padding: 10px 0; position:relative;}
#back_1_1	{ width:332px; height:161px; float:left; background:url(../img/back_1_1.png) no-repeat;}
#back_1_2	{ width:659px; height:361px; float:left; background:url(../img/back_1_2.png) no-repeat; position:relative;}
#back_2_1	{ width:332px; height:359px; float:left; background:url(../img/back_2_1.png) no-repeat;}
#back_2_2	{ width:170px; height:359px; float:left; background:url(../img/back_2_2.png) no-repeat;}
#back_2_3	{ width:489px; height:155px; float:left; background:url(../img/back_2_3.png) no-repeat;}
#back_2_4	{ width:136px; height:204px; float:left; background:url(../img/back_2_4.png) no-repeat;}
#back_2_5	{ width:355px; height:204px; float:left; background:url(../img/back_2_5.png) no-repeat;}
#back_3_1	{ width:100%; font-size:11px; color:#002d51;}

#logo		{ position:absolute; top:10px; left:0; z-index:99999;}
#clear		{ clear:left;}

/*FORMAT*/
#back_1_1	{ padding-top:200px;}
#menu_1,
#menu_2,
#menu_3,
#menu_4		{ padding:6px 0; background:url(../img/m_i_sep.png) no-repeat left bottom;}
#menu_1		{ margin-left:216px;}
#menu_2		{ margin-left:181px;}
#menu_3		{ margin-left:143px;}
#menu_4		{ margin-left:106px; background:none;}

#right_1	{ margin: 10px 0 0 236px;}
#right_3	{ margin: 10px 50px 0 206px;}
#right_2	{ position:absolute; bottom:0; right:-12px; height:91px;}
#menu		{ 
		margin-top:20px;
		margin-left: 165px;
		width:483; height:35px;
		background:url(../img/back_menu.png) no-repeat;
		color:#000; font-size:11px; font-weight:bold;
		line-height:35px; padding:0 15px;
}
#menu li    { float:left;  position:relative; list-style: none; display: inline;}
#menu li a  { display:block; white-space: nowrap; padding: 0 25px; color:#000;}

#right_text_1	{ margin: 10px 30px 0 140px; width:489px;}
#right_text_1 p	{ text-align:justify;}
#right_text_2	{ margin: 20px 30px 0 10px;}
#right_text_2 p	{ text-align:justify;}

#left_1		{ width:170px; height:279px; padding-top:85px;}

#publi		{ margin-top: 40px;}

#links		{ margin-left:100px; margin-right:10px; margin-top:135px;}
#links li	{ margin:0 5px; padding-left:7px; background:url(../img/li_arrow.png) no-repeat 0 6px; font-size:11px;}

#copy_clielca	{ float:right; margin-right:30px; width:200px; text-align:right;}
#copy_psw		{ margin-left:30px; width:500px;}
.hardblue		{ color:#002d51;}

.title		{ margin-bottom:7px;}
.subtitle	{ text-align:right;}
.s_vert		{ width:1px; background-color:#6caddf;}