﻿/****** Reset ******/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/****** Common ******/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #3c4548;
	font-size: 12px;
	font-family:  Arial, Tahoma, Sans-serif;
}

img {
    border: 0;
}

img.PictureLeft {
    float: left; padding: 10px 10px 5px 10px;
}

img.PictureRight {
    float: right; padding: 0 0 10px 10px;
}

a,
a:link,
a:active,
a:visited {
    color: #4F6B79;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

br.clear { 
    clear: both; 
}

ul {
    list-style-type: square;
    margin: 0;   
}

ul li {
    margin: 2px 0 2px 18px;
}

ol {
    list-style-type: decimal;
    margin: 10px 0;  
}

ol li {
	margin: 0 0 7px 28px;
	list-style-type: decimal;
}

ul.HorizontalMenu li {
	display: inline;
	list-style-type: none; 
	padding: 0;
	margin: 0;
}

ul.VerticalMenu li {
	list-style-type: none; 
	padding: 0 5px 0 4px;
	margin: 0;
}

p {
    margin: 10px 150px 0 0;
    text-align:justify;    
}


/*Title*/

h1, h2, h3, h4 {
    font-family: Arial, Tahoma, Sans-Serif;
}

h2
{
	font-size: 16px;
    font-weight: normal;	
    font-weight: bold;
    border-bottom: 1px solid #3c4548;
    color: #3c4548;
    margin:15px 0 5px 0;
    padding:0 0 5px 0;
}

h3
{
	font-size: 14px;
    font-weight: normal;	
    font-weight: bold;
    border-bottom: 1px solid #3c4548;
    color: #3c4548;
    margin:15px 0 5px 0;
    padding:0 0 5px 0;
}

/* Layout (Sablon) */
div#Wrapper {
	width: 960px;
	margin: 0 auto;
}

div#Header
{
	background: #FFFFFF url('Layout/HeaderBg.gif') no-repeat; 
	height: 193px;
	margin: 0 0 10px 0;
}

div#Content
{
	background: #FFFFFF url('Layout/ContentBg.gif') repeat-y;
}

div#ColumnAlfa
{
	width: 180px;
	float: left;
}
div#ColumnBeta
{
	width: 750px;
	float: left;
	padding: 0 0 0 30px;
}

div#Footer
{
  border-top: solid 1px #3c4548;
  background: #FFFFFF url('Layout/SinpasLogo.gif') no-repeat 10px 15px;
  height: 55px;
  margin:10px 0 0 0;
    
}

div#Slogan
{
	float: left;
	color: #7d7f7f;
	font-weight: bold;
	font-size: 12px;
	margin: 80px 550px 0 150px;
}
/*SERVICE MENU*/
ul#ServiceMenu {
	float: right;
	padding:100px 0 0 0;
	margin: 0 0 36px 0;
	width: 100px;
}

ul#ServiceMenu  li
{
    padding: 0;
    margin: 0;
    width: 30px;
}

ul#ServiceMenu li a
{
    text-decoration: none;
    text-indent: -2000px;
    float: left;
    display: block;
    width: 26px;
    height: 17px;
    margin-right: 5px;
}
ul#ServiceMenu li a.Tr{background: url('Layout/Tr.gif') no-repeat;}
ul#ServiceMenu li a.Eng{background: url('Layout/Eng.gif') no-repeat;}
ul#ServiceMenu li a.De{background: url('Layout/De.gif') no-repeat; }


/*MAIN MENU*/
ul#MainMenu  
{
  padding:0 0 0 20px;
	clear:both;
}

ul#MainMenu li
{
    padding: 5px 0 0 8px;
    width: 120px;
    height: 20px;
    background: #FFFFFF url('Layout/MainMenuBg.gif') no-repeat;
    margin: 0 4px 0 0;
    display: block;
    float: left;
}


ul#MainMenu li a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #545c5f;
    text-decoration: none;
    padding: 0;
}

ul#MainMenu li a.SelectMenu
{
    color: #9c2728;
    padding: 0;
}

ul#MainMenu li a:hover
{
    color: #9c2728;
}



/*Left MENU*/
ul#LeftMenu {
	padding:0;
	clear:both;
}

ul#LeftMenu li
{
    padding: 6px 0;
    border-bottom: 1px solid #e0e0e0;
}

ul#LeftMenu li.Last
{
    border:0;
}

ul#LeftMenu li a
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #757374;
    text-decoration: none;
    padding: 0;
}

ul#LeftMenu li a:hover
{
    color: #9c2728;
}

/*Seacrh*/
div.Box{ padding: 0 30px; margin:40px 0 0 0;}
div.Box h2
{
	font-family: Arial;
  font-size: 14px;
  font-weight: normal;	
  border-bottom: 1px solid #e0e0e0;
  color: #757374;
  margin:0 0 5px 0;
  padding: 5px 0;
}



/*MENU AREA*/
div#MenuArea
{
  border: solid 1px #a0a5a6;
  margin: 10px 10px 0 10px;
  padding: 4px 4px 0 4px;
  vertical-align:top;
}

div#MenuArea hr.Line
{  
  margin: 2px 0 0 0; 
  padding: 0;
  color: #a0a5a6;
}

div#MenuArea h2
{
  	font-size: 14px;
    font-weight: normal;	
    font-weight: bold;
    background: #3c4548;
    border: 0;
    color: #FFFFFF;
    padding:15px 5px 5px 5px;
    margin: 0;
}


/***** Common Messages *****/
.PositiveMessage 
{
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    color: #669966;
    background: #EEFFEE;
    font-size: 1.3em;
    font-weight: bold;
}

.ValidationSummary ul li,
.NegativeMessage 
{
    color: #EE6666;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
}
