/* @CHARSET "UTF-8"; */
@import url("responsive.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
/*    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	
	*/
    color: #434343;
    background-color: #FFF;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: Arial, Helvetica, Verdana, sans-serif;
    /*font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/
    font-size: 14px;
    line-height: 1.5em;
    /* text-rendering: optimizeLegibility; */
}

table {
	font-size: 14px;
	border-spacing:0;
	border-collapse:collapse;	
}

table td {
	margin: 0;
	padding: 0;
}

table tr {
}

@media all and (min-width: 960px) {

.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

.main-page img {
	margin-top: 20px; 
	width: 400px; 
	height: 347px;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

#header {
	margin-top: 0.5%;
	height: 120px;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	background: #434343;
	color: #FFF;
}

	.header-name {
 		width: 450px;
		margin-top:30px;
		margin-left: 15px;
 	}

#header span {
	font-size: 32px;
	font-weight: bold;
	line-height: 120px;
}

#menu {
	margin: 0;
	height: 40px;
	background: #C00;
	text-align: right;
}

ul.horMenu li {
	display: inline-block;
	color: #FFF;
}


#menu a {
	padding: 0 20px;
	font-size: 16px;
	margin: 0;
	display: block;
	line-height: 40px;
	height: 40px;
	color: #FFF;
	text-decoration: none;
}

#menu a:hover {
	height: 40px;
	background: #FFF;
	color: #C00;
	text-decoration: none;
}

#menu a.active {
	background: #434343;
	color: #FFF;
}




#hb {
	margin: 0;
	height: 40px;
	background: #C00;
	font-size: 16px;
}

#hb p {
	line-height: 40px;
	color: #FFF;
	text-align: center;
}

#body {
	margin-top: 0.5%;
	min-height: 400px;
}

#body .left {
	width: 42%;
}

#body .left .text {
	padding: 2% 4%;
}

#body .left .text h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

#body .left .text td {
	padding: 4px;
	min-width: 140px;
}

#body .text {
	width: 50%;
	padding: 0 4%;
}

.text p {
	margin-top: 1.2%;
	font-size: 16px;
	line-height: 140%;
	text-align: justify;
}

.text ul li {
	font-size: 16px;
	margin-left: 10%;
	line-height: 140%;
}

#footer {
	margin-top: 0.5%;
	height: 170px;
	background: #434343;
	color: #CCC;
	line-height: 40px;
}

.footer-left {
	padding: 10px; 
	margin-left: 10px;	
}

.footer-left img {
	width: 150px; 
	height: 150px; 
}

.footer-right {
}

.footer-right p {
	margin: 140px 20px 10px -20px; 
	line-height: 0;
}

.s1 {
	color: #FFF;	
}
.s2 {
	color: #C00;	
}
.s3 {
	color: #434343;	
}

label {
	margin-top: 14px;
}

input[type=text], textarea, select {
	padding: 4px;
	width: 400px;
	border: 1px solid #CCC;
	margin: 0;
}

select {
	width: 410px;
	text-align: center;
}

input[type=text] {
	height: 20px;
}

textarea {
	margin: 0;	
}

input[type=text]:FOCUS, textarea:FOCUS, select:focus {
	background: #FFC;
	border: 1px solid #C00;
}

form {
	margin-top: 20px;	
}

form .label {
	margin-top: 10px;	
}

input[type=button], input[type=submit] {
	padding: 8px 40px;
	background: #C00;
	color: #FFF;
	border: 1px solid #434343;
	cursor: pointer;
	margin: 10px 0 0 0;
}

input[type=button]:hover, input[type=submit]:hover {
	background: #FFF;
	color: #C00;
}

#submit {
	margin-bottom: 5px;
}

.thumbs {
    width: 960px;
}

.thumbs img {
	height: 100px;
	display: inline-block;
}

#footer_r {
	color: #666;
	font-size: 11px;
	float: right;
}

#footer_r a {
	color: #666;
	font-size: 11px;
	text-decoration: underline;
}

#footer_r a:hover {
	color: #009;
	text-decoration: underline;
}

.warn {
	color: #C00;
}
.info {
	color: #0C0;
}

}