@charset "utf-8";
/* CSS Document */

H1 , H2 , H3 , H4 , H5 , H6 , p , ul {
margin:0;
padding:0;
}
H3
{
color:#FF0000;

}

*{
margin:0;
padding:0;
}

body{
margin:0;
font-family:'Calibri';
line-height:1.5em;
}

.cl{
clear:both;
}

p{
padding: 5px 10px 0 10px;
}

#wrapper{
margin:0 auto;
width:100%;
max-width:1600px;
min-width:200px;
height:auto;
background:url(../images/top_bg.jpg) center top no-repeat;
}

.head{
margin:0 auto;
width:1000px;
height:119px;
background:url(../images/head_logo.jpg) center top no-repeat;
background-color:#FFFFFF;
}


.cont{
float:right; 
margin:50px 50px 0 0; 
width:225px; height:50px;  
background:url(../images/button.png) no-repeat; 
color:#FFFFFF; padding:0 0 0 9px; 
line-height:23px;
}

.cont ul li{
list-style:none;
float:left;
margin:5px 8px 0 0 ;
}

.slide{
margin:0 auto;
width:1000px;
background-color:#d8d9d9;
height:350px;
}

.menu{
margin:0 auto;
width:1000px;
height:50px;
background-color:#f69628;
}

.page{
margin:0 auto;
width:1000px;
height: auto;
box-shadow:0 5px 8px #d8d9d9;
}


.page_left{
margin:25px 0 15px 0;
float:left;
width:710px;
height:auto;
margin-right:10px;
}

.page_left h2{
padding-left:10px;
font-family:'Century Gothic';
font-size:23px;

}

.page_lefttext{
padding: 5px 10px 0 10px;
font-family: 'Roboto', sans-serif;
text-align:justify;
line-height:25px;
font-size:13px;
}

.page_lefttext_nojusti{
padding: 5px 10px 0 10px;
font-family: 'Roboto', sans-serif;
line-height:25px;
font-size:13px;
}


.box{
width:100%;
height:auto;
margin-bottom:45px;
padding-bottom:45px;
}
.box_colum{
float:left;
margin:0px 0 10px 15px;
width:221px;
height:155px;
background-color:#fff;

}

.box_colum h2{
font-family:'Century Gothic';
line-height:40px;
font-size:21px;
font-weight: normal;
color:#1d5176;
}

/*.box_colum img{
margin:0 auto;
padding:5px;
box-shadow:0 1px 5px #ccc;
}
.box_colum img:hover{
margin:0 auto;
padding:5px;
box-shadow:0 1px 5px #f69628;
}
*/
/*.box_colum:hover{
float:left;
margin:10px 0 10px 15px;
width:221px;
height:155px;
background-color:#fff;
box-shadow:0 1px 5px #f69628;
}*/


.page_right{
margin:25px 0 15px 0;
float:left;
width:260px;
height:auto;

}

.page_right h2{
width:95%;
height:40px;
line-height:40px;
padding-left:13px;
color:#FFFFFF;
font-weight:normal;
font-family:'Century Gothic';
font-size:19px;
border-radius:10px 10px 0 0;
background-color:#1d5176;
}

.page_right .right_background{
width:100%;
height:auto;
background-color:#e8e8e8;
padding-bottom:15px;
}

.page_right .right_background img{
border:2px solid #f69628;
margin: 10px 0px 0px 13px;
}

.page_right .right_background img:hover{
border:2px solid #1d5176;
}

.page_right .right_background ul{
list-style:none;
margin-left:10px;
padding:10px;
}

.page_right .right_background ul li a{
padding:0 0 0 15px;
background: url(../images/arrow.png) left no-repeat;
line-height:30px;
font-weight:bold;
font-size:15px;
text-decoration:none;
color:#000000;
}

.page_right .right_background ul li a:hover{
text-decoration:underline;
color:#f69628;
margin:0 0 0 5px;
transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
}


.footer{
margin:0 auto;
width:1000px;
height: auto;
background-color:#0e476f;
color:#ccc;
font-weight:normal;
border-bottom:10px;
}

.footer .colum{
float:left;
width:32%;
height: auto;
margin-right:12px;
margin-bottom:25px;

}

.footer .colum a{
text-decoration:none;
color:#ccc;
}

.footer .colum a:hover{
text-decoration: underline;
color:#f69628;
}

.footer .colum h2{
line-height:40px;
font-family:'Century Gothic';
font-size:21px;
text-decoration: underline;
padding:0 0 0 15px;
color:#f69628;
font-weight:normal;

}

.footer .colum ul{
list-style:none;
margin-left:25px;
}

.footer .colum ul li a{
padding:0 0 0 15px;
background: url(../images/arrow.png) left no-repeat;
line-height:25px;
font-weight: normal;
font-size:15px;
text-decoration:none;
color:#ccc;
}

.footer .colum ul li a:hover{
text-decoration:underline;
color:#f69628;
margin:0 0 0 5px;
transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
}

.fl{
float:left;
width:45%;
height:auto;
}

.footer_01{
margin:0 auto;
width:1000px;
height:40px;
background-color:#033354;
color:#CCCCCC;
}

.footer_01 span{
float:right;
}

.footer_01 span a{
color:#CCCCCC;
text-decoration:none;
}

.footer_01 span a:hover{
color:#f69628;
text-decoration: underline;
}


.read_more{width:90px; height:30px; margin:0 auto; padding:12px;}
.read_more a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; color:#fff; line-height:30px; text-align:center; background:#1d5176; border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;}

.read_more a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; color:#000;line-height:30px;background:#f69628; border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;text-align:center; transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);  font-style:normal; }



.social-twitt {
	background-image: url(../images/twit.png);
	height: 23px;
	width: 24px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-twitt:hover {
	background-position: 0px -23px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social-fac {
	background-image: url(../images/face.png);
	height: 23px;
	width: 24px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-fac:hover {
	background-position: 0px -23px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social-ut {
	background-image: url(../images/youtube.png);
	height: 23px;
	width: 24px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-ut:hover {
	background-position: 0px -23px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}


.boxgrid{ 
				width: 210px; 
				height: 145px; 
				overflow: hidden; 
				position: relative; 
				margin:0 auto;
				box-shadow:0 1px 5px #ccc;
			}
			
			.boxgrid:hover{ 
			box-shadow:0 1px 5px #f69628;
			}
			
			.boxgrid h3{
			padding:5px 0 5px 10px;
			
			 }
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					padding:5px;
					
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color: #333333; 
					font-weight:bold;
					line-height:1.2em; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}












.ranvhead1{
font-family:Cambria, Calibri;
color:#0033FF;
font-size:16px;
font-weight:bold;
line-height:25px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}

.ranvhead2{
font-family:Cambria, Calibri;
color:#0033FF;
font-size:16px;
font-weight:bold;
line-height:25px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
text-align:center;
border:groove #666666 1px;
background:#99FFFF;
}


.ranvtext1{
font-family: 'Roboto', sans-serif;
color:#000000;
font-size:14px;
font-weight:normal;
line-height:25px;
}


.ranvtext2{
font-family: 'Roboto', sans-serif;
color:#000000;
font-size:14px;
font-weight:normal;
line-height:25px;
text-align:center;
border:groove #666666 1px;
}