@charset "utf-8";
/* CSS Document */
body{ background:url(../images/pattern1.jpg); margin:0; padding:0;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote	{
	  color:#464f5c; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;
}
.clear {clear: both;}

#main { width:100%; margin:0;}

#Header { width:100%; height:117px; margin:0;  padding:0; background:url(../images/headerBg.jpg)}
.Head_wrapp { width:1000px; height:115px; margin:0 auto; padding:2px 0 0 0;}

.Logo { width:206px; height:80px; margin:0; padding:0px; float:left;}
.login_Div { width:250px; height:60px; margin:0; padding:10px 0 0 0; float:right; position:relative;}

.loginBtn {
	background-image: url(../images/button-login.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 142px;
	text-indent: -999999px;
	background-position: left top;
	position: absolute;
	left: 5px;
	top: 20px;
}
.loginBtn:hover {
	background-image: url(../images/button-login.png); background-repeat: no-repeat; background-position: left bottom;height: 45px; width:142px; position: absolute; left:5px; top:20px;}
	
/*.loginBtn { width:72px; height:45px; background:url(../images/button-login.png) no-repeat;}
.loginBtn a { width:72px; height:45px;}
.loginBtn a:hover {  background:url(../images/button-login.png) no-repeat; background-position:-50%;}*/

.callno_Div { width:350px; height:70px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:24px; padding:0px; margin:10px 0 0 120px;}

.callno_Div img { margin:0 4px 0 4px; float:right; }
.callno_Div strong {color:#FF6633; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 

.topBanner {
 width: 750px; height: 65px; float: right; margin: 8px 0 0 0; position: relative;
}
.topBanner .fl { position: absolute; right:0; top: 30px; }

#marque { width:1000px; height:30px; clear:both; margin:3px 0 0 0; color="#ffffff" }

/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {  position:relative;  float:right;  font-size:12px;  width:100px; height:40px; margin:20px 0 5px 0; padding:0; float:right; }
/* Login Button */
#loginButton { display:inline-block;   float:right;   background:#bf1d19 url(../images/buttonbg.png) repeat-x;  border:1px solid #bf1d19; 
    border-radius:3px;  -moz-border-radius:3px;  position:relative;  z-index:30;  cursor:pointer;}
/* Login Button Text */
#loginButton span { color:#fff; font-size:14px; font-weight:bold; text-shadow:1px 1px #333; padding:7px 35px 9px 20px; background:url(../images/loginArrow.png) no-repeat 63px 10px; display:block }
#loginButton:hover {background:url(../images/buttonbgHover.png); }
/* Login Box */
#loginBox { position:absolute; top:34px; right:0; display:none; z-index:29; }
/* If the Login Button has been clicked */    
#loginButton.active { border-radius:3px 3px 0 0;}
#loginButton.active span {    background-position:63px -73px;}
/* A Line added to overlap the border */
#loginButton.active em {    position:absolute;    width:100%;    height:1px;    background:#c73d3a;    bottom:-1px;}
/* Login Form */
#loginForm {   width:248px; border:1px solid #bf1d19;  border-radius:3px 0 3px 3px;  -moz-border-radius:3px 0 3px 3px; margin-top:-1px;   background:#c83e3a;  padding:6px;}
#loginForm fieldset { margin:0 0 12px 0; display:block;  border:0;  padding:0;}

fieldset#body {    background:#fff;    border-radius:3px;   -moz-border-radius:3px;  padding:10px 13px;   margin:0; }

#loginForm #checkbox { width:auto; margin:1px 9px 0 0; float:left;  padding:0; border:0;  *margin:-3px 9px 0 0; /* IE7 Fix */}

#body label {    color:#3a454d;    margin:9px 0 0 0;    display:block;    float:left;}

#loginForm #body fieldset label {    display:block;    float:none;    margin:0 0 6px 0;}

/* Default Input */
#loginForm input {    width:92%;    border:1px solid #899caa;    border-radius:3px;   -moz-border-radius:3px;   color:#3a454d;  font-weight:bold;    padding:8px 8px;    box-shadow:inset 0px 1px 3px #bbb;   -webkit-box-shadow:inset 0px 1px 3px #bbb;   -moz-box-shadow:inset 0px 1px 3px #bbb;  font-size:12px; }

/* Sign In Button */
#loginForm .login { width:auto;  float:left;  background:#339cdf url(../images/loginbuttonbg.png) repeat-x;   color:#fff;   padding:7px 10px 8px 10px;  text-shadow:0px -1px #278db8;  border:1px solid #a50400;  box-shadow:none;  -moz-box-shadow:none;  -webkit-box-shadow:none;   margin:0 12px 0 0;   cursor:pointer;  *padding:7px 2px 8px 2px; /* IE7 Fix */}

/* Forgot your password */
#loginForm span {    text-align:center;   display:block;  padding:7px 0 4px 0;}
#loginForm span a {  color:#fff;  text-shadow:0px 0px #666;  font-size:12px;}
input:focus {    outline:none; }


/********************************************** Silder CSS ***************************************************/

#Home_Banner { width:100%; height:320px; margin:0 auto; padding:0; background:#fff url(../images/slider-bg.jpg) center no-repeat;}
.Banner_Wrapp { width:1000px; height:320px; margin:0 auto; padding:0;}


/*--------------------------------------------------------------------------------------------------------------------------------*/

#Services { width:100%; height:250px;  margin:0; padding:0; background:#e74710;}
.Services_wrapp { width:1000px; height:200px; padding:20px 0; margin:0 auto;}
.services_blg { width:323px; height:200px; margin:0 5px; float:left;}
.services_blg h1 {text-align:center; font-family: 'Josefin Slab', serif; font-size:26px; font-weight:700; line-height:40px; color:#FFF; text-transform:uppercase;}
.services_blg p { margin: 0; line-height: 22px; text-align:center;	width: 310px;	height: 200px; font:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;}
.services_blg img { margin:0 0 0 113px;}

#Contener_wrapper { width:978px; height:400px; margin:10px auto; padding:10px; border:1px solid #CCC; border-radius:5px; background:#fff;  }

.Content-body { width:968px; height:auto; margin:0 0 15px 0; padding:5px 5px 30px 5px; background:url(../images/divider-diagonal.png) bottom repeat-x;}
.Content-body h1 {text-align:center;font-family: 'Josefin Slab', serif; font-size:20px; font-weight:700; line-height:30px; color:#333; }
.Content-body p { margin: 0; line-height: 22px; text-align:center; font:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}

.Content-Abt { width:640px; height:auto; margin:0; float:left; padding:15px 5px;}
.Content-Abt h1 {font-family: 'Josefin Slab', serif; font-size:20px; font-weight:700; line-height:30px; color:#333; }
.Content-Abt p { margin: 0; line-height: 22px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}

.Content-projct { width:310px; height:auto; margin:0 0 0 18px; float:left; padding:0px;}
.Content-projct  h1 {font-family: 'Josefin Slab', serif; font-size:20px; font-weight:700; line-height:30px; color:#333; }
.Content-projct .div { width:300px; height:auto; padding:4px; border:1px solid #CCC; border-radius:5px;}


/*.Content { width:980px; height:450px; margin:10px 0 20px 0; padding:10px; overflow:hidden; background:#fff;}
.Content .heading { width:980px; height:60px; border-bottom:1px #666 solid;}
.Content .heading h1 { font:Arial, Helvetica, sans-serif; font-size:26px; font-weight:400; line-height:40px; color:#333; text-transform:uppercase;}
.Content .heading h4 { font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:20px; color:#999;}
.Content .bloag-left { width:680px; height:300px; margin:0; float:left; position:relative;}
.Content .bloag-left img {	margin: 0;	position: absolute;	left: 0px;	top: -38px;}
.Content .bloag-left p {	margin: 0;	position: absolute;	left: 341px;	top: 20px;	line-height: 22px;	width: 310px;	height: 250px;}
.Content .bloag-left a.rm { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0055a5; text-decoration:none; float:right;}
.Content .bloag-left a.rm:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f26700;}

.Content .sidebar {	width: 210px; height: 355px; background: url(../images/sidebar-img.gif) no-repeat; float: right; padding:15px 15px 0 15px; margin:10px 10px 0 10px;}
.Content .sidebar .search-box {	width: 210px; height:60px; padding:0; margin:0px;}
.Content .sidebar .search-box h3 {font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; line-height:20px; color: #f26700;}
.Content .sidebar .search-box .search {	width:160px; height:22px; padding:0 10px; margin:5px 0 0 0; border:1px #ccc solid;}
.Content .sidebar .search-category {	width: 210px; height:240px; padding:0; margin:0px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;}
.Content .sidebar .button { margin:10px 0 0 50px;}


.Content_Service { width:470px; height:260px; margin:0 10px 20px 0; padding:10px; overflow:hidden; background:#fff; float:left;}
.Content_Service .heading { width:460px; height:70px; border-bottom:1px #333 solid; padding:0 0 0 10px;}
.Content_Service h1 { font:Arial, Helvetica, sans-serif; font-size:26px; font-weight:400; line-height:40px; color:#333; text-transform:uppercase;}
.Content_Service h4 { font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:20px; color:#999;}
.Content_Service img { float:right; margin:0 0 0 10px;}
.Content_Service .artcle { width:280px; float:left; padding:10px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:24px;}
.Content_Service a.rm { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0055a5; text-decoration:none; float:right;}
.Content_Service a.rm:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f26700;}


.Content_Service_right { width:470px; height:260px; margin:0 0 20px 10px; padding:10px; overflow:hidden; background:#fff; float:right;}
.Content_Service_right .heading { width:460px; height:70px; border-bottom:1px #333 solid;  padding:0 0 0 10px;}
.Content_Service_right h1 { font:Arial, Helvetica, sans-serif; font-size:26px; font-weight:400; line-height:40px; color:#333;text-transform:uppercase;}
.Content_Service_right h4 { font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:20px; color:#999;}
.Content_Service_right img { float:right; margin:0 0 0 10px;}
.Content_Service_right .artcle { width:280px; float:left; padding:10px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:24px;}
.Content_Service_right a.rm { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0055a5; text-decoration:none; float:right;}
.Content_Service_right a.rm:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f26700;}


.Content_bottom { width:980px; height:auto; margin:0 0 20px 0; padding:10px; overflow:hidden; background:; font:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:20px; background:url(../images/piece-man.png) right bottom no-repeat;}
.Content_bottom ul { margin:10px;}
.Content_bottom ul li { font-family:Arial, Helvetica, sans-serif; margin:0 0 0 10px; list-style:decimal;}
*/

#footer { width:100%; height:auto; background:url(../images/headerBg.jpg); margin:0; padding:0;}
#footer_wrapper { width:1000px; height:80px; margin:0 auto;  border-top:5px solid #F60;}
#footer_wrapper .col01{ width:500px; height:20px; margin:35px 0 0 0; padding-left:15px; float:left; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px;}
#footer_wrapper .col01 ul { width:650px; height:25px; margin:10px 0; border-bottom:1px solid #222;}
#footer_wrapper .col01 ul li { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; float:left; list-style:none;}
#footer_wrapper .col01 ul li  a { font-family:Arial, Helvetica, sans-serif;  margin:0 10px; color:#CCC; list-style:none;  text-decoration:none;}
#footer_wrapper .col01 ul li  a:hover {color:#fff;}
#footer_wrapper .col01 span { width:650px; height:25px; margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:12px;}