@font-face{
	font-family:'oswald';
	src:url(../fonts/oswald/Oswald-ExtraLight.ttf);	
}
@font-face{
	font-family:'oswald-bold';
	src:url(../fonts/oswald/Oswald-Bold.ttf);
}
@font-face{
	font-family:'oswald-ligth';
	src:url(../fonts/oswald/Oswald-Light.ttf);
}
img.clickimage{
        cursor: hand;
        cursor: pointer;
        font-weight:normal;
        font-family: calibri,arial,verdana, courier new, courier, sans-serif;
        font-size:7pt;
        color:#0000FF;
}	

.gLabel{
	color: white;
    text-align: left;
    padding: 16px 0px;
    text-decoration: none;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.dLabel{
	color:#6699FF;
    text-align: left;
    padding: 0px 1px;
    text-decoration: none;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.box{
    color: white;
    text-align: center;
    text-decoration: none;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color:#59625C;
	border-bottom-left-radius: 1em;
	font-size:9pt;
}
.input{
    border-width:1px;
    border-style:solid;
    padding: 3px 3px 3px 3px;
    border-bottom-color:#999999;
    border-top-color:#999999;
    border-left-color:#999999;
    border-right-color:#999999;
    border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;	
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;	
    background:#FFFFFF;
    font:700 1em oswald;
    color:#333333;
}
.inputs{
    border-width:1px;
    border-style:solid; 
    border-bottom-color:#999999;
    border-top-color:#999999;
    border-left-color:#999999;
    border-right-color:#999999;
    background:#FFFFFF;
    font-family: arial,verdana, courier new, courier, sans-serif;
    font-size:12pt;
    font-weight:normal;
    color:#333333;	
}
.mbox{
    color: #F7F7FB;
    text-align: center;
    text-decoration: none;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color:#FFFFFF;
	/*border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;/**/
	font-size:9pt;
}
.mbox_bl{
    color: white;
    text-align: center;
    text-decoration: none;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color:#333333;
	border-bottom-left-radius: 0.5em;
	font-size:9pt;
}
.mbox_br{
    color: #000000;    
    text-decoration: none;
    font:700 1em oswald;
	background-color:#FFFFFF;
	border-bottom-right-radius: 0.5em;
}
.btn_1{
    color: white;
    text-align: center;
    text-decoration: none;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color:#333333;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	font-size:9pt;
}
.label_1{
	color:#999999;
    text-align: left;
    padding: 0px 1px;
    text-decoration: none;
    font:700 1em oswald;
    font-size:9pt;
}
.label_2{
	border-width:0px; 
	border-style:solid;   
    font:700 1em oswald-bold;
    font-size:15pt;
    color:#333333;
    background:#CCCCCC;
    border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;	
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}
.label_3{
	border-width:0px; 
	border-style:solid;   
    font:700 1em oswald-bold;
    font-size:10pt;
    color:#333333;
    background:#9999FF;
    padding: 3px 3px 3px 3px;
    border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;	
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}
.label_4{
	border-width:0px; 
	border-style:solid;   
    font:700 1em oswald;
    font-size:10pt;
    color:#FFFFFF;
    background:#26B999;
    padding: 3px 3px 3px 3px;
    border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;	
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}
.label_5{
	border-width:0px; 
	border-style:solid;   
    font:700 1em oswald;
    font-size:12pt;
    color:#000000;
    background:#FFFFFF;
}
.link{
    display:block;
    vertical-align:middle;
    padding: 5px 15px 5px 15px;
    font:700 1em oswald;
    text-align:left;
    text-decoration:none;
    background:#FFFFFF;
    color:#000000;
}
.glineu{
    border-width:1px;
    border-style:solid; 
    border-bottom-color:#FFFFFF;
    border-top-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
}
.gline{
    border-width:1px;
    border-style:solid; 
    border-bottom-color:#000000;
    border-top-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
}
.blur{	
	-webkit-filter: blur(100px); /* Chrome, Safari, Opera */
    filter: blur(100px);
    border-radius: 5px;
}
.gscale{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    border-radius: 5px;
    box-shadow: 30px 30px 30px #888888;
 }
.table{
	box-shadow: 50px 50px 50px #888888;
	border-bottom-color: #0066CC;
	border-top-color: #0066CC;
	border-left-color: #0066CC;
	border-right-color: #0066CC;		
	border-top-width:10px;
	border-radius: 5px;
	background-color:#FFFFFF;
}
.table2{
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-color: #e4e4e4;
    border-top-color: #e4e4e4;
    border-left-color: #e4e4e4;
    border-right-color: #e4e4e4;    
    border-radius: 5px;    
    font:700 1em oswald-bold;
}
.mySlides{
	display:none; 
}
.animate_top{
	position:relative;
	-webkit-animation:animatetop 0.4s;
	animation:animatetop 0.4s;
}
@keyframes animatetop{
	from{top:-300px;opacity:0} to{top:0;opacity:1}
}
@-webkit-keyframes animatetop{
	from{top:-300px;opacity:0} to{top:0px;opacity:1}
}

.animate_bottom{
	position:relative;
	-webkit-animation:animatebottom 0.4s;
	animation:animatebottom 0.4s;
}
@keyframes animatebottom{
	from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}
}
@-webkit-keyframes animatebottom{
	from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}
}

.animate_left{
	position:relative;
	-webkit-animation:animateleft 0.4s;
	animation:animateleft 0.4s;
}
@keyframes animateleft{
	from{left:-300px;opacity:0} to{left:0;opacity:1}
}
@-webkit-keyframes animateleft{
	from{left:-300px;opacity:0} to{left:0px;opacity:1}
}

.animate_right{
	position:relative;
	-webkit-animation:animateright 1s;
	animation:animateright 1s;
}
@keyframes animateright{
	from{right:-2000px;opacity:1} to{right:0;opacity:1}
}
@-webkit-keyframes animateright{
	from{right:-2000px;opacity:1} to{right:0px;opacity:1}
}

/*--------------------------------------------------*/
/* keyframes #anim_slides */
.fade{
	position:relative;
	-webkit-animation:fading 8s infinite;
	animation:fading 8s infinite;
}
@keyframes fading{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes fading{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}

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

.controls{
	text-align:center!important;	
	font-size:18px!important;
	color:#fff!important;
	position:relative;
	left:0px;
	bottom:50px;
	background-color:transparent!important;
	width:100%;
	height:0px;
}
.leftArrow{
	float:left!important;
	padding-left:16px!important;
	color:#b4aa50!important;
	background-color:transparent!important;
	cursor:pointer;	
	height:80%;
}
.rightArrow{
	float:right!important;
	padding-right:16px!important;
	color:#b4aa50!important;
	background-color:transparent!important;
	cursor:pointer;
	height:80%;
}
.bullet{
	border:1px solid #ccc!important;
	background-color:transparent!important;	
	border-radius:50%;
	height:10px;width:5px;padding:0;
	cursor:pointer;
	display:inline-block;padding-left:2px;padding-right:2px;text-align:center;
}
.bull_white,.hover_white:hover{
	color:#000!important;
	background-color:#fff!important;
}
.title{
    font:700 1em oswald-bold;
    font-size:20pt;
    color:#0221140;
}
.title2{
    font:700 1em oswald-bold;
    font-size:20pt;
    color:#FFFFFF;
}
.title3{
    font:700 1em oswald;
    font-size:12pt;
    color:#FFFFFF;
    padding: 10px 10px 10px 10px;
}
.content{
    font:700 1em oswald;
    font-size:15pt;
    color:#000000;
    text-align: justify;
    text-justify: inter-word;
}
.content::-webkit-scrollbar { 
	display: none; 
}
.content2{
    font:800 1em oswald;
    font-size:35pt;
    color:#FFFFFF;
    text-align: justify;
    text-justify: inter-word;
    letter-spacing: 5px;
}
.content3{
    font:800 1em oswald;
    font-size:10pt;
    color:#6F91A7;
    padding: 5px 5px 5px 5px;
    text-justify: inter-word;
    cursor: hand;
    cursor: pointer;
}
.content4{
    font:800 1em oswald;
    font-size:40pt;
    color:#FFFFFF;
    text-align: center;
    letter-spacing: 1px;
}
.content5{
    font:800 1em oswald;
    font-size:25pt;
    color:#000000;
   	background: linear-gradient(45deg,lightgray,white,lightgray);
    letter-spacing: 1px;
}
.container{
    border-width:0px;
}	
.content_bold{
    font:700 1em oswald-bold;
    font-size:15pt;
    color:#000000;
    text-justify: inter-word;
}	
.table_s2{
	padding: 0px 0px;
	overflow-y: scroll;
	height: 825px;
	border-radius: 1px;
	background: linear-gradient(0deg,lightgray,white,lightgray);
	position: relative;
}
.table_s2::-webkit-scrollbar { 
	display: none; 
}

#accordion-resizer {
    padding: 10px;   
    height: 700px;
}
#accordion a:link    {
    color: #369bd7;
}
#accordion a:visited {
    color: #369bd7;
}
#accordion a:hover   {
    color: #c8aff5;
}
#accordion a:active  {
    color: #632f2f;
}
.shim {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    -khtml-opacity: .75;
    -moz-opacity: .75;
    background: #B8B8B8;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index:990
}

.msgbx {
    position: absolute;
    left: 25%;
    top: 15%;
    height: 600px;
    width: 800px;
    overflow-y: auto;
    margin-top: 0px;
    margin-left: 0px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 7px #777;
    -webkit-box-shadow: 3px 3px 7px #777;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    z-index:999;    
}
.video{
	position: relative;
	top: 50%;
	transform: translateY(-20%);
	border-radius: 5px;
}
.pic{
	box-shadow: 10px 10px 10px #888888;	
	border-radius: 5px;
}
.l_t_2_red{
	border-width:0px; 
	border-style:solid;   
    font:700 1em oswald-bold;
    font-size:25pt;
    color:#FF9999;
}
.l_t_2_gre{
	border-width:1px; 
	border-style:solid;
	border-bottom-color: #C0C0C0;
	border-top-color: #C0C0C0;
	border-left-color: #C0C0C0;
	border-right-color: #C0C0C0;
    padding: 5px 5px 5px 5px;	    
    font:700 1em oswald;
    font-size:12pt;
    color:#000000;
    background:#33CC33;
    border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;	
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}
.l_t_2_rojo{
	border-width:1px; 
	border-style:solid;
	border-bottom-color: #C0C0C0;
	border-top-color: #C0C0C0;
	border-left-color: #C0C0C0;
	border-right-color: #C0C0C0;
    padding: 5px 5px 5px 5px;	    
    font:700 1em oswald;
    font-size:12pt;
    color:#000000;
    background:#FF9999;
    border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;	
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}