@import url('reset.css');

@font-face {
    font-family: 'LeagueGothic';
    src: url('League_Gothic-webfont.eot');
    src: url('League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('League_Gothic-webfont.woff') format('woff'),
         url('League_Gothic-webfont.ttf') format('truetype'),
         url('League_Gothic-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	/*background:#d5dee2;*/
	color:#333;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin: 0;
	padding: 0;
}
a{
	color:#000;
	text-decoration:none;
}
.clr{
	clear:both;
}

/* Vertical Accordion Style */
.va-container{
	position:relative;
	width:1170px;
	height: 400px;
	/*margin:42px 0 10px 0;*/
}
.va-wrapper{
	width:1170px;
	height:100%;
	position:relative;
	overflow:hidden;
	margin:0;
	/*background:#000;
	margin:10px 0  10px 0;*/
}
.va-slice{
	/*cursor:pointer;*/
	position:absolute;
	width:100%;
	left:0px;
	overflow:hidden;
}
.va-slice-1{
	background: url(../images/1.jpg) no-repeat center center;
}
.va-slice-2{
	background: url(../images/2.jpg) no-repeat center center;
}
.va-slice-3{
	background: url(../images/3.jpg) no-repeat center center;
}
.va-slice-4{
	background: url(../images/4.jpg) no-repeat center center;
}
.va-slice-5{
	background: url(../images/5.jpg) no-repeat center center;
}
.va-slice-6{
	background: url(../images/6.jpg) no-repeat center center;
}
.va-slice-7{
	background: url(../images/7.jpg) no-repeat center center;
}
.va-slice-8{
	background: url(../images/8.jpg) no-repeat center center;
}
.va-slice-9{
	background: url(../images/9.jpg) no-repeat center center;
}

.va-slice-10{
	background: url(../images/10.jpg) no-repeat center center;
}




.va-slice-color-1{
	background-color:#97c5eb;
}
.va-slice-color-2{
	background-color:#68ace5;
}
.va-slice-color-3{
	background-color:#0072cf;
}
.va-slice-color-4{
	background-color:#0039a6;
}
.va-slice-color-5{
	background-color:#00338e;
}
.va-slice-color-6{
	background-color:#002c76;
}
.va-slice-color-7{
	background-color:#002144;
}
.va-title{
	font-family: 'LeagueGothic', Arial, sans-serif;
	text-transform:uppercase;
	font-size:26px;
	margin-left:52px;
	color:#fff;
	width:54%;
	padding-top:30px;
	line-height:44px;
}

.va-title span{
	color:#fff;
	font-size:26px;
	background:#000;
	padding:3px;
}

.va-title span .des{
	color:#be2f2e;
	font-size:26px;
	background:#000;
	
}



.va-slice span{
	font-weight:normal;
}


.va-slice ul{
	margin-top:20px;
}
.va-slice ul li{
	float:left;
	margin:0px 2px;
}
.va-slice ul li a{
	color:#000;
	background:#eede2f;
	padding:3px 6px;
	font-size:14px;
	text-transform:uppercase;
}
.va-slice ul li a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}
.va-nav span{
	width:40px;
	height:22px;
	background:transparent url(../images/prev.png) no-repeat center center;
	position:absolute;
	top:4px;
	left:50%;
	margin-left:-20px;
	text-indent:-9000px;
	/*opacity:0.7;*/
	cursor:pointer;
	display:none;
	z-index:100;
}
.va-nav span.va-nav-next{
	background-image:url(../images/next.png);
	top:auto;
	bottom:30px;
}
.va-nav span:hover{
	opacity:1.0;
}


/* GENERALES */ 
.clear{
	clear:both;
}

.left{
	float:left;
}


.right{
	float:right;
}
@media screen and (max-width: 800px){

	.va-nav span{
	width:40px;
	height:22px;
	background:transparent url(../images/prev.png) no-repeat center center;
	position:absolute;
	top:4px;
	left:29%;
	margin-left:-20px;
	text-indent:-9000px;
	/*opacity:0.7;*/
	cursor:pointer;
	display:none;
	z-index:100;
}

.va-slice{
	width: 80%;
	background-position: -122px;
}

}

@media screen and (max-width: 400px){

	.va-nav span{
	width:40px;
	height:22px;
	background:transparent url(../images/prev.png) no-repeat center center;
	position:absolute;
	top:4px;
	left:15%;
	margin-left:-20px;
	text-indent:-9000px;
	/*opacity:0.7;*/
	cursor:pointer;
	display:none;
	z-index:100;
}

.va-slice{
	width: 50%;
	background-position: -402px;
}

}