html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; padding: 0cm 1cm; }
html, body, td { font-family: ClearSans, Helvetica, Arial, sans-serif; font-size: 11pt; color:#333; background: #fff; }
form { padding: 0; min-width:960px; max-width:1400px; margin-left: auto; margin-right: auto; }
img { margin: 0; padding: 0; }
a img { border: 0;  }
table { border-collapse: collapse; empty-cells:show; }
p { text-indent: 1cm; text-align: justify; }
h1 { font-family: ClearSansThin, Helvetica, Arial, sans-serif; color: #666; font-size: 18pt; clear: both; }
h2 { font-family: ClearSansThin, Helvetica, Arial, sans-serif; color: #666; font-size: 16pt; }
h3 { font-family: ClearSansThin, Helvetica, Arial, sans-serif; color: #666; font-size: 14pt; }

.clear { clear: both; }
.small { font-size: 80%; }
.gray { color: #999; }

#head { height:500px; width: 100%; position:relative; background-size:cover; overflow: auto; }
#head.index { height: 250px; }
#logos { margin: auto; margin-top: 120px; width:253px; }
#head.index #logos { margin-top: 10px; }
#text { margin: auto; margin-top: 20px; width:424px; }
#head.index #text { margin-top: 10px; }
#head.index #banner { display: none; }
#banner { position: absolute; top: 0px; right: 100px; 
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); }
    
#banner img
{
	max-height:450px;
	max-width:160px;
}


#menu { line-height: 40px; height: 40px; font-size: 17px; text-align: center; color: #000; background-color: #fff; position: absolute; width:100%; bottom:0px; opacity: 0.8; display: table; table-layout: fixed; }
#menu a { color: #000; text-decoration: none; font-weight: bold; }
#menu a:hover { color: #333; }
#menu .item { display: table-cell; }
#menu .item:hover { background-color: #ef4547;}
#menu .item.current { background-color: #ef4547;}
#menu2 { height: 2px; background-color: #fff; border-bottom: solid 2px #ef4547; margin-bottom: 1cm; }

.photo { width: 200px; text-align: center; height: 200px; float: left; }
.photo img { border: solid 1px #666; }
.photo .name { margin-top: 10px; }
.photo .name a { text-decoration: none !important; color: #666 !important; }
.photo.small { width:auto; height: 170px; margin-right: 20px; }

/*.shnews { float: right; width: 40%; padding:10px; margin: 0px 0px 10px 10px; background-color:#f4f4f4; overflow: auto; }*/
.shnews { padding:10px; margin: 0px 0px 10px 10px; background-color:#f4f4f4; overflow: auto; }
.shnews h2 { margin: 0px; padding: 0px; }
.news .item { margin-bottom: 5px;  }
.news .item img { float: left; margin-right: 10px; margin-bottom: 5px; }
.news .item .name { font-weight: bold; }
.news .item .brief { font-size: 90%; font-style: italic; text-align: justify; }

.foo { font-size: 90%; text-align: center; clear: both; border-top: solid 2px #ef4547; }
.foo a { color: #666; }
#fmenu .item { display: inline-block; padding: 3px; }

div.videos { margin-left: 35px; overflow: auto; }
div.videos div.video { float: left; width: 140px; margin: 0px 20px 10px 0px; text-align: center; }

.wrap {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.left-index
{
	float:left;
}

#social
{
	text-align:right;
	margin:20px 0 0 0;
}
.float-share
{
	float:right;
}
.middle-font
{
	font-size:10pt;
	color:Gray;
	margin-top:3px;
	padding:0 0 4px 3px;
}

#index-slider
{
	width:100%;
	height:400px;
}
#index-slider .item
{
	width:100%;
	height:400px;
}
#index-slider .item img
{
	width:100%;
	height:auto;	
}
.float-index
{
	float:left;
	width:60%;
}
.float-index.news
{
	width:40%;
}