@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900);

/*GENERAL*/
body{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Open Sans';
}

table{
	border-collapse: collapse;
}

.border{
	border: 1px solid #cecece !important;
	border-radius: 5px !important;
}
.inactive{
	display: none !important;
}
.hidden{
	opacity: 0;
}
.err{
	border: solid 1px #ff0000;
}
.highlighted{
	background: #ffffaf;
}
.hand{
	cursor: pointer;
}
.transition-1-5{
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-ms-transition: all 1.5s;
}

/*TEXTOS*/
.underline:hover{
	text-decoration: underline;
}
.menu{
	color: #000000 !important;
}
	.menu:hover{
		background: #062134 !important;
		color: #ffffff !important;
	}
.f8{
	font-size: 8px !important;
}
.f9{
	font-size: 9px !important;
}
.f12{
	font-size: 12px !important;
}
.f13{
	font-size: 13px !important;
}
.f14{
	font-size: 14px !important;
}
.f15{
	font-size: 15px !important;
}
.f16{
	font-size: 16px !important;
}
.f18{
	font-size: 18px !important;
}
.f20{
	font-size: 20px !important;
}
.f22{
	font-size: 22px !important;
}
.f24{
	font-size: 24px !important;
}
.f26{
	font-size: 26px !important;
}
.f28{
	font-size: 28px !important;
}
.f29{
	font-size: 29px !important;
}
.italic{
	font-style: italic !important;
}
.bold3{
	font-weight: 300 !important;
}
.bold4{
	font-weight: 400 !important;
}
.bold6{
	font-weight: 600 !important;
}
.bold7{
	font-weight: 700 !important;
}
.bold8{
	font-weight: 800 !important;
}
.bold9{
	font-weight: 900 !important;
}
.negro{
	color: #010000 !important;
}
.rojo{
	color: #991b30 !important;
}
.gris{
	color: #58666c !important;
}
.blanco{
	color: #ffffff !important;
}
.azul{
	color: #0000ff !important;
}
.azul2{
	color: #062164 !important;
}
/*END-TEXTOS*/

/*IMAGENES*/
img{
	vertical-align: middle;
}
.top_logo img{
	opacity: 0;
	height: 60px;
}
.div_center_logo{
	display: block;
	margin-top: -100%;
	margin-left: auto;
	margin-right: auto;
}
	.div_center_logo h1{
		text-align: center;
		width: 80%;
		margin: 100px 0px 20px 0px;
	}
.img_center_logo{
	height: 40%;
}
.separador_horizontal{
	width: 40%;
}
.divisor{
	background-image: url(../images/separador.png);
	background-repeat: no-repeat;
	background-position: center right;
}
/*END-IMAGENES*/

/*BUTTONS*/
.title_buttons{
	width: 40px;
}
.progressBar{
	background-color: #FFF;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999;
	height: 10px;
	border-radius:5px;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
	text-align: left;
}
.bar{
	width: 1%;
	height: 100%;
	background-color: #00046e;
}
/*END-BUTTONS*/

/*HEADER*/
.header{
	border: 1px solid #cecece !important;
	min-height: 80px !important;
}
	.ui-hdiv-a, .ui-hdiv-b, .ui-hdiv-c, .ui-hdiv-d, .ui-hdiv-e, .ui-hdiv-f, .ui-hdiv-g, .ui-hdiv-h{
		float: left;
		padding: 0px 15px 0px 15px;
	}
	.ui-hdiv-a{
		width: 40%;
	}
	.ui-hdiv-b, .ui-hdiv-c, .ui-hdiv-d, .ui-hdiv-e, .ui-hdiv-f, .ui-hdiv-g, .ui-hdiv-h{
		width: auto;
	}
	.nav_menu{
		display: none;
		position: absolute;
		top: 10px;
		left: calc(100% - 50px);
	}
	.ui-panel-inner{
		padding: 0px;
		position: absolute;
		top: 1px;
		left: 0;
		right: 0;
		bottom: 0px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.ui-hbody{
		width: 100%;
		height: 80px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
/*END-HEADER*/

/*SECTIONS*/
.full{
	width: 100%;
	min-height: 100%;
}
.content1{
	background: url(../images/banner.jpg) no-repeat center center fixed;
	background-size: 100% 100%;
}
.content2{
	background: url(../images/strategy.png) no-repeat center center fixed;
	background-size: 100% 100%;
}
	.content2 p{
		width: 50%;
		padding-bottom: 30px;
	}
	.chess{
		text-align: right;
	}
.content3{
	background: url(../images/strategy.png) no-repeat center center fixed;
	background-size: 100% 100%;
}
	.content3 .ui-grid-solo{
		width: 80%;
	}
/*END-SECTIONS*/

/*FOOTER*/
.footer{
	min-height: 80px !important;
}
	.ui-fdiv-a, .ui-fdiv-b, .ui-fdiv-c, .ui-fdiv-d{
		float: left;
	}
	.ui-fdiv-a{
		width: 10%;
	}
	.ui-fdiv-b, .ui-fdiv-c, .ui-fdiv-d{
		width: 30%;
	}
	.ui-fbody{
		width: 100%;
		height: 80px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
/*END-FOOTER*/

/*FORMS*/
.popup{
	max-width: 100%;
}
	.popup .ui-grid-a .ui-block-a{
		text-align: right;
		padding: 15px 10px 0px 0px;
	}
	.popup input, .popup textarea{
		max-width: 99% !important;
	}
/*END-FORMS*/















@media(max-width: 1216px){
/*HEADER*/
	.ui-hdiv-a{
		width: 20%;
	}
/*END-HEADER*/
}

@media(max-width: 1068px){
/*HEADER*/
	.ui-hdiv-a{
		width: 0%;
	}
/*END-HEADER*/
}

@media(max-width: 860px){
/*IMAGENES*/
	.img_center_logo{
		width: 60%;
	}
	.separador_horizontal{
		width: 90%;
	}
	.top_logo2{
		margin: 0% 2% 0% 2%;
	}
/*END-IMAGENES*/

/*BUTTONS*/
	.div_center_logo h1{
		margin: 50px 0px 20px 0px;
	}
	.div_center_logo button{
		width: 80% !important;
	}
/*END-BUTTONS*/

/*HEADER*/
	.nav_menu{
		display: block;
	}
	.scrollPage{
		border-bottom: 1px solid #dedede !important;
	}
	.ui-hdiv-a{
		width: 60%;
		float: none;
	}
	.ui-hdiv-b, .ui-hdiv-c, .ui-hdiv-d, .ui-hdiv-e, .ui-hdiv-f, .ui-hdiv-g, .ui-hdiv-h{
		width: 100%;
		float: none;
		display: none;
	}
/*END-HEADER*/

/*SECTIONS*/
	.content2 p{
		width: 80%;
		padding-bottom: 30px;
	}
	.chess{
		text-align: left;
	}
	.content3 .ui-grid-solo{
		width: 90%;
	}
/*END-SECTIONS*/

/*FOOTER*/
	.ui-fdiv-a, .ui-fdiv-b, .ui-fdiv-c, .ui-fdiv-d{
		width: 100%;
		float: none;
	}
	.ui-fdiv-d{
		border-top: 1px solid #999 !important;
	}
/*END-FOOTER*/
/*FORMS*/
	.popup .ui-grid-a .ui-block-a{
		text-align: left;
	}
/*END-FORMS*/
}