/*****Basic Elements
Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
*****/

body {
	background: #FFF url( ../../assets/img/top_back.jpg) repeat-x;
}
/* =table
----------------------------------------------- */

table {
	width: 100%;
	font-size: 11px;
	border-collapse: collapse;
	color: #000;
	border-bottom: 3px solid #bcb6b6;
}
table col.group {
	border: 1px solid #FFFFFF;
	border-top: none;
}
table thead {
	background: #000;
}
table td, table th {
	padding: 5px 10px;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}
table th {
	background: #bf3730;
	color: #FFFFFF;
}
table tr.sep {
	background: #f2f2f2;
}
table tr {
	background: #e3e3e3;
}



/* =Generic Classes
----------------------------------------------- */
/*Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently */

html {
	overflow:-moz-scrollbars-vertical;
}
a:active, a:focus {
	outline:none;
}
/* shims */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}
.hidden {
	visibility: none;
}
.bye {
	display: none;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
.replace, .logo a, #header .search, .marketingsidebar, #sidebar .common {
	display: block;
	float: left;
	font-size: 1px;
	text-indent: -9000px;
}
.prel { position: relative;}



/* =typo
----------------------------------------------- */




/* =Basic Layout
----------------------------------------------- */
/*Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site*/



.logo a,
#header form .inputheader,
#header .search,
.slogan span,
#sidebar .user,
#sidebar .password,
#sidebar .common  {
	background: url(../../assets/img/all.jpg);
}

/* =form
----------------------------------------------- */

fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea, #field1, #field2 { width: 300px; border:1px solid #CCC;}

textarea {overflow: auto;}

input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

div.buttons { margin-left: 150px;}
select { width: 150px;}

/* =Header
----------------------------------------------- */

#header {
	background: url(../../assets/img/top-header_back.jpg) no-repeat;
	height: 210px;
	font-style: normal;
}

.logo a {
	width: 220px;
	height: 108px;
	background-position: 0 0;
}
.logo a:hover {
	background-position: 0 -108px;
}
#header ul {
	margin-top: 85px;
}
#header ul li {
	float: left;
	margin: 0;
}
#header ul li a {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.005em;
	font-size: 11px;
	text-transform: uppercase;
	color: #999999;
	padding: 0 7px;
	text-decoration: none;
}

#header ul li a:hover { color: #000; }

#header form {
	margin-top: 83px;
}


#header form .inputheader {
	width: 146px;
	background-position: -220px 0;
	border: none;
	height: 15px;
	text-indent: 10px;
	font-style: normal;
	font-size: 11px;
	padding: 4px 0 0 0;
	float: left;
	display: inline;
	margin-left: 40px;
	color:#666;
}

#header .search { width: 19px; height: 19px; background-position: -220px -29px; margin-left: 10px;}

#header .search:hover { background-position: -220px -48px;}

#sidebar { background: #e5e5e5;}

#footer { background: url(../../assets/img/footer_pictures.jpg) 100% 0 no-repeat; overflow:hidden; padding: 10px 0;}

.footer_space { width: 100%; background: #f5f5f5 url(../../assets/img/footer_back.jpg) 0 0 repeat-x; overflow: hidden; }

.footer_space h3 { margin-top: 10px;}

.footer_space p { text-indent: 15px; color: #FFF; font-size: 11px; font-style: normal; margin-top: -5px;}

.submeniu { border-top: 1px solid #d4d3d3;}

#sidebar .submeniu li {display: inline;}

.submeniu li a { padding: 10px 20px 2px 20px; font-size: 12px; text-decoration: none; display: block; border-bottom: 1px solid #d4d3d3; color:#666; text-transform:uppercase;}

.submeniu li a:hover { background: #d5d5d5;}

#sidebar .titlemenu  { margin-top: 20px;}

#sidebar form { background: #cc0101; overflow: hidden; padding: 10px 0 10px 20px; height: 95px;}

#sidebar form em { font-size: 12px; letter-spacing: -0.008em; text-transform: uppercase; font-style:normal; color: #FFF; }

#sidebar form fieldset { margin-bottom: 5px;}

#sidebar .user, #sidebar .password { display: block; width: 180px; height: 17px; border: none; text-indent: 10px; font-size: 10px; padding: 3px 0 0 0; margin-bottom: 5px;  }

#sidebar .user {  background-position: -220px -77px; }

#sidebar .password { background-position: -220px -97px; }

.button { border: 1px solid #910f00; background: #ff1a00; color: #FFFFFF; font-size: 11px; padding: 2px 5px;}

/* =Content
----------------------------------------------- */

.marketing p { padding: 20px; background: #bf3730; width: auto; color: #FFF;}

.insidea li { padding: 0 0 5px 10px;}

.inside li { padding: 0 0 2px 10px;}

.insidea a { font-size: 14px; color: #990000; text-transform: uppercase; text-decoration: none;}

.insidea a :hover { color: #FF0000;}

.ulfooter li { padding: 0 0 2px 10px;}

.ulfooter a { font-size: 12px; color: #990000; text-decoration: none;}

.ulfooter a :hover { color: #FF0000;}

/* =home
----------------------------------------------- */

#sidebar h2, #sidebar p, #sidebar .titlemenu   { margin-left: 20px; width: 180px;}

.slogan { margin-bottom: 20px;}

.slogan h2 { position: relative; width: 700px; margin-bottom: 5px;}

.slogan h2 span {
	background-position: 0 -216px;
	position: absolute;
    width: 700px;
    height: 25px;}

.slogan em { font-style: normal; font-size: 16px; color: #bdb9b9;}

h3 { background: #a64e00; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; color: #FFF; font-weight: 400;}

h3.dif { background: #ff7800;}

h3.second { background: #e5e5e5; color: #797979; font-size: 14px;}

/* =home
----------------------------------------------- */

/* =page
----------------------------------------------- */

/* =page
----------------------------------------------- */

/* =footer
----------------------------------------------- */