@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/myriadpro-bold.eot');
    src: url('fonts/myriadpro-bold.eot') format('embedded-opentype'),
    url('fonts/myriadpro-bold.woff') format('woff'),
    url('fonts/myriadpro-bold.ttf') format('truetype'),
    url('fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}

@font-face {
    font-family: 'MyriadPro';
    src: url('fonts/myriadpro-regular.eot');
    src: url('fonts/myriadpro-regular.eot') format('embedded-opentype'),
    url('fonts/myriadpro-regular.woff') format('woff'),
    url('fonts/myriadpro-regular.ttf') format('truetype'),
    url('fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'MyriadProIt';
    src: url('fonts/myriadpro-it.eot');
    src: url('fonts/myriadpro-it.eot') format('embedded-opentype'),
    url('fonts/myriadpro-it.woff') format('woff'),
    url('fonts/myriadpro-it.ttf') format('truetype'),
    url('fonts/myriadpro-it.svg#MyriadProItalic') format('svg');
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('fonts/myriadpro-light.eot');
    src: url('fonts/myriadpro-light.eot') format('embedded-opentype'),
    url('fonts/myriadpro-light.woff') format('woff'),
    url('fonts/myriadpro-light.ttf') format('truetype'),
    url('fonts/myriadpro-light.svg#MyriadProLight') format('svg');
}

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, img, table {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: "MyriadPro", Arial, sans-serif;
    font-size: 100%;
    color: #797979;
    background-color: white;
    font-weight: normal;
    line-height: 1.3;
}

ul {
}

li {
    list-style-type: none;
}

.page li:before {
    content: "● ";
    color: #ca0000;
}

strong, bold {
    color: black;
}

#head {
    background-color: #fff;
    height: 585px;
    position: relative;
}

#head .hlink {
    color: #000;
    text-align: center;
    line-height: 585px;
}

#head .hbox
{
  margin: 0px auto;
  width: 100%;
  position:absolute;
  top:0px;
  left:0px;
}

#head .hcontainer
{
  width: 888px;
  height: 145px;
  margin:0px auto;
  background-image: url("img/hb.png");
  overflow:hidden;
  padding-top:22px;
  color: #a8a8a8;
}

#head p
{
  margin-left:430px;
  margin-top:14px;
  margin-bottom:14px;
}

#head .hspan {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center 0px;
    background-repeat: no-repeat;
    background-image: url("img/h1.jpg");
    position: absolute;
    top: 0px;
    left: 0px;
}

#menu {
    height: 60px;
    width: 100%;
    position: relative;
    z-index: 1000;
    background-image: url("img/head_b.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    top:-10px;
}

#head .arrow {
    display: block;
    width: 100%;
    height: 29px;
    position: absolute;
    bottom: 10px;
    left: -10px;
    z-index: 10000;
    background-image: url("img/ar2.png");
    background-position: center top;
    background-repeat: no-repeat;
}

#menu ul {
    position: relative;
    display: block;
    text-align: center;
    margin: 0px auto;
    width: 100%;
    background-color:#fff;
}

#menu ul li.first {
    padding-left: 0px;
}

#menu .line
{
  width:100%;
  height:10px;
  background-image:url("img/hm.png");
  background-position: center top;
  z-index:10000;
  position:relative;
}

#menu .noline
{
  background-color:#fff;
  height:43px;
}

#menu ul li {
    list-style-type: none;
    display: inline;
    height: 40px;
    line-height: 40px;
    padding: 0px 35px;
    font-size: 100%;
    background-image: url("img/menu_b.png");
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
}

#menu ul li a {
    color: #818181;
    text-decoration: none;
    position: relative;
}

#menu ul li a:hover {
    text-decoration: underline;
}

/*#menu ul li.sel a span
{
  display:block;
  width:100%;
  height:9px;
  position:absolute;
  top:-22px;
  left:0px;
  background-image:url("img/top_a.png");
  background-position:center top;
  background-repeat:no-repeat;
}*/

#menu ul li.sel {
    font-weight: bold;
}

#menu ul li.last {
    background-image: none;
}

#menu .btn
{
  width:55px;
  height:40px;
  top:0px;
  left:0px;
  position:absolute;
  display:none;
  color:#fff;
  text-decoration:none;
  font-size:120%;
  line-height:42px;
  padding-left:30px;
  background-color:#df2a2a;
  cursor: pointer; cursor: hand;
	font-weight:bold;
}

.btn span
{
  width:85px;
  height:40px;
  top:0px;
  left:0px;
  position:absolute;
  background-image:url("img/menu_btn.png");
  z-index:1;
}

.page {
    min-height: 300px;
}

.page .container {
    margin: 0px auto;
    width: 890px;
    max-width: 1170px;
    padding-top: 30px;
}

.page_border {
    background-image: url("img/bottom_b.png");
    height: 5px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.page_border .arrow {
    margin: 0px auto;
    width: 48px;
    height: 25px;
    background-image: url("img/arrow.png");
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.col {
    width: 270px;
    display: block;
    float: left;
    padding-right: 40px;
    padding-top: 10px;
}

.col.last {
    padding-right: 0px;
}

.img {
    min-height: 50px;
    text-align: center;
    padding-top: 30px;
    min-height: 90px;
}

h2 {
    color: #d9261d;
    font-weight: normal;
    font-size: 180%;
    text-align: center;
    font-family: "MyriadProLight", Arial, sans-serif;
}

h3 {
}

p {
    text-align: justify;
}

a {
    color: #d9261d;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

@media only screen and (max-width:900px)
{
	.page_home .col
	{
		margin:0px;
		height:auto;
    width:100%;
    padding:0px;
	}
	
  .page_home .col .img
  {
    float:left;
    margin-right:10px;
    width:130px;
  }

	.page .container
	{
		width:auto;
		margin-left:5px;
		margin-right:5px;
	}	

  .page .container
  {
    width:97%;
  }
  
  #head .hcontainer
  {
    width:100%;
  }
}

@media only screen and (max-width:850px)
{
  #menu ul li
  {
    padding: 0px 20px;
  }
}

@media only screen and (max-width:800px)
{
  #head .hbox p
  {
    display:none;
  }
}

@media only screen and (max-width:700px)
{

  .page_home .col .img
  {
    float:none;
    margin-right:0px;
    width:auto;
  }
  
  .page img
  {
    float:none !important;
    margin:0px auto !important;
    display:block !important;
  }
  
  #head
  {
    height:145px;
  }
  
  .page
  {
    min-width:360px;
  }
  
  #home
  {
    padding-top:20px;
  }
  
  #head h1
  {
    display:none;
  }
  
  #head .hcontainer
  {
    background-image: url("img/hb2.png");
  }
    
  #head .hspan
  {
    background-image:none;
    display:none;
  }
  
  #head .arrow
  {
    display:none;
  }
  
  #menu .line
  {
    display:none;
  }
  
  #menu .noline
  {
    height:auto;
    background-color:transparent;
  }
  
  #menu
  {
    background-color:transparent;
    background-image:none;
    width:170px;
    height:40px;
    display:none;
  }
  #menu .btn
  {
    display:block;
  }
  
  #menu ul
  {
    display:none;
    width:50%;
		margin:0px;
    left:0px;
    top:40px;
		position:relative;
    background-color:#df2a2a;
  }
  
  #menu ul li, #menu ul li.first
  {
    background-image:none;
    display:block;
    text-align:left;
    padding:0px;
    padding-left:10px;
    line-height:30px;
    height:30px;
  }
  
  #menu ul li a 
  {
    color:#fff;
    width:100%;
    height:30px;
    display:block;
  }
}