body
{
  background-color: #ffd2a6;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
}

a
{
  font-size: 12px;
  color: #E40000;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

h2
{
  width: 100%;
  color: #E40000;
  border-bottom: 2px solid #E40000;
  font-size: 14px;
  margin-top: 0px;
  text-align: left;
}

/********** WRAPPER **********/
#wrapper
{
  position: relative;
  width: 936px;
  height: 100%;
  background: url('images/shadow_s.gif') repeat-y left top;
  margin: 0px auto 0px auto;
  padding: 0;
}
#wrapper .left_top_c
{
  position: absolute; top: 0px; left: 0px;
  width: 18px; height: 18px;
  background: url('images/shadow_ltc.gif') no-repeat left top;
}
#wrapper .left_top
{
  position: absolute; top: 18px; left: 0px;
  width: 18px; height: 23px;
  background: url('images/shadow_lt.gif') no-repeat left top;
}
#wrapper .left_bottom_c
{
  position: absolute; bottom: 0px; left: 0px;
  width: 18px; height: 18px;
  background: url('images/shadow_lbc.gif') no-repeat left top;
}
#wrapper .left_bottom
{
  position: absolute; bottom: 18px; left: 0px;
  width: 18px; height: 23px;
  background: url('images/shadow_lb.gif') no-repeat left top;
}
#wrapper .right_top_c
{
  position: absolute; top: 0px; right: 0px;
  width: 18px; height: 18px;
  background: url('images/shadow_rtc.gif') no-repeat right top;
}
#wrapper .right_top
{
  position: absolute; top: 18px; right: 0px;
  width: 18px; height: 23px;
  background: url('images/shadow_rt.gif') no-repeat right top;
}
#wrapper .right_bottom_c
{
  position: absolute; bottom: 0px; right: 0px;
  width: 18px; height: 18px;
  background: url('images/shadow_rbc.gif') no-repeat right top;
}
#wrapper .right_bottom
{
  position: absolute; bottom: 18px; right: 0px;
  width: 18px; height: 23px;
  background: url('images/shadow_rb.gif') no-repeat right top;
}
#wrapper .top
{
  position: absolute; top: 0px; left: 41px;
  width: 854px; height: 18px;
  background: url('images/shadow_t.gif') repeat-x top;
}
#wrapper .top_left
{
  position: absolute; top: 0px; left: 18px;
  width: 23px; height: 18px;
  background: url('images/shadow_tl.gif') no-repeat left top;
}
#wrapper .top_right
{
  position: absolute; top: 0px; right: 18px;
  width: 23px; height: 18px;
  background: url('images/shadow_tr.gif') no-repeat right top;
}
#wrapper .bottom
{
  position: absolute; bottom: 0px; left: 41px;
  width: 854px; height: 18px;
  background: url('images/shadow_b.gif') repeat-x top;
}
#wrapper .bottom_left
{
  position: absolute; bottom: 0px; left: 18px;
  width: 23px; height: 18px;
  background: url('images/shadow_bl.gif') no-repeat left top;
}
#wrapper .bottom_right
{
  position: absolute; bottom: 0px; right: 18px;
  width: 23px; height: 18px;
  background: url('images/shadow_br.gif') no-repeat right top;
}

/********** MAIN FRAME **********/
#frame
{
  width: 900px;
  margin: 0px auto 0px auto;
  padding: 18px 0px 18px 0px;
}

/********** HEADER **********/
#header
{
  background-color: #E40000;
  background-image: url(images/title.jpg);
  background-position: left;
  background-repeat: no-repeat;
  border: 1px solid gray;
  height: 78px;
}
#header_logo
{
  float: right;
  background-color: white;
  height: 78px;
  width: 150px;
}
#header_logo img
{
  padding-left: 10px;
  padding-top: 10px;
}
#header_moto
{
  float: right;
  background: url(/images/title_back.png) repeat-y right;
  height: 78px;
  width: 330px;
}
#header_moto p
{
/*color: #333333;*/
  color: white;
  font-weight: bold;
  font-style: italic;
  margin: 40px 0px 0px 0px;
}

/********** FOOTER **********/
#footer
{
  background-color: #E40000;
  padding: 0px 2px 2px 0px;
  text-align: center;
}
#footer p
{
  color: white;
  font-size: 10px;
  padding: 0px;
  margin: 0px;
  display: inline;
}
#footer a
{
	margin: 0px;
	padding: 0px;
	float: right;
}

/********** MENU **********/
#menu
{
  background-color: silver;
  background-image: url("images/menu_back.gif");
  background-repeat: repeat-x;
  background-position: top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#menu_l1
{
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  white-space: nowrap;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  padding: 3px 0px 0px 3px;
}
#menu_l1 li
{
  float: left;
  height: 15px;
}
#menu_l1 li.active
{
  display: block;
  background-color: #E40000;
  color: white;
  padding: 4px 6px 1px 6px;
}
#menu_l1 li img
{
  padding: 1px 0px 1px 0px;
}
#menu_l1 li a
{
  display: block;
  color: black;
  text-decoration: none;
  padding: 4px 6px 1px 6px;
}
#menu_l1 li a:hover
{
  background-color: silver;
  border: 1px solid gray;
  border-bottom: 0px;
  padding: 3px 5px 1px 5px;
}

#menu_l2
{
  display: block;
  height: 15px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  white-space: nowrap;
  border-left: 1px solid #E40000;
  border-right: 1px solid #E40000;
  border-top: 2px solid #E40000;
  border-bottom: 0px;
  background-color: #E40000;
}
#menu_l2 li
{
  float: left;
}
#menu_l2 li.active
{
  display: block;
  background-color: white;
  color: black;
  padding: 0px 5px 0px 5px;
  border-left: 1px solid #E40000;
  border-right: 1px solid #E40000;
}
#menu_l2 li a
{
  display: block;
  color: white;
  text-decoration: none;
  border-left: 1px solid #E40000;
  border-right: 1px solid #E40000;
  padding: 0px 5px 0px 5px;
}
#menu_l2 li a:hover
{
  background-color: #ffbbbb;
  border-left: 1px solid #E40000;
  border-right: 1px solid #E40000;
  padding: 0px 5px 0px 5px;
  color: black;
}

/********** MAIN **********/
#main
{
  background-color: white;
  border: 2px solid #E40000; 
  font-size: 12px;
}
#main .maintable
{
  height: 500px;
  min-height: 500px;
}
#main .notfound
{
  padding: 100px 15px 302px 15px;
  font-size: 12px;
  text-align: center;
}
#main .notfound img
{
  vertical-align: middle;
  padding-right: 20px;
  padding-bottom: 5px;
}
#main .links
{
	text-align: right;
  position: absolute;
  bottom: 40px;
  right: 240px;
}

#main_text
{
  padding: 15px 15px 15px 15px;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid rgb(225,225,225);
}
#main_panel
{
  width: 182px;
  padding: 10px 10px 0px 10px;
  background-color: rgb(246,246,246);
  vertical-align: top;
  text-align: center; 
}
#main_panel .links
{
  text-align: right;
  position: absolute;
  bottom: 50px;
  right: 40px;
}

/********** MAIN **********/
#home
{
  margin: 20px;
}
#home h1
{
  font-size: 20px;
  font-weight: bold;
  padding-top: 50px;
}
#home img
{
  border: 1px solid gray;
  margin-top: 40px;
}
#home .city
{
  display: block;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: right;
}
#home .city img
{
  vertical-align: middle;
  border: 0px solid gray;
}
#home .city .imgwrapper
{
  width: 120px;
  display: inline-block;
  vertical-align: top;
}
#home .city .text
{
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  margin-left: 20px;
}


/********** NEWS **********/
.date
{
  width: 100%;
  border-bottom: 1px solid gray;
  text-align: left;
  color: gray;
  margin-top: 0px;
}
.news
{
  text-align: left;
}

#newslist
{
}
#newslist .header
{
	color: #E40000;
	border-bottom: 1px solid #E40000;;
}

/********** PHOTOS **********/
.photoPanel
{
  margin: 10px 10px 20px 10px
}
.photoPanel img
{
  border: 1px solid gray;
}
.photoPanel div
{
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

/********** COOPERATOR **********/
.cooperator
{
  display: block;
  margin-top: 10px;
  overflow: auto;
  border: 0px solid red;
}
.cooperator .logo
{
	display: block;
  float: left;
  width: 40%;
  text-align: right;
  border: 0px solid blue;
}
.cooperator .logo img
{
  padding-right: 30px;
}
.cooperator .info
{
	float: left;
  width: 60%;
  vertical-align: text-bottom;
  border: 0px solid green;
}
.cooperator .title
{
  display: block;
  padding-bottom: 3px;
  border: 0px solid silver;
}
.cooperator .address
{
  float: left;
  border: 0px solid yellow;
}
.cooperator .link
{
  float: right;
  text-align: right;
  vertical-align: text-bottom;
  padding-left: 20px;
  border: 0px solid gray;
}









/********** CONTACTS **********/
.company
{
  background-color: #F7F7F7;
  border: 1px #E7E7E7 solid;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
  float: none;
  width: 245px;
/*
  min-height: 300px;
  height: 300px;
*/
}
.company .title
{
  background-color: #E7E7E7;
  padding: 5px;
  font-weight: bold;
}
.company .contactBlock { padding: 10px; }
.company .contactBlock p { margin: 0px; }
.company .contactBlock .name     { font-size: 1.0em; } 
.company .contactBlock .function { display: block; padding-bottom: 0.5em; }
.company .contactBlock .address  { display: block; width: 6em; clear: none; float: left; font-weight: bold; }
.company .contactBlock .label    { display: block; width: 6em; clear: none; float: left; }

/********** OTHERS **********/
.separator
{
  border-bottom: 1px dashed #E40000;
  margin-top: 10px;
}

.code
{
  margin: 10px 0px 10px 0px;
  padding: 5px;
  background-color: #F0F0F0;
  border: 1px solid silver;
}

#mainMap
{
  width: 400px;
  height: 300px;
  border: 1px solid gray;
  float: right;
  background-color: white;
}

