/* POLVISION CSS*/

/*General rules*/
* {
	margin: 0; padding: 0; background: transparent;
} 
html
{
font-size: 100%;
}
a {
outline: none;
}

/*layout*/
body { 
background: #fff url('../img/bg.gif') repeat-x top left;
font : 80%/1.8em Tahoma, Arial, Sans-serif;
letter-spacing: 0px;
color : #666;
text-align : center;
border-left: #f60 solid 0px;
} 

#container { 
background: #fff url('../img/bg.gif') repeat-x top left; 
margin : 0 auto;
width : 900px;
margin-top: 0px;
} 

#logo { 
background : url('../img/logo1.jpg') no-repeat 0px 10px;
margin : 0 auto;
width: 800px;
height : 100px;
} 

/*header*/
#header { 
background : #fff url('../img/header_main.jpg') no-repeat center center;
margin : 0px auto;
border: 1px solid #ddd;
width: 800px;
height : 120px;
} 

#header1 { 
background : #fff url('../img/header1.jpg') no-repeat center center;
margin : 0px auto;
border: 1px solid #ddd;
width: 800px;
height : 120px;
} 

/*column's container*/
#content {
  width: 800px;
  overflow: auto;
  margin: 0 auto;
}

/*right column - main text*/
#right_col { 
text-align: justify;
float : right;
font-size : 1em;
width : 550px;
} 

/* left column */
#left_col { 
text-align: left;
float : left;
width : 200px;
} 

/*side menu*/
.menu { 
margin-top: 20px;
width : 100%;
margin-bottom: 30px;
} 
.menu ul { 
list-style : none;
margin:0;
padding:0;
} 
.menu ul li { 
width : 100%;
line-height : 40px;
margin: 0px 0 2px 0;
} 

.menu ul li a { 
outline: none;
display: block;
background: #fff url('../img/button.gif') no-repeat left center;
text-decoration : none;
width: 200px;
height: 40px;
line-height: 40px;
border-bottom: 0px;
padding: 0px;
} 

.menu ul li a span {
margin-left: 35px;
color: #666;
border-bottom: 0px;
} 
.menu ul li a:hover { 
background: #f5f5f5 url('../img/button.gif') no-repeat right center;
border-bottom: 0px;
} 
.menu ul li a:hover span {
margin-left: 35px;
color : #222;
border-bottom: 0px;
} 

.menu li.selected a { 
background: #fff url('../img/button.gif') no-repeat right center;
border-bottom: 0px;
} 

.menu li.selected a:hover { 
background: #fff url('../img/button.gif') no-repeat right center;
border-bottom: 0px;
} 

.menu li.selected a span { 
color : #06c;
} 

.menu li.selected a:hover span { 
color : #06c;
} 

/*footer*/
#footer { 
color: #666;
clear: both;
font-size: 0.8em;
text-align : center;
height : 40px;
width: 800px;
border-top: 1px solid #ddd;
margin: 0 auto;
padding: 0px;
overflow: hidden;
} 

#footer a { 
color : #666;
text-decoration : none;
border-bottom: 1px dashed #666;
} 

#footer a:hover { 
color : #222;
border-bottom: 1px dashed #222;

}

/*links*/
a { 
color : #222;
padding: 2px 0;
text-decoration : none;
border-bottom: 1px dashed #222;
} 

a:hover { 
color : #c00;
text-decoration : none;
border-bottom: 1px dashed #c00;
} 

.page a
{ 
color : #222;
text-decoration : none;
border-bottom: 0px dashed #000;
} 

.page a:hover
{ 
color : #c00;
text-decoration : none;
border-bottom: 1px dashed #c00;
}
 
/* headers */
h1, h2, h3, h4, h5, h6 { 
font : 500 1em Tahoma, Arial, Sans-serif;
color : #06c;
margin : 1.5em 0 0.5em 0;
} 
h1 { 
font-size : 1.8em;
margin : 0.5em 0 0.5em 0;
} 
h2 { 
font-size : 1.6em;
} 
h3 { 
font-size : 1.4em;
} 

h4 { 
font-size : 1.3em;
} 
h5 { 
font-size : 1.2em;
} 

h6 { 
font-size : 1.1em;
} 

/*typograhy*/
p { 
margin : 1em 0 0em 0;
} 
ul, ol { 
margin : 0.5em 0 0 2em;
color : #777;
} 
ul span, ol span { 
color : #666666;
padding: 0;
} 

.pic_list { 
list-style : none;
margin-left : 0.5em;
margin-top : 0.5em;
padding-left : 0;
} 

.pdf { 
background : url('../img/pdf.gif') no-repeat 0 center;
padding: 2px 0 2px 26px;
line-height : 2em;
border: 0px solid black;
} 

.top { 
background : url('../img/top.gif') no-repeat 0 center;
padding-left: 20px;
line-height : 2em;
border: 0px solid black;
} 

.back { 
background : url('../img/back.gif') no-repeat 0 center;
padding: 2px 0 2px 26px;
line-height : 2em;
border: 0px solid black;
} 
.page { 
background : url('../img/page.gif') no-repeat 0 center;
padding: 2px 0 2px 26px;
line-height : 2em;
border: 0px solid black;
} 

table {
text-align: left;
font-size: 1em;
border-spacing: 0px;
border-collapse: collapse;
margin: 1em 0;
}
td {
  border: 1px solid #ddd;
  padding: 5px;
  line-height: 1.5em;
}

/* images, special text */
img { 
border : 1px solid #ddd;
} 
img.float-right { 
float: right;
margin : 5px 0 5px 15px;
border : 1px solid #ddd;
} 
img.float-left { 
float: left;
margin : 5px 15px 5px 0;
border : 1px solid #ddd;
} 

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear { clear: both; }
.block { display: block; }
.hide  { display: none; text-indent: -3000px; }	
.blue  {	color: #06c; }

.clearleft{ 
clear: left; 
line-height: 1em;
}

.clearright{ 
clear: right; 
line-height: 1em;
}

.clearboth{ 
clear: both; 
line-height: 3px;
border: 0px solid black;
background: transparent;
}

.spacer_20 {
  height:20px;
  clear:both;
}
.spacer_10 {
  height:10px;
  clear:both;
}
.spacer_5 {
  height:5px;
  clear:both;
}
