@charset "utf-8";
*::-moz-selection {
    background: none repeat scroll 0 0 #631e0c;
    color: #fff;
    text-shadow: none;
}


::selection {
    color: #fff;
    background: #01384c;
}




body{ margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
background:  url(images/bg1.png)fixed center top ;
color:#00000;
}




#wrapper{ width:1003px;	
margin-left:auto;
margin-right:auto;
position:relative;}

#main{width:98%;
float:left;
margin-left:1%;
margin-top:80px;
}

#logo{ position:absolute;
width:20%;
float:left;
z-index:1000;
margin-top:12px;
margin-left:35%
}



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}




@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}



@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}




#topcolor{width:100%;
height:50px;
float:left;
background-color:#631e0c;
border-radius:25px 25px 0 0;
-moz-box-shadow:10px 10px 5px #000000;
    -webkit-box-shadow:10px 10px 5px #000000;
    box-shadow:10px 10px 5px #000000;


}


#topcolor1{width:100%;
height:60px;
float:left;
background-color:#cd2a00;
border-radius:25px 25px 0 0;
margin-top:-25px;
-moz-box-shadow:10px 10px 5px #000000;
-webkit-box-shadow:10px 10px 5px #000000;
	 box-shadow:10px 10px 10px #000000;

}

#menubox1{width:40%; height:auto; float:left; padding-left:10px; padding-top:2px;}
#menubox2{width:10%; height:auto; float:left;}
#menubox3{ width:40%; height:auto; float:left;  padding-top:2px; margin-left:8.9%;}

#banner{ width:100%; height:auto; float:left; margin-top:-13px;}
#content{ width:100%; float:left; height:auto; background:#faf3e9; margin-top:-5px;}

#content-boxleft{width:27%; height:auto; float:left; padding-left:2%}
#content-boxcenter{width:36.7%; height:auto; float:left; padding-left:2%;}
#content-boxcenter1{width:65%; height:auto; float:left; padding-left:2%;}
#content-boxright{width:27%; height:auto; float:left; padding-left:1%}

#footer{ width:100%; height:auto; float:left; background:#631e0c; border-radius:0 0 25px 25px;}
.footertext{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#a7876a;}

.line{ width:1.5%; height:auto; float:left; border-right:1px dotted #993300; margin-top:1%;}
.common{ width:100%;
height:auto;
float:left;}

.box{ width:98%;
height:auto;
float:left;
background:#ecd2af;
border-radius:8px;
margin-top:3%;}

.view{ width:20%;
height:auto;
float:left;
background:#631e0c;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#ecd2af;
text-transform:uppercase;
border-radius:5px;
margin-left:40%;
text-align:center;
padding:3px 3px 3px 3px;
cursor:pointer}


.view:hover{ width:20%;
height:auto;
float:left;
background:#cd2a00;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
text-transform:uppercase;
border-radius:5px;
margin-left:40%;
text-align:center;
padding:3px 3px 3px 3px;
 -webkit-transition: all 2s; /* For Safari 3.1 to 6.0 */
    transition: all 2s;}
	
	
	
.text{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#330b01;
line-height:25px;
text-align: justify;}

.text1{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#631e0c;
line-height:25px;
text-align: justify;
font-weight:300;}

.text2{font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#cd2a00;
line-height:25px;
text-align: justify;
font-weight:300;}

.mail{ font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#631e0c;
text-decoration:none;}

.mail:hover{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#cd2a00;
text-decoration:none;}


 .text > input:focus, .text > input:hover, textarea:focus, textarea:hover, select:hover{
 border:1px solid #cd2a00;
 background-color:#f3f3f3;
 }
  .text > input{
  }
.button{
background-color:#631e0c;
color:#FFFFFF;
padding:5px;

border-radius:4px;
cursor:pointer;
}
 
.button:hover{
background-color:#cd2a00;
color:#01384c;
padding:5px;

border-radius:4px;
-webkit-transition: all 2s; /* For Safari 3.1 to 6.0 */
    transition: all 2s;
}