@import url(dropkick.css);
/*
@font-face {
	font-family: 'Lato Bold';
	src: url("fonts/lato-bold-webfont.eot");
	src: url("fonts/lato-bold-webfont.eot?#iefix")
		format("embedded-opentype"), url("fonts/lato-bold-webfont.woff2")
		format("woff2"), url("fonts/lato-bold-webfont.woff") format("woff"),
		url("fonts/lato-bold-webfont.ttf") format("truetype"),
		url("fonts/lato-bold-webfont.svg#latobold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Lato';
	src: url("fonts/lato-regular-webfont.eot");
	src: url("fonts/lato-regular-webfont.eot?#iefix")
		format("embedded-opentype"), url("fonts/lato-regular-webfont.woff2")
		format("woff2"), url("fonts/lato-regular-webfont.woff") format("woff"),
		url("fonts/lato-regular-webfont.ttf") format("truetype"),
		url("fonts/lato-regular-webfont.svg#latoregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Lato Light';
	src: url("fonts/lato-light-webfont.eot");
	src: url("fonts/lato-light-webfont.eot?#iefix")
		format("embedded-opentype"), url("fonts/lato-light-webfont.woff2")
		format("woff2"), url("fonts/lato-light-webfont.woff") format("woff"),
		url("fonts/lato-light-webfont.ttf") format("truetype"),
		url("fonts/lato-light-webfont.svg#latolight") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Lato Black';
	src: url("fonts/lato-black-webfont.eot");
	src: url("fonts/lato-black-webfont.eot?#iefix")
		format("embedded-opentype"), url("fonts/lato-black-webfont.woff2")
		format("woff2"), url("fonts/lato-black-webfont.woff") format("woff"),
		url("fonts/lato-black-webfont.ttf") format("truetype"),
		url("fonts/lato-black-webfont.svg#latoblack") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Proxima Nova';
	src: url("fonts/ProximaNova-Regular-webfont.eot");
	src: url("fonts/ProximaNova-Regular-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("fonts/ProximaNova-Regular-webfont.woff2") format("woff2"),
		url("fonts/ProximaNova-Regular-webfont.woff") format("woff"),
		url("fonts/ProximaNova-Regular-webfont.ttf") format("truetype"),
		url("fonts/ProximaNova-Regular-webfont.svg#allerbold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Proxima Nova Bold';
	src: url("fonts/proxima_nova_bold-webfont.eot");
	src: url("fonts/proxima_nova_bold-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("fonts/proxima_nova_bold-webfont.woff2") format("woff2"),
		url("fonts/proxima_nova_bold-webfont.woff") format("woff"),
		url("fonts/proxima_nova_bold-webfont.ttf") format("truetype"),
		url("fonts/proxima_nova_bold-webfont.svg#allerbold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Proxima Nova Light';
	src: url("fonts/ProximaNova-Light-webfont.eot");
	src: url("fonts/ProximaNova-Light-webfont.eot?#iefix")
		format("embedded-opentype"),
		url("fonts/ProximaNova-Light-webfont.woff2") format("woff2"),
		url("fonts/ProximaNova-Light-webfont.woff") format("woff"),
		url("fonts/ProximaNova-Light-webfont.ttf") format("truetype"),
		url("fonts/ProximaNova-Light-webfont.svg#allerbold") format("svg");
	font-weight: normal;
	font-style: normal
}*/
  /*src: url("fonts/Raleway-Black.ttf");
	src: url("fonts/Raleway-BlackItalic.ttf");
	src: url("fonts/Raleway-Bold.ttf");
	src: url("fonts/Raleway-BoldItalic.ttf");
	src: url("fonts/Raleway-ExtraBold.ttf");
	src: url("fonts/Raleway-ExtraBoldItalic.ttf");
	src: url("fonts/Raleway-ExtraLight.ttf");
	src: url("fonts/Raleway-ExtraLightItalic.ttf");
	src: url("fonts/Raleway-Italic.ttf");
	src: url("fonts/Raleway-Light.ttf");
	src: url("fonts/Raleway-LightItalic.ttf");
	src: url("fonts/Raleway-Medium.ttf");
	src: url("fonts/Raleway-MediumItalic");
	src: url("fonts/Raleway-Regular.ttf");
	src: url("fonts/Raleway-SemiBold.ttf");
	src: url("fonts/Raleway-SemiBoldItalic.ttf");
	src: url("fonts/Raleway-Thin.ttf");
	src: url("fonts/Raleway-ThinItalic.ttf");*/
	
@font-face {
	font-family: 'Raleway';
	src: url("fonts/Raleway-Light.ttf");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Raleway-Medium';
	src: url("fonts/Raleway-Medium.ttf");
	font-weight: normal;
	font-style: normal
}


@font-face {
	font-family: 'calibri-bold';
	src: url("fonts/calibri-bold.ttf");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'calibri-bold-italic';
	src: url("fonts/calibri-bold-italic.ttf");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'calibri-italic';
	src: url("fonts/calibri-italic.ttf");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'calibri-regular';
	src: url("fonts/calibri-regular.ttf");
	font-weight: normal;
	font-style: normal
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-family: Raleway;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	background-color: #F1F1F1;
	margin: 0;
	font-family:Raleway;
	font-feature-settings: 'lnum' 1; 
}

a {
	cursor: pointer;
	display: inline-block;
	text-decoration: none
}

a:hover, a:active {
	outline: 0
}

a, button {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s
}

ul, ol {
	list-style: none;
	padding: 0;
	margin: 0
}

table {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse
}

button, input, optgroup, select, textarea {
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	color: inherit
}

button, input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	display: block
}

img {
	max-width: 100%;
	border: 0
}

article, div, aside, footer, header, nav, section {
	display: block
}

hr {
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.left {
	float: left
}

.right {
	float: right
}

.inline {
	display: inline-block
}

.relative, #wrapper, #canvas, section {
	position: relative
}

.absolute {
	position: absolute
}

.fixed {
	position: fixed;
	width: 100%
}

.hidden {
	display: none !important
}

.noscroll {
	overflow: hidden
}

.va-p {
	display: table;
	height: 100%;
	width: 100%
}

.va {
	display: table-cell;
	vertical-align: middle
}

.vab {
	display: table-cell;
	vertical-align: middle;
	vertical-align: bottom
}

.vat {
	display: table-cell;
	vertical-align: middle;
	vertical-align: top
}

.container, article {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1024px;
	z-index: 10
}

#container{
	background-color: #0032A0;
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.tbl {
	display: table;
	width: 100%
}

.tbl>div[class*="col"] {
	float: none !important;
	display: table-cell
}

.tbl.bdsp {
	border-spacing: 15px;
	margin-top: -15px
}

.tbl.bdsp .clearfix {
	border-spacing: 0
}

.clearfix:before, .clearfix:after, article:before, article:after,
	.container:before, .container:after, .row:before, .row:after, .item:before,
	.item:after {
	display: table;
	content: " "
}

.clearfix:after, .container:after, article:after, .row:after, .item:after
	{
	clear: both
}

.show-xs {
	display: none
}

.col1 {
	width: 8.33333%
}

.off1 {
	margin-left: 8.33333%
}

.col2 {
	width: 16.66667%
}

.off2 {
	margin-left: 16.66667%
}

.col3 {
	width: 25%
}

.off3 {
	margin-left: 25%
}

.col4 {
	width: 33.33333%
}

.off4 {
	margin-left: 33.33333%
}

.col5 {
	width: 41.66667%
}

.off5 {
	margin-left: 41.66667%
}

.col6 {
	width: 50%
}

.off6 {
	margin-left: 50%
}

.col7 {
	width: 58.33333%
}

.off7 {
	margin-left: 58.33333%
}

.col8 {
	width: 66.66667%
}

.off8 {
	margin-left: 66.66667%
}

.col9 {
	width: 75%
}

.off9 {
	margin-left: 75%
}

.col10 {
	width: 83.33333%
}

.off10 {
	margin-left: 83.33333%
}

.col11 {
	width: 91.66667%
}

.off11 {
	margin-left: 91.66667%
}

.col12 {
	width: 100%
}

.off12 {
	margin-left: 100%
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10,
	.col11, .col12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left
}

div[class*="xs-col"] {
	padding-right: 15px;
	padding-left: 15px
}

@media ( min-width : 768px) {
	.container, article {
		width: 750px
	}
}

@media ( min-width : 860px) {
	.container, article {
		width: 840px
	}
}

@media ( min-width : 992px) {
	.container, article {
		width: 960px
	}
}

@media ( min-width : 1200px) {
	.container, article {
		width: 1170px
	}
}

@media ( max-width : 768px) {
	.container, article, .col1, .col2, .col3, .col4, .col5, .col6, .col7,
		.col8, .col9, .col10, .col11, .col12 {
		width: 100%
	}
	div[class*="off"] {
		margin-left: 0
	}
	.sm-nb.col1, .sm-col1 {
		width: 8.33333%;
		float: left
	}
	.sm-off1 {
		margin-left: 8.33333% !important
	}
	.sm-nb.col2, .sm-col2 {
		width: 16.66667%;
		float: left
	}
	.sm-off2 {
		margin-left: 16.66667% !important
	}
	.sm-nb.col3, .sm-col3 {
		width: 25%;
		float: left
	}
	.sm-off3 {
		margin-left: 25% !important
	}
	.sm-nb.col4, .sm-col4 {
		width: 33.33333%;
		float: left
	}
	.sm-off4 {
		margin-left: 33.33333% !important
	}
	.sm-nb.col5, .sm-col5 {
		width: 41.66667%;
		float: left
	}
	.sm-off5 {
		margin-left: 41.66667% !important
	}
	.sm-nb.col6, .sm-col6 {
		width: 50%;
		float: left
	}
	.sm-off6 {
		margin-left: 50% !important
	}
	.sm-nb.col7, .sm-col7 {
		width: 58.33333%;
		float: left
	}
	.sm-off7 {
		margin-left: 58.33333% !important
	}
	.sm-nb.col8, .sm-col8 {
		width: 66.66667%;
		float: left
	}
	.sm-off8 {
		margin-left: 66.66667% !important
	}
	.sm-nb.col9, .sm-col9 {
		width: 75%;
		float: left
	}
	.sm-off9 {
		margin-left: 75% !important
	}
	.sm-nb.col10, .sm-col10 {
		width: 83.33333%;
		float: left
	}
	.sm-off10 {
		margin-left: 83.33333% !important
	}
	.sm-nb.col11, .sm-col11 {
		width: 91.66667%;
		float: left
	}
	.sm-off11 {
		margin-left: 91.66667% !important
	}
	.sm-nb.col12, .sm-col12 {
		width: 100%;
		float: left
	}
	.sm-off12 {
		margin-left: 100% !important
	}
	.flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: row wrap-reverse;
		-webkit-flex-flow: row wrap-reverse
	}
}

@media ( max-width : 640px) {
	div[class*="sm-off"] {
		margin-left: 0 !important
	}
	.xs-col1 {
		width: 8.33333% !important;
		float: left
	}
	.xs-off1 {
		margin-left: 8.33333% !important
	}
	.xs-col2 {
		width: 16.66667% !important;
		float: left
	}
	.xs-off2 {
		margin-left: 16.66667% !important
	}
	.xs-col3 {
		width: 25% !important;
		float: left
	}
	.xs-off3 {
		margin-left: 25% !important
	}
	.xs-col4 {
		width: 33.33333% !important;
		float: left
	}
	.xs-off4 {
		margin-left: 33.33333% !important
	}
	.xs-col5 {
		width: 41.66667% !important;
		float: left
	}
	.xs-off5 {
		margin-left: 41.66667% !important
	}
	.xs-col6 {
		width: 50% !important;
		float: left
	}
	.xs-off6 {
		margin-left: 50% !important
	}
	.xs-col7 {
		width: 58.33333% !important;
		float: left
	}
	.xs-off7 {
		margin-left: 58.33333% !important
	}
	.xs-col8 {
		width: 66.66667% !important;
		float: left
	}
	.xs-off8 {
		margin-left: 66.66667% !important
	}
	.xs-col9 {
		width: 75% !important;
		float: left
	}
	.xs-off9 {
		margin-left: 75% !important
	}
	.xs-col10 {
		width: 83.33333% !important;
		float: left
	}
	.xs-off10 {
		margin-left: 83.33333% !important
	}
	.xs-col11 {
		width: 91.66667% !important;
		float: left
	}
	.xs-off11 {
		margin-left: 91.66667% !important
	}
	.xs-col12 {
		width: 100% !important;
		float: left
	}
	.xs-off12 {
		margin-left: 100% !important
	}
	.xs-flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: row wrap-reverse;
		-webkit-flex-flow: row wrap-reverse
	}
}

.lime {
	color: #bfff00
}

a.lime:hover {
	color: #9c0
}

.bg-lime {
	background-color: #bfff00
}

a.bg-lime, button.bg-lime {
	color: white
}

a.bg-lime:hover, button.bg-lime:hover {
	background-color: #9c0
}

.blue {
	color: #0098dd;
	
}

a.blue:hover {
	color: #006ea4
}

.bg-blue {
	background-color: #0090d7
}

.bg-blue-box {
	background-color: #E5EAF4
}

a.bg-blue, button.bg-blue {
	color: white
}

a.bg-blue:hover, button.bg-blue:hover {
	background-color: #006ea4
}

.gray {
	color: #666
}

a.gray:hover {
	color: #4d4d4d
}

.bg-gray {
	background-color: #666
}

a.bg-gray, button.bg-gray {
	color: white
}

a.bg-gray:hover, button.bg-gray:hover {
	background-color: #4d4d4d
}

.gray8 {
	color: #868686
}

a.gray8:hover {
	color: #6d6d6d
}

.bg-gray8 {
	background-color: #868686
}

a.bg-gray8, button.bg-gray8 {
	color: white
}

a.bg-gray8:hover, button.bg-gray8:hover {
	background-color: #6d6d6d
}

.gray3 {
	color: #33393f
}

a.gray3:hover {
	color: #1c2023
}

.bg-gray3 {
	background-color: #33393f
}

a.bg-gray3, button.bg-gray3 {
	color: white
}

a.bg-gray3:hover, button.bg-gray3:hover {
	background-color: #1c2023
}

.trout {
	color: #4c5163
}

a.trout:hover {
	color: #363946
}

.bg-trout {
	background-color: #4c5163
}

a.bg-trout, button.bg-trout {
	color: white
}

a.bg-trout:hover, button.bg-trout:hover {
	background-color: #363946
}

.cyan {
	color: #00b2b3
}

a.cyan:hover {
	color: #007f80
}

.bg-cyan {
	background-color: #00b2b3
}

a.bg-cyan, button.bg-cyan {
	color: white
}

a.bg-cyan:hover, button.bg-cyan:hover {
	background-color: #007f80
}

.lblue {
	color: #c6dfeb
}

a.lblue:hover {
	color: #a0cade
}

.bg-lblue {
	background-color: #c6dfeb
}

a.bg-lblue, button.bg-lblue {
	color: white
}

a.bg-lblue:hover, button.bg-lblue:hover {
	background-color: #a0cade
}

.green {
	color: #0098dd;
}

a.green:hover {
	color: #006ea4
}

.bg-green {
	background-color: #0098dd;
}

.bg-green.clickable:hover, .bg-green.hover:hover {
	background-color: #006ea4
}

a.bg-green, button.bg-green {
	color: white
}

a.bg-green:hover, button.bg-green:hover {
	background-color: #006ea4
}

.red {
	color: #012169;
}

a.red:hover {
	color: #006ea4
}

.bg-red {
	background-color: #012169;
}

.bg-red.clickable:hover, .bg-red.hover:hover {
	background-color: #006ea4
}

a.bg-red, button.bg-red {
	color: white
}

a.bg-red:hover, button.bg-red:hover {
	background-color: #006ea4
}

.bblue {
	color: #09d
}

a.bblue:hover {
	color: #0076aa
}

.bg-bblue {
	background-color: #09d
}

a.bg-bblue, button.bg-bblue {
	color: white
}

a.bg-bblue:hover, button.bg-bblue:hover {
	background-color: #0076aa
}

.navy {
	color: #002269
}

a.navy:hover {
	color: #001136
}

.bg-navy {
	background-color: #002269
}

a.bg-navy, button.bg-navy {
	color: white
}

a.bg-navy:hover, button.bg-navy:hover {
	background-color: #001136
}

.orange {
	color: #ff3f00
}

a.orange:hover {
	color: #cc3200
}

.bg-orange {
	background-color: #ff3f00
}

a.bg-orange, button.bg-orange {
	color: white
}

a.bg-orange:hover, button.bg-orange:hover {
	background-color: #cc3200
}

.bbot {
	border-bottom: 1px solid rgba(153, 153, 153, 0.45)
}

.btop {
	border-top: 1px solid rgba(153, 153, 153, 0.45)
}

.bbot-w {
	border-bottom: 1px solid #FFF
}

.bbot-b {
	border-bottom: 1px solid #bbb
}

.bbO {
	border-bottom: 2px solid #ff3f00
}

.bbN {
	border-bottom: 2px solid #002269
}

.bg-black {
	background-color: #202020
}

.bg-bk {
	background-color: #000
}

.bg-white {
	background-color: #FFF
}

a.bg-white:hover {
	background-color: #DDD
}

.mb10 {
	margin-bottom: 10px
}

.mt10 {
	margin-top: 10px
}

.mr10 {
	margin-right: 10px
}

.ml10 {
	margin-left: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mt20 {
	margin-top: 20px
}

.mr20 {
	margin-right: 20px
}

.ml20 {
	margin-left: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mt30 {
	margin-top: 30px
}

.mr30 {
	margin-right: 30px
}

.ml30 {
	margin-left: 30px
}

.mb40 {
	margin-bottom: 40px
}

.mt40 {
	margin-top: 40px
}

.mr40 {
	margin-right: 40px
}

.ml40 {
	margin-left: 40px
}

.mb50 {
	margin-bottom: 50px
}

.mt50 {
	margin-top: 50px
}

.mr50 {
	margin-right: 50px
}

.ml50 {
	margin-left: 50px
}

.m0 {
	margin: 0 !important
}

.mb5 {
	margin-bottom: 5px
}

.mb60 {
	margin-bottom: 60px
}

.mb70 {
	margin-bottom: 70px
}

.mt5 {
	margin-top: 5px
}

.mt7 {
	margin-top: 7px
}

.mt15 {
	margin-top: 15px
}

.mt100 {
	margin-top: 100px
}

.mt-5 {
	margin-top: -5px
}

.mt-60 {
	margin-top: -60px
}

.mt-190 {
	margin-top: -190px
}

.mt-250 {
	margin-top: -250px
}

.mt-310 {
	margin-top: -310px
}

.ml-s {
	margin-left: -15px
}

.p10 {
	padding: 10px
}

.p20 {
	padding: 20px
}

.p25 {
	padding: 25px
}

.p30 {
	padding: 30px
}

.p40 {
	padding: 40px
}

.p50 {
	padding: 50px
}

.p60 {
	padding: 60px
}

.p0-10 {
	padding: 0 10px
}

.p0-20 {
	padding: 0 20px
}

.p0-40 {
	padding: 0 40px
}

.p10-40 {
	padding: 10px 40px
}

.p0-60 {
	padding: 0 60px
}

.p90-40 {
	padding: 90px 0 40px
}

.p100 {
	padding: 100px 0
}

.p20-0 {
	padding: 20px 0
}

.pb20 {
	padding-bottom: 20px
}

.pb80 {
	padding-bottom: 80px
}

.pl30 {
	padding-left: 30px
}

.pr30 {
	padding-right: 30px
}

.pr40 {
	padding-right: 40px
}

.pt140 {
	padding-top: 140px
}

.pl40 {
	padding-left: 40px
}

.op25 {
	-webkit-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity: 0.25;
	filter: alpha(opacity = 25);
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s
}

.op50 {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s
}

.op75 {
	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity = 75);
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s
}

body {
	font-size: 16px;
	color: #002e9d;
	font-family: Raleway;
	font-weight: 400
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0 0 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%
}

p {
	margin-bottom: 10px
}

.block h4 {
	font-family: 'Georgia', serif
}

em {
	font-weight: 300;
	font-style: normal
}

strong {
	font-weight: 700
}

b, .title {
	font-weight: 900
}

.italic {
	font-style: italic
}

.center {
	text-align: center
}

.under {
	text-decoration: underline
}

h1 {
	font-size: 3.8em
}

.h1 {
	font-size: 3.8rem
}

h2 {
	font-size: 2.3em
}

.h2 {
	font-size: 2.3rem
}

h3 {
	font-size: 2em
}

.h3 {
	font-size: 2rem
}

h4 {
	font-size: 1.6em
}

.h4 {
	font-size: 1.6rem
}

h5 {
	font-size: 1em
}

.h5 {
	font-size: 1rem
}

h6 {
	font-size: 0.75em
}

.h6 {
	font-size: 0.75rem
}

p {
	font-size: 0.875em
}

.f15, footer .full, .modal .tabs a, .login .tabs a {
	font-size: 0.9em
}

.f18 {
	font-size: 1.125em
}

.f20 {
	font-size: 1.25em
}

.f23, #menu h4 {
	font-size: 1.44em
}

.f48 {
	font-size: 3em
}

.f54 {
	font-size: 3.375em
}

.lh100, .title {
	line-height: 100%
}

.lh150 {
	line-height: 150%
}

.lh180 {
	line-height: 180%
}

a, footer input {
	color: #000
}

.white, .sidebar a, footer *, #menu h4, .all-w *, .modal .tabs a, .login .tabs a
	{
	color: white
}

::-webkit-input-placeholder {
	color: #575757
}

:-moz-placeholder {
	color: #575757
}

::-moz-placeholder {
	color: #575757
}

:-ms-input-placeholder {
	color: #575757
}

.btn {
	padding: 15px 10px;
    text-align: center;
    display: inline-block;
    font-size: 18px !important;
    border-radius: 21px;
    opacity: 1;
}

.btn.lg {
	padding: 18px 40px;
	font-size: 0.9em
}

.btn.full {
	width: 100%;
	padding: 15px 20px
}

.btn:hover {
	color: #FFF;
	background-color: #000;
	border-color: #000
}

input[type="text"], input[type="password"], input[type="email"], input[type="button"],
	textarea {
	height: 45px;
	width: 100%;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #FFF
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled,
	input[type="button"]:disabled, textarea:disabled {
	background-color: #f8f5f5
}

input[type="text"].error, input[type="password"].error, input[type="email"].error,
	input[type="button"].error, textarea.error {
	border-color: #ff3f00;
	color: #ff3f00
}

input[type="text"].valid, input[type="password"].valid, input[type="email"].valid,
	input[type="button"].valid, textarea.valid {
	border-color: #00b2b3
}

.modal, .overlay {
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%
}

.overlay {
	position: absolute;
	z-index: 1;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity = 0)
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	overflow: scroll;
	background-color: #000;
	background-color: rgba(1, 33, 105, .5)
}

.modal .logo {
	height: 110px;
	padding-top: 30px
}

.modal .container {
	width: 600px
}

.modal .container.emi {
	width: 60%
}

.modal .container.emi .table-gen td {
	font-size: 15px
}

.modal .close-modal {
	width: 60px;
	height: 60px;
	z-index: 999;
	position: fixed;
	top: 25px;
	right: 28%;
	border: 1px solid #fff;
	background: #001865 url(../img/icons/close.png) center center no-repeat
}

.modal .close-modal:hover {
	background-color: #0090d7
}

.img-bg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top
}

.title {
	position: relative;
	padding-right: 35px;
	display: inline-block;
	margin-bottom: 0
}

.title:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 25px;
	height: 4px;
	display: inline-block;
	background-color: #0090d7
}

.lr {
	position: relative;
	padding-right: 75px;
	display: inline-block
}

.lr:after {
	content: '';
	margin-top: -1px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 65px;
	height: 2px;
	display: inline-block
}

.lr.l-gray:after {
	background-color: #33393F
}

.lr.l-orange:after {
	background-color: #ff3f00
}

.lr.l-aqua:after {
	background-color: #00b2b3
}

.lr.l-navy:after {
	background-color: #002269
}

.lr.l-white:after {
	background-color: white
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s
}

header.scrolled {
	z-index: 1000;
	background-color: #0090d7;
	background-color: rgba(0, 144, 215, 0.9)
}

header.scrolled .menu-bar {
	right: 0
}

header.scrolled .logo {
	background: none
}

header .logo {
	width: 232px;
    height: 74px;
    padding: 10px 10px;
    background-color: #0032A0;
	
}

.logoImg {
		width: 200px;
}

#menu, #search {
	position: fixed;
	top: -150%;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding: 25px 0;
	overflow: scroll;
	background-color: #000;
	background-color: rgba(1, 33, 105, .5)
}

#menu .logo, #search .logo {
	padding: 10px 0
}

#menu .container>div, #search .container>div {
	padding: 0 10px
}

#menu .menu-right, #search .menu-right {
	float: right;
	text-align: right
}

#menu .menu-right>div, #search .menu-right>div {
	display: table;
	height: 100%;
	width: 100%
}

#menu .menu-right>div>div, #search .menu-right>div>div {
	display: table-cell;
	vertical-align: middle
}

#menu .menu-right>div a, #search .menu-right>div a {
	display: inline-block;
	margin-left: 30px
}

#menu .close-menu, #search .close-menu {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	background: #001865 url(../img/icons/close.png) center center no-repeat
}

#menu .close-menu:hover, #search .close-menu:hover {
	background-color: #0090d7
}

#menu h4, #search h4 {
	margin-bottom: 10px
}

#menu ul.nav, #search ul.nav {
	border-top: 10px solid
}

#menu ul.nav a, #search ul.nav a {
	color: #000;
	display: block;
	margin-bottom: 0;
	padding: 8px 17px;
	background-color: #EEE;
	font-size: 1.1em;
	border-bottom: 1px solid #a2a2a3
}

#menu ul.nav.nav-aqua, #search ul.nav.nav-aqua {
	border-top-color: #00b2b3
}

#menu ul.nav.nav-aqua a:hover, #search ul.nav.nav-aqua a:hover {
	color: #00b2b3
}

#menu ul.nav.nav-navy, #search ul.nav.nav-navy {
	border-top-color: #002269
}

#menu ul.nav.nav-navy a:hover, #search ul.nav.nav-navy a:hover {
	color: #002269
}

#menu ul.nav.nav-blue, #search ul.nav.nav-blue {
	border-top-color: #0090d7
}

#menu ul.nav.nav-blue a:hover, #search ul.nav.nav-blue a:hover {
	color: #0090d7
}

#menu ul a, #search ul a {
	color: #FFF;
	font-size: 0.9em;
	margin-bottom: 5px
}

#menu ul a:hover, #search ul a:hover {
	color: #0090d7
}

#menu a.parent {
	background: url(../img/bg/drop.png) 97% center no-repeat
}

#menu a.parent.active {
	background-image: url(../img/bg/drop-up.png)
}

.submenu {
	display: none
}

.submenu a:hover {
	color: #FFF !important
}

#menu .nav-aqua .submenu a {
	background-color: #00B2B3;
	color: #FFF
}

#menu .nav-aqua .submenu a:hover {
	background-color: #4CC9C9
}

#menu .nav-navy .submenu a {
	background-color: #002269;
	color: #FFF
}

#menu .nav-navy .submenu a:hover {
	background-color: #4C6395
}

#menu .nav-blue .submenu a {
	background-color: #0090D7;
	color: #FFF
}

#menu .nav-blue .submenu a:hover {
	background-color: #4CB1E3
}

.search-wrap {
	padding: 50px 100px 150px !important;
	margin-bottom: 30px
}

.search-wrap .search {
	width: 100%;
	position: relative
}

.search-wrap .search button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 56px;
	height: 45px;
	background: #0090d7 url(../img/icons/search.png) center center no-repeat
}

.search-wrap .search button:hover {
	background-color: #006ea4
}

.menu-bar {
	position: absolute;
	top: 15px;
	margin-right: 27px;
	padding: 15px 20px;
	background-color: #0032A0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s
}

.menu-bar a {
	margin-top: 5px;
	margin-right: 20px;
	vertical-align: top
}

.menu-bar a.btn {
	margin-top: 0
}

.menu-bar a:last-child {
	margin-right: 0
}

.menu-bar .btn-menu {
	width: 36px;
	margin-top: 0
}

.menu-bar .btn-menu span {
	width: 100%;
	height: 4px;
	display: block;
	margin-bottom: 6px;
	background-color: #FFF
}

.menu-bar .btn-menu span:last-child {
	margin-bottom: 0
}

.flag {
	width: 26px;
	height: 16px;
	background: url(../img/icons/mx.gif)
}

ul.bull, ol {
	list-style: disc;
	padding-left: 20px
}

ul.bull li, ol li {
	font-family: Raleway;
    color: black;
    margin-bottom: 10px;
    -webkit-opacity: 0.68;
    -moz-opacity: 0.68;
    opacity: 1;
    font-size: 19px;
    filter: alpha(opacity = 68);
	color: #0098dd;
}

.tipsTitulo {
	font-size: 30px;
}

.tips {
	color:black;
	font-size: 17px;
	font-family: Raleway;
}
ol {
	list-style: decimal
}

ol li b {
	font-family: Raleway;
}

.blue.under {
	word-break: break-word
}

#login {
	width: 500px;
	margin: 0 auto
}

.modal .tabs a, .modal .stabs a, #login .tabs a, #login .stabs a {
	width: 50%;
	float: left;
	height: 70px;
	line-height: 100%;
	padding-top: 27px;
	text-align: center;
	text-transform: none;
	background-color: #2d2d2e
}

.modal .tabs a.dl, .modal .stabs a.dl, #login .tabs a.dl, #login .stabs a.dl
	{
	padding-top: 20px
}

.modal .tabs a.act, .modal .tabs a:hover, .modal .stabs a.act, .modal .stabs a:hover,
	#login .tabs a.act, #login .tabs a:hover, #login .stabs a.act, #login .stabs a:hover
	{
	background-color: #030405
}

#login .tabs a, #login .stabs a {
	font-size: 1em
}

.modal .stabs, .login .stabs {
	width: 315px;
	margin: 0 auto 30px
}

.modal .stabs a, .login .stabs a {
	color: #AAA;
	height: auto;
	padding: 10px 0;
	text-align: center
}

.modal .stabs a.act, .modal .stabs a:hover, .login .stabs a.act, .login .stabs a:hover
	{
	background-color: #0090D7;
	color: #FFF
}

.modal .stabs a span, .login .stabs a span {
	height: 27px;
	font-size: 0.7em;
	padding: 8px 0 0 30px;
	display: inline-block;
	background: 0 0 no-repeat
}

.modal .stabs a span.emp, .login .stabs a span.emp {
	background-image: url(../img/icons/empresas.png)
}

.modal .stabs a span.per, .login .stabs a span.per {
	background-image: url(../img/icons/personas.png)
}

.login {
	background-color: #001865;
	padding: 30px;
	word-break: break-word;
	font-family: Raleway-Medium;
}

.loginBoxFont{
	font-size:15px;
	text-align: left;
}
.login .input, .login button, .login .switch {
	width: 80%;
	margin: 0 auto 25px
}

.login .input .inputUser {
	width: 86%;
	margin: 0 auto 25px
}
.login .input .inputPassw {
	width: 86%;
	margin: 0 auto 25px
}

.login .input {
	position: relative
}

.login .input .icon {
	width: 50px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
	background: #AAA center center no-repeat
}

.icon2 {
	width: 50px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	background:white center no-repeat;
}

.login .input .icon.lock {
	background-image: url(../img/icons/lock.png)
}

.login .input .icon.personas {
	background-image: url(../img/icons/personas.png)
}

.login .input .icon.key {
	background-image: url(../img/icons/key.png)
}

.ver {
	background-image: url(../img/icons/show.png)
}
.nover {
	background-image: url(../img/icons/noshow.png)
}

.login .input input {
	padding-left: 60px;
	font-family: Raleway-Medium;
}

.login .switch {
	text-align: right
}

.login .switch input.check:empty {
	margin-left: -999em;
	visibility: hidden
}

.login .switch input.check:empty ~ label {
	color: #FFF;
	font-size: .875em;
	line-height: 35px;
	padding-right: 90px;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.login .switch input.check:empty ~ label:before, .login .switch input.check:empty 
	~ label:after {
	position: absolute;
	display: block;
	top: -8px;
	content: ''
}

.login .switch input.check:empty ~ label:before {
	right: 0;
	z-index: 1;
	width: 70px;
	height: 35px;
	background: #FFF;
	border: 1px solid #0090d7
}

.login .switch input.check:empty ~ label:after {
	right: 0;
	top: -7px;
	z-index: 2;
	width: 34px;
	height: 33px;
	background: #0090d7;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms
}

.login .switch input.check:empty ~ label span {
	position: absolute;
	top: -7px;
	right: 0;
	z-index: 5;
	font-size: 11px;
	line-height: 35px;
	width: 35px;
	text-align: center
}

.login .switch input.check:empty ~ label span:last-child {
	right: 35px;
	color: #000
}

.login .switch input.check:checked ~ label:after {
	right: 35px
}

.login .switch input.check:checked ~ label span {
	color: #000
}

.login .switch input.check:checked ~ label span:last-child {
	color: #FFF
}

.login button {
	display: block;
    letter-spacing: 0px 18px);
    font-family: Raleway-Medium;
}

.login a {
	color: #FFF
}

.login a em {
	text-decoration: underline;
	font-size: 16px;
}

footer {
	padding: 80px 0 50px;
	background-color: #242424
}

footer .h1 {
	font-size: 3.2em
}

footer .links {
	margin: 25px 0 30px;
	text-align: center
}

footer .links li {
	padding: 0 10px;
	display: inline-block
}

footer .links a {
	padding-bottom: 3px;
	border-bottom: 1px solid transparent
}

footer .links a:hover {
	border-color: #0090d7
}

footer .links * {
	color: #0090d7;
	font-size: 1.2em
}

footer input[type="text"], footer input[type="email"] {
	height: 60px;
	font-size: 1.4em
}

footer .tbl>div {
	padding: 10px 30px
}

footer .bl {
	border-left: 1px solid #BBB
}

footer .social a {
	width: 60px;
	height: 44px;
	display: inline-block;
	background: url(../img/icons/social.png);
	transition: all 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s
}

footer .social a.yt {
	background-position: 0 0
}

footer .social a.yt:hover {
	background-position: 0 -44px
}

footer .social a.fb {
	background-position: -60px 0
}

footer .social a.fb:hover {
	background-position: -60px -44px
}

footer .social a.tw {
	background-position: -120px 0
}

footer .social a.tw:hover {
	background-position: -120px -44px
}

footer .social a.in {
	background-position: -180px 0
}

footer .social a.in:hover {
	background-position: -180px -44px
}

footer .social a.gp {
	background-position: -240px 0
}

footer .social a.gp:hover {
	background-position: -240px -44px
}

footer h5 {
	font-size: 1.4em
}

footer .vab p {
	font-size: 0.8em;
	margin-bottom: 5px
}

footer .vab p a {
	padding: 0 5px 2px;
	border-bottom: 1px solid transparent
}

footer .vab p a:hover {
	border-color: #FFF
}

footer .bg-black li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px
}

footer .bg-black li:before {
	content: '\2219';
	position: absolute;
	top: -7px;
	left: 0;
	color: #0090d7;
	font-size: 25px
}

footer .bg-black a {
	padding-bottom: 5px
}

footer .bg-black a:hover {
	text-decoration: underline
}

.pin {
	margin-bottom: 30px
}

.pin a:first-child {
	color: #FFF;
	padding: 0 50px 0 40px;
	line-height: 40px;
	position: relative;
	background: url(../img/icons/pin.png) 0 0 no-repeat
}

.pin a:first-child:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 29px;
	height: 11px;
	background: url(../img/icons/down.png)
}

@media screen and (max-width: 1024px) {
	footer .links li {
		padding: 0 5px
	}
	.modal .container.emi {
		width: 85%
	}
}

@media screen and (min-width: 769px) {
	.show-sm {
		display: none !important
	}
}

@media screen and (max-width: 768px) {
	.hide-sm {
		display: none !important
	}
	.tbl.xs-flex {
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		margin: 0
	}
	.tbl.xs-flex .block {
		margin: 0 1%;
		margin-bottom: 15px
	}
	.tbl.xs-flex .block.sm-col6 {
		width: 48%
	}
	.sm-p300 {
		padding: 30px 0
	}
	.sm-nobd:after {
		display: none !important
	}
	.sm-m0 {
		margin: 0
	}
	.sm-mb20 {
		margin-bottom: 20px
	}
	.sm-mb40 {
		margin-bottom: 40px
	}
	.sm-mt7 {
		margin-top: 7px
	}
	.p0-60 {
		padding: 0 20px
	}
	.p40 {
		padding: 40px 20px
	}
	.p50 {
		padding: 50px 20px
	}
	.p60 {
		padding: 60px 20px
	}
	header, header.scrolled {
		background-color: #000;
		background-color: rgba(1, 33, 105, .5)
	}
	header .logo, header.scrolled .logo {
		background-color: #0090d7;
		margin-left: -15px
	}
	#menu ul.nav {
		margin-bottom: 20px
	}
	#menu ul a {
		font-size: 1.2em;
		margin-bottom: 10px
	}
	.menu-bar {
		background: none;
		margin-right: 0px;
		top: 0;
		right: 0 !important
	}
	.menu-bar a {
		display: none
	}
	.menu-bar a.btn-menu, .menu-bar a.btn {
		display: inline-block;
		margin-top: 15px
	}
	.menu-bar .btn {
		padding: 15px 30px;
		margin-top: 7px !important
	}
	footer .links li {
		padding: 0 10px 15px
	}
	footer .flex>div {
		text-align: center
	}
	footer .bl {
		border: none
	}
	footer .pin a {
		font-size: 34px
	}
	footer .social a {
		margin: 0 20px
	}
	.modal .table-gen tr:nth-child td, .modal .table-gen tr:nth-child td:before
		{
		color: #333 !important
	}
	.modal .table-gen tr td {
		padding-top: 12px;
		padding-bottom: 12px
	}
	.modal .table-gen tr td:before {
		font-size: 1em;
		top: 18px
	}
	#boxlogin .tbl.bdsp {
		padding: 0 15px
	}
	#boxlogin .tbl .br:after {
		display: none !important
	}
	#boxlogin .tbl>div[class*="col"] {
		width: 100%;
		display: block
	}
}

@media screen and (max-width: 640px) {
	header .logo {
		width: 120px;
		height: 70px;
		padding: 24px 15px
	}
	header .menu-bar {
		padding: 7px 10px
	}
	header .menu-bar a.btn {
		padding: 10px;
		margin: 10px 10px 0 0 !important
	}
	header .menu-bar a.btn-menu {
		width: 30px
	}
	footer {
		padding: 40px 0;
		text-align: center
	}
	footer .h1 {
		font-size: 2.6em
	}
	footer .links li {
		display: block
	}
	footer .tbl>div {
		padding: 10px
	}
	footer .pin a {
		font-size: 20px
	}
	footer .social a {
		margin: 20px
	}
	footer input[type="text"], footer input[type="email"] {
		height: 50px
	}
	h1, .h1 {
		font-size: 3.2em
	}
	h2, .h2 {
		font-size: 2em
	}
	h3, .h3 {
		font-size: 1.8em
	}
	h4, .h4 {
		font-size: 1.4em
	}
	.f48 {
		font-size: 2.2em
	}
	.f54 {
		font-size: 3em
	}
	#menu ul a {
		margin-bottom: 20px
	}
	.hide-xs {
		display: none !important
	}
	.show-xs {
		display: block !important
	}
	.xs-left {
		text-align: left !important
	}
	.xs-center {
		text-align: center !important
	}
	.xs-m0 {
		margin-top: 0;
		margin-bottom: 0
	}
	.xs-p0 {
		padding: 0px
	}
	.xs-p400 {
		padding: 40px 0px
	}
	.xs-p20 {
		padding: 20px
	}
	.xs-mb20 {
		margin-bottom: 20px
	}
	.xs-mb40 {
		margin-bottom: 40px
	}
	.p100 {
		padding: 30px 0
	}
	.row.tbl {
		margin: 0
	}
	.tbl.bdsp {
		padding: 0 15px
	}
	.tbl .br:after {
		display: none !important
	}
	.tbl>div[class*="col"] {
		width: 100%;
		display: block
	}
	footer .bg-black li:before, .modal .logo p {
		display: none
	}
	.modal .container, .modal .stabs, .modal .login .input, .modal .login .switch,
		.modal .login button {
		width: 100%
	}
	.modal .login, #login .login {
		padding: 50px 20px
	}
	#login, .login .input, .login button, .login .switch, .login .stabs {
		width: 100%
	}
	#login .tabs a, #login .subtabs a {
		font-size: 0.9em
	}
	.under {
		word-break: break-word
	}
}

body .buorg {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #333;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-size: 14px;
	font-family: Raleway;
}

body .buorg div {
	padding: 10px 36px 10px 40px
}

body .buorg div a {
	text-decoration: underline
}

body.otra .buorg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,
		endColorstr=#E6000000);
	zoom: 1;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 99999;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #333;
	text-align: left;
	cursor: pointer;
	color: #000;
	font-size: 20px;
	font-family: Raleway;
}

body.otra .buorg div {
	padding: 25%;
	color: #fff
}

body.otra .buorg div a {
	text-decoration: underline
}

body.otra #buorgclose {
	right: 25%;
	top: 40%;
	height: 40px;
	width: 40px;
	font-size: 40px
}

.menu-bar {
	right: 0;
	margin-right: 5px
}

.h115 {
	height: 115px
}

.return {
	position: absolute;
	top: 10px;
	left: -30px
}

.bgn90 {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9)
}

.bgw60 {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6)
}

.bg-gradO {
	background: #002269;
	background: -moz-radial-gradient(center, ellipse cover, #002269 0%, #0e2b66 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,
		color-stop(0%, #002269), color-stop(100%, #0e2b66));
	background: -webkit-radial-gradient(center, ellipse cover, #002269 0%, #0e2b66 100%);
	background: -o-radial-gradient(center, ellipse cover, #002269 0%, #0e2b66 100%);
	background: -ms-radial-gradient(center, ellipse cover, #002269 0%, #0e2b66 100%);
	background: radial-gradient(ellipse at center, #002269 0%, #0e2b66 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002269',
		endColorstr='#0E2B66', GradientType=1)
}

.bg-gradO.tr {
	position: relative
}

.bg-gradO.tr:after {
	width: 0;
	height: 0;
	content: '';
	margin-left: -55px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	border-style: solid;
	border-width: 48px 55px 0 55px;
	border-color: #0A2866 transparent transparent transparent
}

.bg-gradV {
	background: #00afb3;
	background: -moz-radial-gradient(center, ellipse cover, #00afb3 0%, #007174 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,
		color-stop(0%, #00afb3), color-stop(100%, #007174));
	background: -webkit-radial-gradient(center, ellipse cover, #00afb3 0%, #007174 100%);
	background: -o-radial-gradient(center, ellipse cover, #00afb3 0%, #007174 100%);
	background: -ms-radial-gradient(center, ellipse cover, #00afb3 0%, #007174 100%);
	background: radial-gradient(ellipse at center, #00afb3 0%, #007174 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afb3',
		endColorstr='#007174', GradientType=1)
}

.bg-gradV.tr {
	position: relative
}

.bg-gradV.tr:after {
	width: 0;
	height: 0;
	content: '';
	margin-left: -55px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	border-style: solid;
	border-width: 48px 55px 0 55px;
	border-color: #008387 transparent transparent transparent
}

.bg-gradG {
	background: #ffffff;
	background: -moz-linear-gradient(top, #fff 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
		color-stop(100%, #cdcdcd));
	background: -webkit-linear-gradient(top, #fff 0%, #cdcdcd 100%);
	background: -o-linear-gradient(top, #fff 0%, #cdcdcd 100%);
	background: -ms-linear-gradient(top, #fff 0%, #cdcdcd 100%);
	background: linear-gradient(to bottom, #fff 0%, #cdcdcd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#cdcdcd', GradientType=0)
}

.bg-gradG.btn {
	color: #595959
}

.bg-gradG.btn:hover {
	background: #cdcdcd
}

.bg-btrans {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8)
}

.subtitle {
	color: #33393F;
	position: relative;
	padding-right: 75px;
	display: inline-block
}

.subtitle:after {
	content: '';
	width: 65px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	background-color: #33393F
}

.subtitle.white {
	color: #FFF
}

.subtitle.white:after {
	background-color: #fff
}

.subtitle.blue:after {
	background-color: #0090d7
}

p.subtitle {
	padding-right: 55px
}

p.subtitle:after {
	width: 45px;
	bottom: 12px
}

.sub {
	position: relative
}

.sub:after {
	content: '';
	width: 36px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	background-color: #CCC
}

.stage {
	height: 585px;
	padding-top: 140px
}

.stage.ha {
	height: auto
}

.stage.h450 {
	height: 450px
}

.stage * {
	color: #FFF
}

.stage .gray3 {
	color: #33393f
}

.stage h1 {
	font-weight: 300;
	font-size: 4.0em;
	line-height: 100%
}

.stage h1.f60 {
	font-size: 3.8em
}

.stage h1.f95 {
	font-size: 5.9em
}

.stage h1 span {
	display: inline-block;
	position: relative;
	padding-right: 80px
}

.stage h1 span:after {
	content: '';
	width: 70px;
	height: 4px;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 0
}

.stage h1.orange span:after {
	background-color: #ff3f00
}

.stage h1.blue span:after {
	background-color: #0090d7
}

.stage h1.aqua span:after {
	background-color: #00b2b3
}

.stage h1.navy span:after {
	background-color: #002269
}

.stage h3 {
	font-family: Raleway;
}

.stage>.overlay {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100)
}

.stage .block-home {
	cursor: pointer;
	padding: 40px 30px;
	border: 2px solid transparent
}

.stage .block-home h2 {
	color: #4c5163;
	margin-bottom: 10px;
	text-transform: uppercase
}

.stage .block-home h2 small {
	font-size: 0.4em;
	line-height: 0.4em
}

.stage .block-home hr {
	width: 80px;
	height: 2px;
	margin: 0 0 10px;
	border: none;
	background-color: #0090d7
}

.stage .block-home p {
	color: #33393f;
	font-size: 0.95em
}

.tr {
	position: relative;
	padding-bottom: 80px
}

.tr:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
	border-style: solid;
	border-width: 0 0 85px 95px;
	border-color: transparent transparent #f1f1f1 transparent
}

.bbp {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #c6dfeb
}

.bbp * {
	color: #333
}

.bbp p {
	line-height: 90%;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: Raleway;
}

.bbp p:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0%;
	display: block;
	width: 75px;
	height: 2px;
	background-color: #002269
}

.bbp p.aqua:after {
	background-color: #00b2b3
}

.bbp li {
	padding-left: 20px;
	margin-bottom: 10px;
	position: relative;
	font-size: 0.875em;
	text-transform: uppercase;
	font-family: Raleway;
}

.bbp li span {
	position: absolute;
	left: 0;
	top: 3px;
	width: 10px;
	height: 10px;
	border: 3px solid #002269;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.bbp li a:hover {
	color: #002269
}

.block-bp {
	width: 33%;
	float: left
}

.block-bp::nth-child(-4n+6)>div, .block-bp:nth-child(4n+9)>div {
	border-left: none;
	border-right: none
}

.block-bp .bg-lblue, .block-bp .img-bg {
	min-height: 310px !important;
	border: 5px solid #f1f1f1;
	border-bottom: none;
	padding: 30px 20px
}

.block-bp .bg-lblue.p20, .block-bp .img-bg.p20 {
	padding: 20px
}

.block-bp .bg-lblue h3, .block-bp .img-bg h3 {
	line-height: 90%;
	position: relative;
	font-family: Raleway;
}

.block-bp .bg-lblue h3:after, .block-bp .img-bg h3:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -33px;
	display: block;
	width: 65px;
	height: 2px;
	background-color: #002269
}

.block-bp .bg-lblue h3.aqua:after, .block-bp .img-bg h3.aqua:after {
	background-color: #00b2b3
}

.block-bp .bg-lblue p, .block-bp .bg-lblue li, .block-bp .img-bg p,
	.block-bp .img-bg li {
	font-size: 1.25em;
	font-family: Raleway;
}

.block-bp .img-bg {
	text-align: center;
	display: table;
	height: 100%;
	width: 100%
}

.block-bp .img-bg * {
	color: #FFF
}

.block-bp .img-bg>div {
	display: table-cell;
	vertical-align: bottom
}

.block-bp .img-bg p {
	padding: 0 30px
}

.block-bp .bg-lblue h3, .block-bp .bg-lblue li {
	color: #28231A
}

.block-bp .bg-lblue h3 {
	margin-bottom: 30px
}

.block-bp .bg-lblue h3:after {
	left: 0;
	margin-left: 0
}

.block-bp .bg-lblue ul {
	list-style: disc;
	padding-left: 20px
}

.block-bp .bg-lblue li {
	font-family: Raleway;
	margin-bottom: 10px;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80)
}

#blocks-bp .bg-lblue li a:hover {
	color: #002269
}

#blocks-be .bg-lblue li a:hover {
	color: #00b2b3
}

.tbl .br, .row .br {
	position: relative
}

.tbl .br:after, .row .br:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #AAA
}

.tbl .br.b90:after, .row .br.b90:after {
	height: 90%;
	top: 5%
}

.tbl .br.white:after, .row .br.white:after {
	background-color: #FFF
}

.follow a {
	display: block;
	font-size: 25px;
	line-height: 44px;
	padding-left: 55px;
	position: relative;
	margin-bottom: 25px
}

.follow a:before {
	content: '';
	left: 0;
	top: 8px;
	position: absolute;
	width: 40px;
	height: 28px;
	background: url(../img/icons/social.png) 0 0 no-repeat;
	-webkit-background-size: 200px;
	-moz-background-size: 200px;
	-o-background-size: 200px;
	-ms-background-size: 200px;
	background-size: 200px
}

.follow a.fb:before {
	background-position: -40px 0
}

.follow a.tw:before {
	background-position: -80px 0
}

.follow a.in:before {
	background-position: -120px 0
}

.follow a.gp:before {
	background-position: -160px 0
}

.follow a:hover {
	color: #0090d7
}

.follow a.yt:hover:before {
	background-position: 0 -30px
}

.follow a.fb:hover:before {
	background-position: -40px -30px
}

.follow a.tw:hover:before {
	background-position: -80px -30px
}

.follow a.in:hover:before {
	background-position: -120px -30px
}

.follow a.gp:hover:before {
	background-position: -160px -30px
}

.share {
	font-size: 1.125em
}

.share * {
	display: inline-block
}

.share p {
	vertical-align: sub;
	margin-right: 10px
}

.share a {
	width: 35px;
	height: 28px;
	background: url(../img/icons/share.png);
	transition: all 0ms;
	-moz-transition: all 0ms;
	-webkit-transition: all 0ms;
	-o-transition: all 0ms
}

.share a.twitter {
	background-position: 0 0
}

.share a.twitter:hover {
	background-position: 0 -28px
}

.share a.linkedin {
	background-position: -35px 0
}

.share a.linkedin:hover {
	background-position: -35px -28px
}

.share a.facebook {
	background-position: -70px 0
}

.share a.facebook:hover {
	background-position: -70px -28px
}

.tabs a {
	color: #FFF;
	height: 56px;
	padding-top: 20px;
	font-size: 0.75em;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	background-color: #414950
}

.tabs a.w20 {
	width: 20%;
	float: left
}

.tabs a.active, .tabs a:hover {
	background-color: #0090d7
}

.tabs a.dbl {
	height: 86px;
	font-size: 21px;
	line-height: 21px;
	text-transform: none
}

.tabs a.dbl small {
	font-size: 16px
}

.tab {
	display: none
}

.tab.act {
	display: block
}

.acc {
	padding: 10px;
	display: block;
	font-weight: 700;
	font-size: 1.5rem;
	position: relative;
	border: 2px solid #EEE
}

.acc:hover {
	background-color: #f7f7f7
}

.acc:after {
	content: '';
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 10px;
	right: 15px;
	background: url(../img/icons/close2.png) center center no-repeat;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms
}

.acc.on:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.acc-cont {
	display: none;
	padding: 20px 15px;
	border-left: 2px solid #EEE;
	border-right: 2px solid #EEE
}

.acc-cont p {
	font-size: 1em;
	line-height: 140%;
	margin-bottom: 20px
}

.acc-cont:last-child {
	border-bottom: 2px solid #eee
}

form fieldset {
	margin: 0 0 30px;
	border: none;
	padding: 0
}

form input, form textarea {
	height: 50px;
	font-size: 18px;
	padding: 11px 20px;
	background-color: #FFF;
	color: #000 !important
}

form input.bgE, form textarea.bgE {
	background-color: #EEE
}

form textarea {
	height: 220px
}

form button.btn {
	font-size: 18px !important;
    background-color: #0098dd;
    border-radius: 21px;
    opacity: 1;
}

form button.btn:hover {
	background-color: #006ea4
}

input.bd, textarea.bd {
	border: 1px solid #bbb;
	height: 52px
}

textarea.bd {
	height: 200px
}

.table.t-aqua th {
	background-color: #00b2b3
}

.table th {
	color: #fff;
	padding: 15px 0;
	font-size: 29px;
	text-align: center;
	position: relative;
	font-weight: normal
}

.table th.br {
	border-right: 1px solid white
}

.table th small {
	font-size: 22px
}

.table td {
	padding: 20px 10px 10px 30px;
	border-bottom: 1px solid #DBDBDB
}

.table tbody tr:last-child td {
	border: none
}

.lbor li {
	padding: 20px 15px;
	border-top: 1px solid #BBB
}

.l-ind li {
	padding: 20px 0;
	cursor: pointer;
	border: 2px solid #EEE;
	border-bottom: none
}

.l-ind li:last-child {
	border-bottom: 2px solid #EEE
}

.l-ind li .br {
	border-right: 1px solid #000
}

.l-ind li .bl {
	border-left: 1px solid #AAA;
	padding-left: 0
}

.l-ind li .bl>div {
	padding-left: 15px
}

.l-ind li .bb {
	border-bottom: 1px solid #AAA
}

.l-ind li .bbot {
	border-bottom: 2px solid #EEE
}

.l-ind li .pt {
	padding-top: 10px
}

.l-ind li .mid {
	vertical-align: middle
}

.l-ind li:hover {
	background-color: #EEE
}

.l-ind li.open {
	margin-bottom: 20px;
	border-bottom: 2px solid #EEE
}

.l-ind li.open:hover {
	background-color: #FFF
}

.l-ind li .graph {
	display: none;
	border-top: 2px solid #EEE
}

.l-ind li .graph img {
	width: 100%
}

.boletin {
	padding: 15px 18px;
	background-color: #F7F7F7
}

.boletin a {
	font-size: .75em
}

input.cbox:empty {
	margin-left: -999em;
	height: auto
}

input.cbox:empty ~ label {
	position: relative;
	float: left;
	font-weight: 700;
	text-indent: 30px;
	font-size: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

input.cbox:empty ~ label em {
	font-size: 14px;
	margin-top: 3px;
	float: left
}

input.cbox:empty ~ label:before {
	position: absolute;
	display: block;
	top: 5px;
	bottom: 0;
	left: 0;
	content: '';
	width: 14px;
	height: 14px;
	border: 1px solid #33393F
}

input.cbox:checked ~ label:before, input.cbox.checked ~ label:before {
	content: '';
	background: url(../img/icons/tick.png) -6px bottom no-repeat;
	height: 14px;
	width: 14px
}

.download {
	display: block;
	min-height: 50px;
	font-size: 1.2em;
	padding-left: 60px;
	margin-bottom: 40px;
	background: url(../img/icons/download-b.png) 0 0 no-repeat;
	transition: background 300ms;
	-moz-transition: background 300ms;
	-webkit-transition: background 300ms;
	-o-transition: background 300ms
}

.download:hover {
	background-position: 0 10px;
	color: #33393F
}

.download.mb20 {
	margin-bottom: 20px
}

#map-canvas {
	padding: 10px;
	width: 100%;
	height: 400px
}

#map-canvas img {
	max-width: inherit
}

.offices li {
	padding: 30px 0;
	border-top: 1px solid #CCC
}

.offices li h4 {
	font-size: 1.4em;
	margin: 0;
	font-weight: 700
}

.offices li p {
	font-size: 1em
}

.offices li a {
	color: #09d;
	font-size: 0.75em;
	font-weight: 700
}

.offices li h5 {
	font-size: 1em;
	margin-bottom: 10px
}

.offices li h5 strong {
	font-size: 1.125em
}

.offices li h4, .offices li h5, .offices li p {
	color: #767a7e
}

.offices li:last-child {
	border-bottom: 1px solid #CCC
}

.faq>li {
	padding: 40px 15px 15px;
	border-bottom: 2px solid #DBDBDB
}

.faq>li p, .faq>li h3 {
	color: #33393F
}

.faq>li h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
	font-weight: 700
}

.faq>li p {
	font-size: 1em
}

.faq>li ul {
	list-style: disc;
	padding-left: 20px
}

.faq>li ul li {
	font-family: Raleway;
	font-size: 0.875em;
	margin-bottom: 10px;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity = 70)
}

.faq>li .related {
	text-align: right
}

.faq>li .related a {
	color: #09d;
	padding: 0 7px;
	font-weight: 700;
	font-size: 0.75em;
	border-right: 1px solid #000
}

.faq>li .related a:last-child {
	border: none
}

.bg-f7 {
	background: #f7f7f7
}

.p10-20 {
	padding: 10px 20px
}

.t-fondos th {
	color: #33393f;
	font-size: 13px;
	padding: 0 15px;
	font-weight: 700
}

.t-fondos th.tar {
	text-align: right
}

.t-fondos td {
	padding: 10px 15px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	border-bottom: none
}

.t-fondos td.tar {
	text-align: right
}

.t-fondos td.serie {
	border-left: 1px solid #AAA !important;
	border-bottom: 1px solid #AAA !important
}

.t-fondos tbody tr:last-child td.serie {
	border-bottom: none !important
}

.fondo {
	cursor: pointer
}

.fondo:hover, .fondo.act {
	background-color: #f3f3f3
}

.fondo:hover .h4, .fondo.act .h4 {
	text-decoration: underline
}

.emisora {
	display: none;
	padding: 0 20px 50px;
	background-color: #f7f7f7
}

.emisora .close {
	margin-top: 20px
}

.emisora .close:hover {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity = 70)
}

.emisora .btn {
	font-size: 1em;
	margin: 0 10px;
	padding: 8px 15px;
	text-transform: none;
	line-height: 28px
}

.emisora .btn img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.emisora table, .table-gen {
	margin-bottom: 25px
}

.emisora table td, .emisora table th, .table-gen td, .table-gen th {
	padding: 18px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 13px
}

.emisora table tr:last-child td, .table-gen tr:last-child td {
	border-bottom: none
}

.emisora table th, .table-gen th {
	background-color: #0090d7;
	color: #FFF;
	font-size: 16px
}

.calc {
	border: 1px solid #dbdbdb
}

.calc th {
	vertical-align: bottom;
	font-size: 15px
}

.calc td {
	font-size: 18px
}

.calc td b {
	font-size: 22px
}

#slider-fondos {
	margin: 0
}

#slider-fondos .slick-prev, #slider-fondos .slick-next {
	margin-top: -36px
}

#slider-fondos .slick-prev {
	left: -30px
}

#slider-fondos .slick-next {
	right: -30px
}

#slider-fondos .block {
	float: none;
	padding: 0 10px;
	position: relative;
	text-align: center;
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid rgba(170, 170, 170, 0.7)
}

#slider-fondos .block h4 {
	font-size: 1.2em;
	margin-top: 10px
}

#slider-fondos .block img {
	margin: 0 auto
}

#slider-fondos .block .img-bg {
	height: 135px
}

#slider-fondos .block .cont {
	padding: 15px 25px
}

#slider-fondos .block a.overlay {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8)
}

#slider-fondos .block a.overlay span.va {
	color: #FFF;
	font-size: 1.37em;
	text-align: center;
	text-transform: uppercase;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px)
}

#slider-fondos .block a.overlay img {
	display: block;
	margin: 10px auto 0
}

#slider-fondos .block:hover .overlay {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100)
}

#slider-fondos .block:hover .overlay span.va {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

#slider {
	padding: 15px
}

#slider .block-bp {
	padding: 0 5px
}

#slider .block-bp>div {
	position: relative;
	border: none !important
}

#slider .block-bp div.overlay {
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8)
}

#slider .block-bp div.overlay .va {
	color: #FFF;
	padding: 0 10px;
	font-size: 1.2em;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px)
}

#slider .block-bp:hover .overlay {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100)
}

#slider .block-bp:hover .overlay .va {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

#slider .slick-prev, #slider .slick-next {
	width: 35px;
	height: 58px;
	margin-top: -29px;
	background-image: url(../img/icons/arrows-w.png)
}

#slider .slick-next {
	background-position: -35px 0
}

#slider .slick-dots {
	top: auto;
	bottom: -10px;
	width: 100%;
	text-align: center
}

a.back {
	width: 37px;
	height: 37px;
	padding: 12px;
	border: 1px solid #bbb;
	background: url(../img/icons/close2.png) center center no-repeat
}

input.bd {
	border: 1px solid #bbb;
	height: 52px
}

.login.sistema {
	width: 384px;
	padding: 20px;
	z-index: -1;
	position: absolute;
	right: 74px;
	top: -500px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	background-color: #000;
	background-color: rgba(1, 33, 105, .5);
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms
}

.login.sistema button, .login.sistema .input {
	width: 100%;
	margin-bottom: 15px
}

.login.sistema.show {
	top: 78px;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100);
	z-index: 0
}

.login.sistema .close-sistema {
	position: absolute;
	top: 0;
	right: -50px;
	width: 40px;
	height: 40px;
	background: #001865 url(../img/icons/close.png) center center no-repeat
}

.guias {
	padding: 40px
}

.guia {
	height: 240px;
	position: relative
}

.guia .cont {
	width: 100%;
	padding: 14px 20px;
	height: 100%;
	background-color: #eee;
	position: absolute;
	top: 0;
	left: 0
}

.guia p {
	font-size: 1rem
}

.guia h4 {
	font-size: 0.9rem;
	color: #09d;
	margin-bottom: 5px
}

.guia h2 {
	font-size: 1.5rem;
	height: 75px;
	border-bottom: 1px solid #999;
	margin-bottom: 5px
}

.guia .a2a_default_style .a2a_img_text {
	display: none
}

.guia .btnshare, .guia .video, .guia .file {
	position: absolute;
	bottom: 0;
	color: #FFF;
	width: 50%;
	height: 48px;
	font-size: 0.8rem
}

.guia .a2a_dd {
	height: 48px;
	padding: 15px 0 15px 40px;
	width: 100%;
	color: #fff;
	background: #333 url(../img/icons/compartir.png) 12px center no-repeat
}

.guia .video {
	z-index: 20;
	display: block;
	padding: 15px 0 15px 44px;
	left: 50%;
	width: 50%;
	background: #09d url(../img/icons/play.png) 10px center no-repeat;
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	-o-background-size: 30px;
	-ms-background-size: 30px;
	background-size: 30px
}

.guia .file {
	padding: 15px 0 15px 40px;
	left: 0;
	width: 50%;
	background: #333 url(../img/icons/pdf.png) 10px center no-repeat;
	-webkit-background-size: 22px;
	-moz-background-size: 22px;
	-o-background-size: 22px;
	-ms-background-size: 22px;
	background-size: 22px
}

.guia .file:hover {
	background-color: #666
}

.guia.video-over .cont {
	background-color: #09d
}

.guia.video-over p {
	display: none
}

.guia.video-over h2, .guia.video-over h4 {
	color: #FFF;
	border: none
}

.guia.video-over .video {
	width: 100%;
	height: 130px;
	padding: 80px 0 0;
	text-align: center;
	font-size: 1.3em;
	left: 0;
	z-index: 10;
	background-position: center 20px;
	-webkit-background-size: 60px;
	-moz-background-size: 60px;
	-o-background-size: 60px;
	-ms-background-size: 60px;
	background-size: 60px
}

#ticker .slick-dots {
	top: auto;
	bottom: -30px;
	width: 100%;
	text-align: center
}

#ticker .slick-dots li.slick-active button:before {
	background-color: #fff
}

#ticker p {
	margin: 0
}

@media screen and (max-width: 1200px) {
	.guias .tbl.bdsp {
		border-spacing: 0;
		margin: 0
	}
	.guia {
		height: 320px
	}
	.guia .cont {
		padding: 15px
	}
	.guia .links {
		height: 96px
	}
	.guia .links .btnshare, .guia .links .video {
		width: 100%
	}
	.guia .links .a2a_dd {
		padding-left: 50px
	}
	.guia .links .video {
		top: 48px;
		left: 0;
		padding-left: 50px
	}
}

@media screen and (max-width: 1024px) {
	.md-col6 {
		width: 50%;
		margin-bottom: 30px
	}
	.guias .tbl {
		display: block
	}
	.guias .tbl>div {
		display: block !important;
		float: left !important
	}
	.guia {
		height: 240px;
		width: 100%
	}
	.guia .cont {
		position: relative
	}
	.guia h2 {
		height: auto;
		padding-bottom: 10px
	}
}

@media screen and (max-width: 768px) {
	.return {
		display: none
	}
	.sm-mt200 {
		margin-top: -200px
	}
	.block-bp {
		width: 50%
	}
	.block-bp>div {
		border-left: 5px solid #f1f1f1;
		border-right: 5px solid #f1f1f1 !important
	}
	.block-bp:nth-of-type(2n)>div {
		border-left: none
	}
	.table th {
		font-size: 22px
	}
	table.table.t-fondos thead, table.table.t-fondos tbody, table.table.t-fondos th,
		table.table.t-fondos td, table.table.t-fondos tr, .table-gen thead,
		.table-gen tbody, .table-gen th, .table-gen td, .table-gen tr {
		display: block
	}
	table.table.t-fondos thead tr, .table-gen thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	table.table.t-fondos tr, .table-gen tr {
		border: 1px solid #DBDBDB
	}
	table.table.t-fondos tr:nth-of-type(odd), .table-gen tr:nth-of-type(odd)
		{
		background: #DBDBDB
	}
	table.table.t-fondos td, .table-gen td {
		border: none !important;
		border-bottom: 1px solid #DBDBDB;
		position: relative;
		padding-left: 50%;
		padding-right: 20px;
		font-size: 1em;
		width: 100%;
		color: #666 !important;
		text-align: center
	}
	table.table.t-fondos td:before, .table-gen td:before {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 40%;
		text-align: left;
		font-size: 0.8em;
		padding-right: 10px;
		overflow: hidden;
		word-break: break-word;
		content: attr(data-th) ": "
	}
	.login.sistema {
		width: 100%;
		right: 0
	}
	.login.sistema.show {
		top: 90px
	}
	.login.sistema p {
		padding-right: 50px
	}
	.login.sistema .close-sistema {
		top: 10px;
		right: 15px
	}
	.stage .block-home h2 {
		font-size: 1.8em
	}
}

@media screen and (max-width: 640px) {
	.stage h1 {
		font-size: 3.2em;
		word-break: break-word
	}
	.stage h1.xs {
		font-size: 2.4em
	}
	.stage h1.f95 {
		font-size: 3.3em
	}
	.stage h1.sm {
		font-size: 2.6em
	}
	.stage h1.xs {
		font-size: 2.2em
	}
	.stage h1 span {
		padding-right: 50px
	}
	.stage h1 span:after {
		width: 40px;
		bottom: 15px
	}
	.stage h3 {
		font-size: 1.6em
	}
	.stage article {
		overflow: hidden
	}
	.stage.xs-ha {
		height: auto
	}
	.block-bp {
		width: 100%
	}
	.block-bp>div {
		border-left: 5px solid #f1f1f1 !important;
		border-right: 5px solid #f1f1f1 !important
	}
	.block-bp .bg-lblue li {
		font-size: 1.1em
	}
	table.table thead, table.table tbody, table.table th, table.table td,
		table.table tr, .table-gen thead, .table-gen tbody, .table-gen th,
		.table-gen td, .table-gen tr {
		display: block
	}
	table.table thead tr, .table-gen thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	table.table tr, .table-gen tr {
		border: 1px solid #DBDBDB
	}
	table.table tr:nth-of-type(odd), .table-gen tr:nth-of-type(odd) {
		background: #DBDBDB
	}
	table.table td, .table-gen td {
		border: none;
		border-bottom: 1px solid #DBDBDB;
		position: relative;
		padding-left: 50%;
		padding-right: 20px;
		padding-bottom: 25px;
		font-size: 1em;
		width: 100%;
		text-align: center
	}
	table.table td:before, .table-gen td:before {
		position: absolute;
		top: 15px;
		left: 10px;
		width: 47%;
		text-align: left;
		font-size: 1em;
		padding-right: 10px;
		overflow: hidden;
		word-break: break-word;
		content: attr(data-th) ": "
	}
	.l-ind li .br, .l-ind li .bl {
		border: none
	}
	.l-ind li .bl {
		padding-left: 15px
	}
	.l-ind li .bb {
		padding-top: 10px
	}
	.l-ind li .pt {
		border-bottom: 1px solid #AAA
	}
	.l-ind li .bl {
		display: none
	}
	.g-recaptcha {
		-webkit-transform: scale(0.77);
		transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0
	}
	.row>.br:after {
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 1px
	}
	.login.sistema.show {
		top: 70px
	}
	.guias {
		padding: 40px 20px
	}
	.acc {
		padding-right: 50px;
		font-size: 1.3rem
	}
	.acc:after {
		width: 20px;
		height: 20px;
		-webkit-background-size: 20px;
		-moz-background-size: 20px;
		-o-background-size: 20px;
		-ms-background-size: 20px;
		background-size: 20px
	}
	.stage .block-home h2 {
		font-size: 1.3em
	}
}

/* A partir de aqui se copian estilos de ui.css para mostrar ventana modal */

.mensaje {
	background: #fff;
	padding: 60px;
}

.mensaje h2 {
	font-size: 22px;
}

.mensaje .btn.full {
	padding: 15px 10px;
}

.informacion {
	background: #fff;
	padding: 40px;
}



/*SPIN*/
.cssload-container {
	width: 100%;
	height: 100px;
	text-align: center
}

.cssload-speeding-wheel {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 8px solid #27b4e7;
    border-radius: 50%;
    border-right-color: transparent;
    animation: cssload-spin 1100ms infinite linear;
    -o-animation: cssload-spin 1100ms infinite linear;
    -ms-animation: cssload-spin 1100ms infinite linear;
    -webkit-animation: cssload-spin 1100ms infinite linear;
    -moz-animation: cssload-spin 1100ms infinite linear
}

@keyframes cssload-spin { 100%{
	transform: rotate(360deg);
	transform: rotate(360deg)
}

}
@-o-keyframes cssload-spin { 100%{
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
@-ms-keyframes cssload-spin { 100%{
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
@-webkit-keyframes cssload-spin { 100%{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
@-moz-keyframes cssload-spin { 100%{
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
}

@font-face {
  font-family: 'SeLpasswordFont';
  src: url('fonts/password.woff') format('woff'),
       url('fonts/password.ttf') format('truetype');
}
	
.passwordFont {
	font-family: 'SelpasswordFont';
}
.appsMOviles{
	font-family: Raleway;
	text-align: left;
	font: normal normal 300 20px/24px Raleway;
	letter-spacing: 0px;
	color: #000000;
	padding:15px;
	

}

.appsMOvilesazul{
	color: #0098DD;
	font-family: Raleway-Bold;

}
 
.imagenAndorid{
	top: 1018px;
	left: 714px;
	width: 207px;
	height: 81px;
	padding-right: 5PX;

}

.imagenIOS{
	top: 1030px;
	left: 938px;
	width: 158px;
	height: 55px;
	padding-top: 10PX;
}

/*.numeroCalibri{
	font-family:calibri-regular;
}*/




input[type=password]::-ms-reveal{display: none;}