body {

}


#container {
	margin-left:14%;
	margin-right:14%;
	font-family: 'Open Sans';
}
#banner img {
	width:300px;
	height:75px;
	display:inline;
	float:left;
}
#titlehead {
	text-align:right;
	margin-bottom:0px;
}
@media (max-width: 600px) { 
 
#titlehead {
    height   : 1px;
    width    : 1px;
    position : absolute;
    overflow : hidden;
    top      : -1000px; 
  }
}
#menu {
	text-align:center;
	margin: 0;
	width: 100%;
	display: block;
    list-style-type: none;
    background-color: #0000CC;
}

#menu ul ul {
	display: none;
}

#menu ul li:hover > ul {
		display: block;
	}


#menu ul {
	padding: 0 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}


#menu ul li {
	float: left;
	display: inline;
	padding: 6px;
	}

#menu ul li:hover a {
				color: #FF0000;
			}
		
#menu ul li a {
    color: white;  
    text-decoration: none;
		}
			
		
#menu ul ul {
		background: #0000FF;
		border-radius: 0px;
		padding: 0;
		text-align:center;
		position: absolute; 
		top: 100%;
	}
#menu ul ul li {
			float: none;
		}
#menu ul ul li a {
				
				color: #fff;
			}	
.navbar {
	text-align:center;
	background-color:#f1f1f1;
	margin: 0;
	width:27%;
	float:left;
}

#navtitle {
	background-color:#C0C0C0;
	height:01%;
}



#body {
	text-align:center;
	background-color:white;
	margin: 0;
	width:70%;
	float:right;
}

.bodytitle {
	font-family: 'Open Sans';
	background-color:#f1f1f1;
	text-align:right;
	font-size: 33px;
	height: 120%;
    letter-spacing: 3px;
	padding-right: 18px;
	margin:30px 10% 20px 10%;
}
.bodytext {
	text-align:justify;
	font-family: 'Open Sans';
	margin:30px 10% 0 10%;
}
blockquote {
	background-color:#f1f1f1;
	padding:5px;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
}
.button {
    background-color: #0000CC;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
	text-decoration: none;
	font-family: 'Open Sans';
    font-weight: 600;
	width:46%;
	margin:0 27% 0 27%;
    transition: all 0.3s ease-in-out 0s;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 20px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  outline: none;
  background-color: #f1f1f1;
  cursor: pointer;
  padding: 15px;
}






.contener_slideshow
{
  width:610px;
  height:190px;
  overflow: hidden;
  position: relative;
  background-image: url(YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3, .slid_4, .slid_5
{
  position: absolute;
  width:610px;
  height:190px;
}
.slid_1{left: 0;}
.slid_2{left: 610px;}
.slid_3{left: 1220px;}
.slid_4{left: 1830px;}
.slid_5{left: 2440px;}


.contener_slide
{
  width: 1220px;
  height: 211px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 18s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 18s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 18s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide;
  -mss-animation-duration: 18s;
  -mss-animation-iteration-count:infinite;
  -mss-animation-name: anim_slide;
  -msms-animation-duration: 18s;
  -msms-animation-iteration-count:infinite;
  -msms-animation-name: anim_slide;

  animation-duration: 18s;
  animation-iteration-count:infinite;
  animation-name: anim_slide;
}

@-webkit-keyframes anim_slide 
{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-610px;}
  30% {left:-610px;}
  40% {left:-1220px;}
  50% {left:-1220px;}
  60% {left:-1830px;}
  70% {left:-1830px;}
  80% {left:-2440px;}
  90% {left:-2440px;}
}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-610px;}
  30% {left:-610px;}
  40% {left:-1220px;}
  50% {left:-1220px;}
  60% {left:-1830px;}
  70% {left:-1830px;}
  80% {left:-2440px;}
  90% {left:-2440px;}
}
@-ms-keyframes anim_slide 
{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-610px;}
  30% {left:-610px;}
  40% {left:-1220px;}
  50% {left:-1220px;}
  60% {left:-1830px;}
  70% {left:-1830px;}
  80% {left:-2440px;}
  90% {left:-2440px;}
}

@-mss-keyframes anim_slide 
{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-610px;}
  30% {left:-610px;}
  40% {left:-1220px;}
  50% {left:-1220px;}
  60% {left:-1830px;}
  70% {left:-1830px;}
  80% {left:-2440px;}
  90% {left:-2440px;}
}

@-msms-keyframes anim_slide 
{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-610px;}
  30% {left:-610px;}
  40% {left:-1220px;}
  50% {left:-1220px;}
  60% {left:-1830px;}
  70% {left:-1830px;}
  80% {left:-2440px;}
  90% {left:-2440px;}
}


@keyframes anim_slide 
{
  0% {left:0px;}
  10% {left:0px;}
  20% {left:-610px;}
  30% {left:-610px;}
  40% {left:-1220px;}
  50% {left:-1220px;}
  60% {left:-1830px;}
  70% {left:-1830px;}
  80% {left:-2440px;}
  90% {left:-2440px;}
}







.contener_slideshow3
{
  width:160px;
  height:220px;
  overflow: hidden;
  position: relative;
  background-image: url(YOUR-URL-IMAGE.png);
}
.slid_A, .slid_B, .slid_C
{
  position: absolute;
  width:145px;
  height:190px;
}
.slid_A{left: 0;}
.slid_B{left: 305px;}
.slid_C{left: 610px;}



.contener_slide3
{
  width: 610px;
  height: 190px;
  left:0px;
  position: absolute;
  -webkit3-animation-duration: 15s;
  -webkit3-animation-iteration-count:infinite;
  -webkit3-animation-name: anim_slide3;
  -moz3-animation-duration: 15s;
  -moz3-animation-iteration-count:infinite;
  -moz3-animation-name: anim_slide3;
  -ms3-animation-duration: 15s;
  -ms3-animation-iteration-count:infinite;
  -ms3-animation-name: anim_slide3;

  animation-duration: 15s;
  animation-iteration-count:infinite;
  animation-name: anim_slide3;
}

@-webkit3-keyframes anim_slide3 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}

@-moz3-keyframes anim_slide3 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}

@-ms3-keyframes anim_slide3 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}

@keyframes anim_slide3 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}








.contener_slideshow2
{
  width:610px;
  height:310px;
  overflow: hidden;
  position: relative;
  background-image: url(http:YOUR-URL-IMAGE.png);
}
.slid_A1, .slid_A2, .slid_A3
{
  position: absolute;
  width:610px;
  height:310px;
}
.slid_A1{left: 0;}
.slid_A2{left: 610px;}
.slid_A3{left: 1220px;}
.contener_slide2
{
  width: 1220px;
  height: 310px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide2;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide2;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide2;
  animation-duration: 15s;
  animation-iteration-count:infinite;
  animation-name: anim_slide2;
}
@-webkit-keyframes anim_slide2 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-610px;}
  45% {left:-610px;}
  66% {left:-1220px;}
  90% {left:-1220px;}
}
@-moz-keyframes anim_slide2 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-610px;}
  45% {left:-610px;}
  66% {left:-1220px;}
  90% {left:-1220px;}
}
@-ms-keyframes anim_slide2 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-610px;}
  45% {left:-610px;}
  66% {left:-1220px;}
  90% {left:-1220px;}
}
@keyframes anim_slide2 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-610px;}
  45% {left:-610px;}
  66% {left:-1220px;}
  90% {left:-1220px;}
}






.contener_slideshow0
{
  width:610px;
  height:330px;
  overflow: hidden;
  position: relative;
  background-image: url(YOUR-URL-IMAGE.png);
}
.slid_111, .slid_222, .slid_333, .slid_444, .slid_555, .slid_666
{
  position: absolute;
  width:610px;
  height:120px;
}
.slid_111{left: 0;}
.slid_222{left: 610px;}
.slid_333{left: 1220px;}
.slid_444{left: 1830px;}
.slid_555{left: 2440px;}
.slid_666{left: 3050px;}


.contener_slide0
{
  width: 1220px;
  height: 150px;
  left:0px;
  position: absolute;
  -webkit1-animation-duration: 30s;
  -webkit1-animation-iteration-count:infinite;
  -webkit1-animation-name: anim_slide1;
  -moz1-animation-duration: 30s;
  -moz1-animation-iteration-count:infinite;
  -moz1-animation-name: anim_slide1;
  -ms1-animation-duration: 30s;
  -ms1-animation-iteration-count:infinite;
  -ms1-animation-name: anim_slide1;
  -mss1-animation-duration: 30s;
  -mss1-animation-iteration-count:infinite;
  -mss1-animation-name: anim_slide1;
  -msms1-animation-duration: 30s;
  -msms1-animation-iteration-count:infinite;
  -msms1-animation-name: anim_slide1;
  -msmsm1-animation-duration: 30s;
  -msmsm1-animation-iteration-count:infinite;
  -msmsm1-animation-name: anim_slide1;


  animation-duration: 30s;
  animation-iteration-count:infinite;
  animation-name: anim_slide1;
}

@-webkit1-keyframes anim_slide1 
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}
@-moz1-keyframes anim_slide1 
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}
@-ms1-keyframes anim_slide1 
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}

@-mss1-keyframes anim_slide1 
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}

@-msms1-keyframes anim_slide1 
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}

@-msmsm1-keyframes anim_slide1
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}


@keyframes anim_slide1 
{
  0% {left:0px;}
  8% {left:0px;}
  16% {left:-610px;}
  24% {left:-610px;}
  32% {left:-1220px;}
  40% {left:-1220px;}
  48% {left:-1830px;}
  56% {left:-1830px;}
  64% {left:-2440px;}
  72% {left:-2440px;}
  80% {left:-3050px;}
  88% {left:-3050px;}
}






.contener_slideshow5
{
  width:240px;
  height:290px;
  overflow: hidden;
  position: relative;
  background-image: url(YOUR-URL-IMAGE.png);
}
.slid_AA, .slid_BB, .slid_CC
{
  position: absolute;
  width:145px;
  height:290px;
}
.slid_AA{left: 0;}
.slid_BB{left: 305px;}
.slid_CC{left: 610px;}



.contener_slide5
{
  width: 610px;
  height: 190px;
  left:0px;
  position: absolute;
  -webkit5-animation-duration: 15s;
  -webkit5-animation-iteration-count:infinite;
  -webkit5-animation-name: anim_slide5;
  -moz5-animation-duration: 15s;
  -moz5-animation-iteration-count:infinite;
  -moz5-animation-name: anim_slide5;
  -ms5-animation-duration: 15s;
  -ms5-animation-iteration-count:infinite;
  -ms5-animation-name: anim_slide5;

  animation-duration: 15s;
  animation-iteration-count:infinite;
  animation-name: anim_slide5;
}

@-webkit5-keyframes anim_slide5 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}

@-moz5-keyframes anim_slide5 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}

@-ms5-keyframes anim_slide5 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}

@keyframes anim_slide5 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-305px;}
  45% {left:-305px;}
  66% {left:-610px;}
  90% {left:-610px;}
}






.contener_slideshow6
{
  width:390px;
  height:240px;
  overflow: hidden;
  position: relative;
  background-image: url(YOUR-URL-IMAGE.png);
}
.slid_AAA, .slid_BBB, .slid_CCC
{
  position: absolute;
  width:145px;
  height:190px;
}
.slid_AAA{left: 0;}
.slid_BBB{left: 390px;}
.slid_CCC{left: 780px;}



.contener_slide6
{
  width: 610px;
  height: 190px;
  left:0px;
  position: absolute;
  -webkit6-animation-duration: 15s;
  -webkit6-animation-iteration-count:infinite;
  -webkit6-animation-name: anim_slide6;
  -moz6-animation-duration: 15s;
  -moz6-animation-iteration-count:infinite;
  -moz6-animation-name: anim_slide6;
  -ms6-animation-duration: 15s;
  -ms6-animation-iteration-count:infinite;
  -ms6-animation-name: anim_slide6;

  animation-duration: 15s;
  animation-iteration-count:infinite;
  animation-name: anim_slide6;
}

@-webkit6-keyframes anim_slide6 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-390px;}
  45% {left:-390px;}
  66% {left:-780px;}
  90% {left:-780px;}
}

@-moz6-keyframes anim_slide6 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-390px;}
  45% {left:-390px;}
  66% {left:-780px;}
  90% {left:-780px;}
}

@-ms6-keyframes anim_slide6 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-390px;}
  45% {left:-390px;}
  66% {left:-780px;}
  90% {left:-780px;}
}

@keyframes anim_slide6 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-390px;}
  45% {left:-390px;}
  66% {left:-780px;}
  90% {left:-780px;}
}