body, html{width: 100%; height: 100%;}
body{font-family: 'Open Sans', sans-serif; background-color: #ffffff;  font-size: 16px; color: #000000;}

.wrapper{width: 100%;}
.title-page{width: 100%; background-color: #292a3d;   background-position: top center; }
.title-page{width: 100%; position: relative;  background-position: top center; }
.cont-pages{width: 100%; margin: 0 auto; width: 100%; padding: 80px 0 0px;  max-width: 800px;}
.cont-pages img{max-width: 100%;}
.page_disclaimer{width: 100%; padding: 30px 0; position: relative;}
.cont-disclaimer{width: 100%; max-width: 980px; margin: 0 auto;}
.cont-disclaimer h5{font-size: 18px; font-family: 'Oswald', sans-serif; text-transform:uppercase;  text-align: left; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-disclaimer p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-disclaimer p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.page_disclaimer2{width: 100%;   position: relative;}
.cont-disclaimer2{width: 100%;  max-width: 980px; margin: 0 auto; padding: 70px 0 40px;}
.cont-disclaimer2 h5{font-size: 18px; font-family: 'Oswald', sans-serif; text-transform:uppercase;  text-align: left; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-disclaimer2 p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-disclaimer2 p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-disclaimer2 ul{padding: 0 0 0 20px;}
.cont-disclaimer2 ul li{list-style: disc; font-size: 16px; line-height: 22px; padding: 0 0 15px 0px;}
.chapter{width: 100%; margin: 0 auto; margin-top: 35px; max-width: 131px; height:74px; background: url(../img/chapterbubble.png) no-repeat; background-size: 131px 74px;}
.chapter h2{font-size: 19px; color: #000000/* rgba(10,47,88,1)*/; padding: 20px 0 0; letter-spacing: 2px; font-family: 'Oswald', sans-serif; text-transform:uppercase; text-align: center;}
.tableContents{width: 100%; height: 100%;}
.cont-table{width: 100%; max-width: 900px; margin: 0 auto;}
.cont-table h1{text-align: left; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight: bold; font-size: 26px; padding: 15px 0 30px; box-sizing: border-box;}
.cont-table ul{padding: 0 0 0 30px;}
.cont-table ul li{list-style: decimal; font-size: 22px; padding: 0 0 0px;}
.cont-table ul li a{text-decoration: none; color: #000000; display:block;}

#copyright{margin: 30px auto 0;} /*styles to copyright in the footer*/
#copyright p{text-align: center !important;}

.title-content{width: 100%; padding: 0 0 20px; box-sizing: border-box;}
.title-content h2{font-size: 22px; font-family: 'Oswald', sans-serif; text-transform:uppercase; text-align: left; line-height: 24px;}
.title-content p{font-size: 14px; text-align: left;box-sizing: border-box;}


.article{width: 100%; max-width: 850px; margin: 0 auto 20px; padding: 50px 0 0;}
.cont-article{width: 100%;}
.header-title{width: 100%; padding: 0 0 20px; margin-bottom: 20px!important; color: #ffffff; background: url(../img/bg.png) no-repeat; background-size: 100%; }
.header-title h1{font-size: 24px; color: #ffffff; font-family: 'Oswald', sans-serif; text-transform:uppercase; line-height: 32px; padding: 10px 0 10px; font-weight: bold;}
.header-title h3{font-size: 16px; line-height: 20px; padding: 0px 0 10px; font-weight: normal;}
.cont-article h5{font-size: 18px; text-align: center; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-article p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-article ol{padding: 0 0 0 15px;}
.cont-article ol li{list-style: decimal; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article ul{padding: 0 0 0 15px;}
.cont-article ul li{list-style: disc; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-article .img{width: 100%; text-align: center; padding-bottom: 20px;}
.cont-article .img img{width: 100%; max-width: 650px;}
.cont-article .author{padding: 30px 0;} /*space*/
.cont-article .author img{width: 100%; max-width: 150px; height: auto;}

.img-left{float: left; padding: 0 20px 20px 0;}
.silver{width: 100%; height: 1px; margin-bottom: 25px; background-color: #cccccc;}
strong, .bold{font-weight: bold;}
.subr{text-decoration: underline;}
.clear{clear: both;}
em, .italic{font-style: italic;}
.row{margin-top: 15px;}
.center{text-align: center;}
.box{width: 95%; background-color: #fbd4b4; border:1px solid #000000; margin: 0 auto 20px; padding: 15px;}
.adbanner{width: 100%; cursor: pointer; height: 150px; border: 1px solid #cccccc; margin: 0px 0 20px; padding: 0px 0 0; max-width: 616px; height: auto;}
.adbanner img{width: 100%; max-width: 800px!important; height: auto;}

@media screen and (max-width: 1024px){
.page_disclaimer2{width: 100%;   position: relative;}
.cont-disclaimer2{width: 90%;  max-width: 980px; margin: 0 auto; padding: 70px 0 40px;}
.cont-disclaimer2 h5{font-size: 18px; font-family: 'Oswald', sans-serif; text-transform:uppercase;  text-align: left; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-disclaimer2 p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-disclaimer2 p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-disclaimer2 ul{padding: 0 0 0 20px;}
.cont-disclaimer2 ul li{list-style: disc; font-size: 16px; line-height: 22px; padding: 0 0 15px 0px;}
.chapter{width: 100%; margin: 0 auto; margin-top: 0px; max-width: 131px; height:74px; background: url(../img/chapterbubble.png) no-repeat; background-size: 131px 74px;}
.chapter h2{font-size: 19px; color: rgba(10,47,88,1); padding: 20px 0 0; letter-spacing: 2px; font-family: 'Oswald', sans-serif; text-transform:uppercase; text-align: center;}
.tableContents{width: 100%; height: 100%;}
.cont-table{width: 100%; max-width: 900px; margin: 0 auto;}
.cont-table h1{text-align: left; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight: bold; font-size: 26px; padding: 15px 0 30px; box-sizing: border-box;}
.cont-table ul{padding: 0 0 0 30px;}
.cont-table ul li{list-style: decimal; font-size: 22px; padding: 0 0 0px;}
.cont-table ul li a{text-decoration: none; color: #000000; display:block;}

.title-content{width: 100%; padding: 0 0 20px; box-sizing: border-box;}
.title-content h2{font-size: 22px; font-family: 'Oswald', sans-serif; text-transform:uppercase; text-align: left; line-height: 24px;}
.title-content p{font-size: 14px; text-align: left;box-sizing: border-box;}


.article{width: 100%; max-width: 850px; margin: 0 auto 20px; padding: 50px 0 0;}
.cont-article{width: 100%;}
.header-title{width: 100%; margin-bottom: 20px; padding: 20px 0; color: #ffffff; background: url(../img/bg.png) no-repeat; background-size: conver; background-color: #28293d;}
.header-title h1{font-size: 24px; text-align: center; color: #ffffff; font-family: 'Oswald', sans-serif; text-transform:uppercase; line-height: 32px; padding: 30px 0 10px; font-weight: bold;}
.header-title h3{font-size: 16px; text-align: center; line-height: 20px; padding: 0px 0 10px; font-weight: normal;}
.cont-article h5{font-size: 18px; text-align: center; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-article p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-article ol{padding: 0 0 0 15px;}
.cont-article ol li{list-style: decimal; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article ul{padding: 0 0 0 15px;}
.cont-article ul li{list-style: disc; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-article .img{width: 100%; text-align: center; padding-bottom: 20px;}
.cont-article .img img{width: 100%; max-width: 420px;}
.cont-article .author img{width: 100%; max-width: 150px; height: auto;}

.img-left{float: left; padding: 0 20px 20px 0;}
.silver{width: 100%; height: 1px; margin-bottom: 25px; background-color: #cccccc;}
strong, .bold{font-weight: bold;}
.subr{text-decoration: underline;}
.clear{clear: both;}
em, .italic{font-style: italic;}
.row{margin-top: 15px;}
.center{text-align: center;}
.box{width: 95%; background-color: #fbd4b4; border:1px solid #000000; margin: 0 auto 20px; padding: 15px;}
}

@media screen and (max-width: 650px){
	.cont-pages{width: 100%; margin: 0 auto; width: 100%; padding: 60px 0 0;  max-width: 800px;}
.title-page{width: 100%; height: auto; background-color: #ffffff; }
.title-page{width: 100%; position: relative;  }
}


/*
*******************************************************
				Menu
*******************************************************
*/

header{
	background-color: rgba(10,47,88,1);
	position: fixed;
	width: 100%;
}

.logo{
	width: 20%;
	padding: 10px 0;
	float: left;
	text-align: center;
}
.logo img{width: 185px; height: auto;}
.logo h1{
	font-size: 40px;
	color: #ffffff;
	padding: 20px 0 0;
 }

 /*
estilos para el menu
 */

.menu_bar{
	display: none;
}

nav.menu{
	display: none;
	float: right;
	width: 82%;
}

nav.menu ul{
	text-align: right;
	list-style: none;
	overflow: hidden;/* limpiar float */ 
}

nav.menu ul li{
	display: inline-block;
}
nav.menu ul li a{
	display: block; /*esto es para poder darle espacio en todos los lados*/ 
	padding: 30px 20px;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;

}

nav.menu ul li a:hover{
	background-color: #ff0000;
	color: #ffffff;
}

.active{
	background-color: #ff0000;
	color: #ffffff;
}

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

/*
estilos para el header
 */

header{
	background-color:#f2f2f2/* rgba(51,51,51,0.9)*/;
	position: fixed;
	width: 100%;
}

.logo{
	position: fixed;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	float: none;
	text-align: center;
}
.logo h1{
	font-size: 40px;
	color: #ffffff;
	padding: 20px 0 0;
 }

 /*
estilos para el menu
 */

.menu_bar{
	text-align: right;
	z-index: 9999;
	display:block;
}

.bt-menu {
		display:block;
		padding:15px 20px 20px;
		color:#00dcdc;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
	}

nav.menu{
	display: block;
	background-color: rgba(51,51,51,0.9);
	position: fixed;
	right: -100%;
	float: none;
	width: 60%;
	height: 100%;
	overflow-y: scroll!important;
}

nav.menu ul{
	text-align: left;
	list-style: none;
	overflow: hidden;/* limpiar float */ 
}

nav.menu ul li{
	display:block;
	padding: 0px 0;
}
nav.menu ul li a{
	display: block; /*esto es para poder darle espacio en todos los lados*/ 
	padding: 10px 10px;
	font-size: 13px;
	color: #ffffff;
	text-transform:uppercase;
	text-decoration: none;

}

nav.menu ul li a:hover{
	background-color: #00dcdc;
	color: #ffffff;
}

.active{
	background-color: #ff0000;
	color: #ffffff;
}

.menu_bar span {
		font-size:30px;
	}

}


.top{display:none;
	padding:20px;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px; }
.top i{font-size: 30px; color:rgba(10,47,88,1); }

.blue{color: #00519a;}
.bg-silver{width: 100%; height: 150px; background-color: #e8e8e8;}
.ad-title{width: 100%;   margin-left: -20px; text-align: center; font-family: 'Oswald', sans-serif;}
.ad-title h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title  a.orange-btn{display: block; padding: 12px 20px; margin: 10px auto 0; font-size: 24px; max-width: 220px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}


@media screen and (max-width: 640px){
	.bg-silver{width: 100%; height: auto; padding: 20px 0; background-color: #e8e8e8;}
.ad-title{width: 100%;   margin-left: 0px; padding: 15px 0 0; text-align: center; font-family: 'Oswald', sans-serif;}
.ad-title h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title  a.orange-btn{display: block; padding: 12px 20px; margin: 10px auto 0; font-size: 24px; max-width: 220px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}
.bg-silver{text-align: center; padding: 20px 0!important;}
.bg-silver img{width: 90px; height: auto;}
}

.bg_ad{ height: 500px;}
.adbanner_big{width: 100%; cursor: pointer; margin: 30px 0; padding: 70px 0 0; height: 500px; background: url(../img/bg_banner.png) no-repeat; background-size: cover;}
.ad-title2{width: 100%;  padding: 20px 0 0;  text-align: left; font-family: 'Oswald', sans-serif;}
.ad-title2 h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title2  a.orange-btn2{display: block; text-align: center; padding: 12px 0px; margin: 10px 0 0; font-size: 34px; max-width: 230px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}
.ad-title2  a.orange-btn2:hover{background-color: #d98604;}

.adbanner a{display: block;}
@media screen and (max-width: 650px){
	.bg_ad{ height: auto;}
.adbanner_big{width: 100%; padding: 50px 0; height: auto; background: url(../img/bg_banner.png) no-repeat; background-size: cover;}
.ad-title2{width: 100%;  padding: 20px 0 0;  text-align: left; font-family: 'Oswald', sans-serif;}
.ad-title2 h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title2  a.orange-btn2{display: block; text-align: center; padding: 12px 0px; margin: 10px 0 0; font-size: 34px; max-width: 230px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}
.ad-title2  a.orange-btn2:hover{background-color: #d98604;}


}

/********************************

    ads styles

*******************************/
.cont-ads{width: 100%;background: #e2e2e2;}
.ads-wrapper{width: 100%;max-width: 600px;margin: auto;background: #e2e2e2;}
.ads-clear{clear: both;}
.bold{font-weight: bold;font-size: 21px;}

.ads-header{background: #000;}
.ads-header .ads-title{text-align: center;}
.ads-header .ads-title img{padding: 30px 0;text-align: center;}
.ads-red{height: 5px; background: #d00b00;}
.ads-main{background: url(../img/ads/fondo.png);background-repeat: repeat-y;text-align: center;}
.ads-main .ads-title{text-align: center;padding: 10px 0 20px;}
.ads-main .ads-title img{width: 400px;}
.ads-main .ads-left{float: left; width: 50%;text-align: center;color: #bf6211;display: inline-block;margin: auto;font-size: 20px;line-height: 28px;font-family: 'Open Sans', sans-serif;padding: 50px 0 0;}
.ads-main .ads-left img{width: 90%;max-width: 192px;}
.ads-main .ads-right{width: 50%;display: inline-block;margin: auto;float: left;padding: 110px 0 0;}
.ads-main .ads-right img{width: 90%;max-width: 192px;padding: 5px 0;margin-left: -80px; }
.ads-main .ads-right p{font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 30px;}
.ads-btn-cont{text-align: center;width: 100%;padding: 0 0 30px;}
.ads-btn{
    margin:20px;width: 70%;cursor: pointer;
border:3px solid #a2c5eb;border-radius: 20px;font-size:45px;font-family: 'Open Sans', sans-serif; padding: 25px 15px 25px 15px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #e87814; background-image: -webkit-gradient(linear, left top, left bottom, from(#e87814), to(#e87814));
 background-image: -webkit-linear-gradient(top, #e87814, #e87814);
 background-image: linear-gradient(to bottom, #e87814, #e87814);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e87814, endColorstr=#e87814);
}

.ads-btn:hover{
 border:3px solid #a2c5eb;
 background-color: #bd5d08; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd5d08), to(#bd5d08));
 background-image: -webkit-linear-gradient(top, #bd5d08, #bd5d08);
 background-image: linear-gradient(to bottom, #bd5d08, #bd5d08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bd5d08, endColorstr=#bd5d08);
}

@media screen and (max-width:540px){
    .ads-main .ads-left,.ads-main .ads-right{width: 100%;display: block;}
    .ads-main .ads-right img{width: 90%;max-width: 192px;padding: 5px 0;margin: 0px auto;display: block;}
    .ads-main .ads-right{padding: 10px 0 0;}
    .ads-btn{font-size: 30px;}
}

/********************************

    video styles

*******************************/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }