/*************************************************
			style general
*************************************************/
body,html{
	width: 100%;
	height: 100%;
	/*font-family: 'Roboto', sans-serif; */
    font-family: 'Oswald', sans-serif;
}

.green{color: #ff0000;}
strong,.bold{font-weight: bold;}
em,.italic{font-style: italic;}
.top{padding: 40px 0 0!important;}
.top2{padding: 20px 0 0!important;}
.top3{padding: 20px 0 0!important;}
/*
font-family: 'Montserrat', sans-serif; 


*/
.msg-error{color: #ff0000; font-size: 14px; text-align: center; margin: 0px 0 0;}
.thank-you_modal{width: 100%; text-align: center;}
.thank-you_modal h3{font-size: 40px!important; font-weight: bold; padding: 60px 0 20px}
.thank-you_modal h6{font-size: 18px!important; line-height: 26px; font-weight: normal; padding: 0 0 20px}

.button-offer{display: block;
    padding: 15px 20px;
    border-radius: 10px;
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-size: 20px;
    background-color: rgb(220, 45, 22);
}


/*************************************************
			header
*************************************************/

header{
	background-color: #000;
	position: fixed;
	width: 100%;
}

.logo{
	width: 20%;
	padding: 15px 0 20px 20px;
	float: left;
	text-align: center;
}
.logo img{
	width: 100%; max-width: 200px!important; height: auto!important;
}
.logo h1{
	font-size: 30px;
	color: #333;
	padding: 10px 0 0;
 }

/*************************************************
		menu
*************************************************/

.menu_bar{
	display: none;
}

nav.menu{
	float: right;
	width: 75%;
    padding-top: 15px;
}


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

nav.menu ul li{
	display: inline-block;
}
nav.menu ul li a{
	font-family: 'Oswald', sans-serif;
	display: block;  
	padding: 20px 20px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
    font-weight: bold;
}

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

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

.clear{clear: both;}  /*otra opcion para limpiar los float*/


/*************************************************
			Content
*************************************************/

.main{
	width: 100%;
	height: 100%;
}

.contenido{
 box-sizing:border-box;
	padding: 180px 0 0;
	margin: 0 auto;
	width: 90%;
	height: 100%;
}


.section1{width: 100%; height: 650px; background: url(../img/Pic01.jpg) no-repeat top center; background-size: cover;}
.title-section1{width: 100%; text-align: center; padding: 180px 0 0;}
.title-section1 h1{font-size: 50px; text-align: center;color: #000;line-height: 56px;font-family: 'Oswald', sans-serif;font-weight: bold;padding-top: 80px;}
.title-section1 a.btn-free_update{display: block; margin: 40px auto 0; font-weight: bold; max-width: 300px; width: 100%; border-radius: 10px; padding: 20px 20px; text-align: center; font-size: 20px; color: #ffffff; text-decoration: none; background-color: #ff0000;font-family: 'Oswald', sans-serif;}
.title-section1 a.btn-free_update:hover{background-color: #e60707;}

@media screen and (max-width: 980px){
.section1{width: 100%; height: auto; padding: 0px 0 90px; background: url(../img/Pic01.jpg) no-repeat top center; background-size: cover;}
.title-section1{width: 100%; padding: 120px 0 0;}
.title-section1 h1{font-size: 36px;color: #000;line-height: 45px;padding-top: 30px;}
.title-section1 a.btn-free_update{display: block; max-width: 350px; margin-top: 20px; width: 100%; border-radius: 10px; padding: 20px 15px; text-align: center; font-size: 22px; color: #ffffff; text-decoration: none; background-color: #ff0000;}
.title-section1 a.btn-free_update:hover{background-color: #e60707;}
}

@media screen and (max-width: 640px){
.section1{width: 100%; height: auto; padding: 0px 0 90px; background: url(../img/Pic01.jpg) no-repeat top center; background-size: cover;}
.title-section1{width: 100%; padding: 80px 0 0;}
.title-section1 h1{font-size: 24px;  color: #000;line-height: 30px;margin-top: 40px;}
.title-section1 a.btn-free_update{display: block; max-width: 300px; margin-top: 20px; width: 90%; border-radius: 10px; padding: 20px 15px; text-align: center; font-size: 20px; color: #ffffff; text-decoration: none; background-color: #ff0000;}
.title-section1 a.btn-free_update:hover{background-color: #e60707;}
}


.section2{width: 100%; height: auto; background-color:#000000; }
.bg2{background: #000 url(../img/Pic02.png) no-repeat top right; background-size: 600px auto;}
.title-section2{width: 90%; padding: 130px 0 0;}
.title-section2 h1{font-size: 70px; font-family: 'Oswald', sans-serif;color: #fff;line-height: 74px;}
.title-section2 h5{font-size: 22px;/* font-family: 'Montserrat', sans-serif;*/font-family: 'Oswald', sans-serif; color: #fff;line-height: 30px;font-weight: 300;padding-top: 20px;}

.section_page2{width: 100%; height: auto; padding: 130px 0 110px; background: url(../img/banner_domination.png) no-repeat top center; background-size: cover;}
.title-section_page2{width: 100%;}
.title-section_page2 h1{font-size: 60px; font-weight: bold; color: #fff;line-height: 68px;}
.title-section_page2 h5{font-size: 26px; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #4d4d4d;line-height: 32px;}

@media screen and (max-width:800px){
    .section2 {background: #000 url(../img/Pic02.png) no-repeat top center; background-size: 60% auto;}
}

@media screen and (max-width: 640px){
    .bg2{background: none;}
	.empty{display: none;}
	.section_page2 {width: 100%; height: auto; padding: 120px 0 60px; background: url(../img/Pic02.png) no-repeat top center; background-size: cover;}
	.title-section_page2 {width: 100%; padding: 0px 0 0;}
	.title-section_page2 h1{font-size: 25px; font-weight: bold; color: #fff;line-height: 30px;}
	.title-section_page2 h5{font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #4d4d4d;line-height: 22px;}


	.empty{display: none;}
	.section2{width: 100%; height: auto; padding: 30px 0; background: #000; background-size: cover;}
	.title-section2{width: 100%; padding: 0px 0 0;}
	.title-section2 h1{font-size: 25px;color: #fff;line-height: 30px;}
	.title-section2 h5{font-size: 18px;color: #fff;line-height: 22px;}

}


.section3{width: 100%; background-color: #000;}
.article_week{width: 100%; margin: 130px auto 0; text-align: center; padding: 40px 0;}
.article_week h2{color: #ffffff; font-size: 32px;font-family: 'Oswald', sans-serif;}
.article_week h3{color: #ffffff; font-size: 26px; font-weight: bold;}
.article_week form{width: 100%; margin-top: 40px;}
.article_week form input{width: 100%;font-size: 18px; height: 45px; text-align: left; color: #fff;background: transparent;border: none;border-bottom: 1px solid #fff;}

button.submit-green{width: 100%; height: 50px; font-weight: bold; cursor: pointer; font-size: 20px; border-radius: 5px; color: #ffffff; background-color: #ff0000; border: none;font-family: 'Oswald', sans-serif;}
button.submit-green:hover{background-color: #e60707;}
.line-v{width: 100%; border-right: 1px solid #cccccc;}

@media screen and (max-width: 990px){
.article_week form input{margin: 0 0 15px;}
}

@media screen and (max-width: 980px){
.section3{width: 100%; background-color: #000;}
.article_week{width: 80%; max-width: 980px; margin: 0 auto; text-align: center; padding: 40px 0;}
.article_week h2{color: #ffffff; font-size: 30px;}
.article_week h3{color: #ffffff; font-size: 26px; font-weight: bold;}
.article_week form{width: 100%; margin-top: 40px;}
.article_week form input{width: 100%; margin: 0 0 15px; font-size: 18px; height: 35px; text-align: center; color: #fff;}

button.submit-green{width: 100%; height: 40px; font-weight: bold; cursor: pointer; font-size: 20px; border-radius: 5px; color: #ffffff; background-color: #ff0000; border: none;}
button.submit-green:hover{background-color: #e60707;}
.line-v{width: 100%; border-right:none;}
}

@media screen and (max-width: 640px){
.section3{width: 100%; background-color: #000;}
.article_week{width: 100%; max-width: 980px; margin: 0 auto; text-align: center; padding: 40px 0;}
.article_week h2{color: #ffffff; font-size: 20px; line-height: 24px;}
.article_week h3{color: #ffffff; font-size: 16px; font-weight: bold;}
.article_week form{width: 100%; margin-top: 20px;}
.article_week form input{width: 100%;margin: 0 0 15px; font-size: 18px; height: 35px; text-align: center; color: #fff;}

button.submit-green{width: 100%; height: 40px; font-weight: bold; cursor: pointer; font-size: 20px; border-radius: 5px; color: #ffffff; background-color: #ff0000; border: none;}
button.submit-green:hover{background-color: #e60707;}
.line-v{width: 100%; border-right:none;}
}

.section4{width: 100%; padding: 60px 0; background-color: #f6f6f7;font-family: 'Roboto', sans-serif; }
.biografia{width: 100%;}
@media screen and (max-width:991px){
    .biografia{padding-bottom: 15px;}
}
.bio{text-align: center;}
.bio h1{font-weight: bold; color: #4d4d4d; font-size: 24px; line-height: 30px; padding-bottom: 6px;}
.bio p{font-size: 14px;}

.banner{width: 100%; padding: 30px 0 0; text-align: center!important;}
.banner img{max-width: 150px; width: 100%;}
.banner2{width: 100%; padding: 30px 0 0; text-align: center!important;}
.banner2 img{max-width: 100%;}

.description{width: 95%; padding-bottom: 30px!important;}
.description h3{padding: 0 0 20px!important; font-weight: bold!important; text-align: left; font-size: 20px!important; line-height: 26px!important;}
.description h4{padding: 0 0 20px!important; font-weight: bold!important; text-align: left; font-size: 20px!important; line-height: 26px!important;}
.description p{padding: 0 0 20px; text-align: left; font-size: 16px!important; line-height: 20px;}
.description ul{padding: 0 0 0 20px;}
.description ul li{padding: 0 0 15px 0; font-size: 16px; line-height: 20px; text-align: left; list-style: disc;}
.description a.read-more, .description a.read-more-modal{display: block; border: 1px solid #ff0000; color: #fff; text-align: center; border-radius: 10px; width: 100%; max-width: 125px; text-decoration: none; padding: 10px;background: #ff0000;font-weight: bold;font-family: 'Oswald', sans-serif;}
.description a.read-more2{display: block; border: 1px solid #ff0000; color: #fff; text-align: center; border-radius: 10px; width: 100%; max-width: 150px; text-decoration: none; padding: 10px;background: #ff0000;font-family: 'Oswald', sans-serif;}
.description a.read-more:hover,.description a.read-more2:hover, .description a.read-more-modal:hover{background-color:#e60707; color: #ffffff; }
.description iframe {width: 100%; height: 350px; }
.description-index{width: 85%; text-align: center; margin: 0 auto;}
.description-index h3{padding: 0 0 0px!important; font-weight: bold!important; text-align: left; font-size: 24px!important; line-height: 29px!important;}
.description-index h4{padding: 0 0 20px!important; font-weight: bold!important; text-align: left; font-size: 20px!important; line-height: 26px!important;}
.description-index p{padding: 0 0 20px; text-align: left; font-size: 16px!important; line-height: 20px;}
.description-index ul{padding: 0 0 0 20px;}
.description-index ul li{padding: 0 0 15px 0; font-size: 16px; line-height: 20px; text-align: left; list-style: disc;}
.description-index a.read-more, .description-index a.read-more-modal{display: block; border: 1px solid #ff0000; color: #ff0000; text-align: center; border-radius: 10px; width: 100%; max-width: 125px; text-decoration: none; padding: 10px;background: #ff0000;font-family: 'Oswald', sans-serif;}
.description-index a.read-more2{display: block; border: 1px solid #ff0000; color: #fff; text-align: center; border-radius: 10px; width: 100%; max-width: 150px; text-decoration: none; padding: 10px;background: #ff0000;font-weight: bold;font-family: 'Oswald', sans-serif;}
.description-index a.read-more:hover,.description-index a.read-more2:hover, .description-index a.read-more-modal:hover{background-color:#e60707; color: #ffffff; }
.btn-alls {width: 100%; text-align: center; margin: 80px 0 0px;}
.btn-alls a.read-more2{display: block; border: 1px solid #ff0000; font-size: 24px; margin: 0 auto; color: #fff; text-align: center; border-radius: 10px; width: 100%; max-width: 200px; text-decoration: none; padding: 10px;background: #ff0000;font-weight: bold;font-family: 'Oswald', sans-serif;}
.btn-alls a.read-more2:hover{background-color:#e60707; color: #ffffff; }
.description img, .description p img, .description p strong img{max-width:100%; }


.title-article-about h1 {
   font-size: 35px;
padding: 10px 0;
}
.title-article-about p{font-size: 16px; line-height: 20px; padding: 0 0 20px;}
.title-article-about p a{color: #0000ff; text-decoration: underline;}
.title-article-about {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 40px;
}
.top2 {
    padding: 40px 0 90px;
}
.line-section {
    width: 100%;
    height: 1px;
    background-color: #bababa;
    margin: 20px 0;
}
.description ul{padding: 0 0 20px;}
.description ul li{list-style:disc;padding: 5px 10px;margin-left: 10px;}

.description ol{padding: 0 0 20px;}
.description ol li{list-style:decimal;padding: 5px 10px;margin-left: 10px;}

.description h1{font-size: 35px;padding: 10px 0;}
.description h5{font-size: 25px;padding: 5px 0 20px;}

.right{padding-left: 40px;}
.img-left{float: left; padding: 0 20px 20px 0;}

.space{margin: 50px 0;}
.space2{margin: 20px 0;}

.img{width: 100%; text-align: center; padding-bottom: 20px;}

.more-experts{width: 95%; margin: 0 auto; padding: 0px 0 0;}
.more-experts h3{font-size: 30px; font-weight: lighter; padding: 0 0 40px;}
.info-expert{padding: 10px 0 0;}
.info-expert h4{font-weight: bold; font-size: 18px; padding: 0 0 10px;}
.info-expert p{font-size: 14px; font-weight: lighter;}
.small-pic{width: 100%;}
.small-pic img{width: 100%; max-width: 90px!important; height: auto!important;}
.more-experts a.all{text-align: center!important; text-decoration: none; display: block; padding: 15px 0; font-size: 16px; font-style: italic; color: #ff0000;}
.more-experts a.all:hover{text-decoration: underline; }

.more-experts a{color: #4d4d4d; text-decoration: none;}
.more-experts a:hover{ color: #ff0000;}
@media screen and (max-width: 640px){
.section4{width: 100%; padding: 30px 0; background-color: #f6f6f7;}
.biografia{width: 100%;}
.bio{text-align: center; padding: 0 0 20px;}
.bio h1{font-weight: bold; color: #4d4d4d; font-size: 24px; line-height: 30px; padding-bottom: 6px;}
.bio p{font-size: 14px;}

.description{width: 95%;}
.description p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.description a.read-more{display: block; border: 1px solid #ff0000; color: #fff; text-align: center; border-radius: 10px; width: 100%; max-width: 125px; text-decoration: none; padding: 10px;}
.description a.read-more:hover{background-color:#ff0000; color: #ffffff; }

.more-experts{width: 100%; padding: 20px 0 0;}
.more-experts h3{font-size: 30px; font-weight: lighter; padding: 0 0 10px;}
.info-expert{padding: 10px 0 0;}
.info-expert h4{font-weight: bold; font-size: 18px; padding: 0 0 0px;}
.info-expert p{font-size: 14px; font-weight: lighter; padding: 0 0 20px;}

.description-index{width: 100%; text-align: center; margin: 30px auto 0;}

}


.section5{width: 100%; height: auto; background: #fff;}
.bg3{background: url(../img/Pic06.png) no-repeat center right; background-size: 500px auto;max-width: 1120px; }
.title-section5{width: 100%; padding: 80px 0 160px; }
.title-section5 h1{font-size: 70px; font-family: 'Oswald', sans-serif; color: #000;line-height: 73px;}
.title-section5 h5{font-size: 20px; font-family: 'Oswald', sans-serif; color: #000;line-height: 28px;margin-top: 15px;}

.section_page3{width: 100%; height: auto; padding: 140px 0 60px; background: url(../img/Pic06-2.png) no-repeat top right; background-size: contain;-moz-background-position-y: 30px;-webkit-background-position-y: 30px;background-position-y: 30px;}
.title-section_page3{width: 100%; padding: 0px 0 0;}
.title-section_page3 h1{font-size: 55px;  color: #000000;line-height: 98px;}
.title-section_page3 h5{font-size: 26px; font-family: 'Montserrat', sans-serif;  color: #ffffff;line-height: 32px;}


@media screen and (max-width: 980px){
    .bg3{background-size: 450px auto;width: 80%!important;}
    .section_page3{background: url(../img/Pic06.png) no-repeat center right; background-size: 450px auto;-moz-background-position-y: 70px;-webkit-background-position-y: 70px;background-position-y: 70px;}
}

@media screen and (max-width: 800px){
    .title-section5 h5{background: rgba(255,255,255,.9);}
    .section_page3{background:url(../img/Pic06-1.png) no-repeat center center; background-size: 450px auto;}
}
    
@media screen and (max-width: 640px){
	.section5{width: 100%; height: auto;padding: 30px 0; background: #fff;}
.title-section5{width: 100%; padding: 0px 0 0;}
.title-section5 h1{font-size: 40px; color: #000;line-height: 48px;text-align: center;}
.title-section5 h5{font-size: 18px;color: #000;line-height: 22px;}

.section_page3{width: 100%; height: auto; padding: 140px 0 50px; background: url(../img/Pic06-1.png) no-repeat top center; background-size: cover;}
.title-section_page3{width: 100%; padding: 0px 0 0;}
.title-section_page3 h1{font-size: 40px; color: #000000;line-height: 48px;}
.title-section_page3 h5{font-size: 26px; font-family: 'Montserrat', sans-serif; color: #ffffff;line-height: 32px;}
    .bg3{background: none;}

}

.section6{width: 100%; background-color: #000; overflow: hidden;}
.article_week2{width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; padding: 30px 0;}
.article_week2 h2{color: #ffffff; font-size: 30px; font-family: Times, "Times New Roman",'Muli', sans-serif;font-style: italic;}
.article_week2 h3{color: #ffffff; font-size: 28px;font-family: 'Oswald', sans-serif;}
.article_week2 form{width: 100%;}
.article_week2 form input{width: 100%;font-size: 18px; height: 35px; text-align: left; color: #fff;background: #000;border: none;border-bottom: 1px solid #fff;}

@media screen and (max-width:1200px){
    .article_week2 h3{padding-bottom: 15px;}
}

@media screen and (max-width: 990px){
.article_week2 form input{margin: 15px auto;}
}

@media screen and (max-width: 980px){
.article_week2{text-align: center; width: 80%; max-width: 980px; margin: 0 auto;}
.article_week2 form input{width: 100%; margin: 15px auto; font-size: 18px; height: 35px; text-align: center; color: #4d4d4d;}
}

@media screen and (max-width: 640px){
.article_week2{text-align: center; width: 80%; max-width: 980px; margin: 0 auto;}
.article_week2 form input{width: 100%;margin: 10px auto; font-size: 18px; height: 35px; text-align: center; color: #4d4d4d;}
.submit-green{margin: 10px 0 0;}
}


.section7{width: 100%; padding: 100px 0; background-color: #f6f6f7;font-family: 'Roboto', sans-serif;}
.articles{width: 100%;}
.bio{text-align: center;}
.bio h1{font-weight: bold; color: #4d4d4d; font-size: 24px; line-height: 30px; padding-bottom: 6px;}
.bio p{font-size: 14px;}

.description-article{width: 95%;}
.description-article p.date{font-size: 14px;font-weight: lighter; padding: 0 0 10px;}
.description-article h4{font-size: 26px; font-weight: bold; padding: 0 0 8px;}
.description-article p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.description-article a.read-more{display: block; border: 1px solid #ff0000; color: #ff0000; text-align: center; border-radius: 10px; width: 100%; max-width: 180px; text-decoration: none; padding: 10px;}
.description-article a.read-more:hover{background-color:#ff0000; color: #ffffff; }

.description-article ul{padding: 0 0 20px;}
.description-article ul li{list-style:disc;padding: 5px 10px;margin-left: 10px;}

.description-article ol{padding: 0 0 20px;}
.description-article ol li{list-style:decimal;padding: 5px 10px;margin-left: 10px;}

.description-article h1{font-size: 35px;padding: 10px 0;}
.description-article h5{font-size: 25px;padding: 5px 0 20px;}

.more-talk{width: 95%; margin: 0 auto; padding: 0px 0 0;}
.more-talk h3{font-size: 30px; line-height: 38px; font-weight: lighter; padding: 0 0 40px;}
.info-talk{padding: 10px 0 0;}
.info-talk p.date{font-size: 14px;font-weight: lighter; padding: 0 0 10px;}
.info-talk h4{font-size: 20px; line-height: 24px; font-weight: bold; padding: 0 0 0px;}
.info-talk p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.info-talk a.read-more{display: block; text-decoration: none!important; border: 1px solid #ff0000; color: #ff0000; text-align: center; border-radius: 10px; width: 100%; max-width: 180px; text-decoration: none; padding: 10px;}
.info-talk a.read-more:hover{background-color:#ff0000; text-decoration: none!important; color: #ffffff; }
.more-talk a{color: #4d4d4d; text-decoration: none;}
/*.more-talk a:hover{text-decoration: underline;}*/

.more-talk a.alls{text-align: center!important; text-decoration: none; display: block; padding: 15px 0; font-size: 16px; font-style: italic; color: #ff0000;}
.more-talk a.alls:hover{text-decoration: underline;}

@media screen and (max-width: 640px){
	.section7{width: 100%; padding: 20px 0 60px; background-color: #f6f6f7;}
.articles{width: 100%;}
.bio{text-align: center;}
.bio h1{font-weight: bold; color: #4d4d4d; font-size: 24px; line-height: 30px; padding-bottom: 6px;}
.bio p{font-size: 14px;}

.description-article{width: 95%;}
.description-article p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.description-article a.read-more{display: block; border: 1px solid #ff0000; color: #ff0000; text-align: center; border-radius: 10px; width: 100%; max-width: 180px; text-decoration: none; padding: 10px;}
.description-article a.read-more:hover{background-color:#ff0000; color: #ffffff; }

.more-talk{width: 100%; padding: 0px 0 0;}
.more-talk h3{font-size: 30px; font-weight: lighter; padding: 20px 0 ;}
.info-talk{padding: 10px 0 0;}
.info-talk h4{font-weight: bold; font-size: 18px; padding: 0 0 10px;}
.info-talk p{font-size: 14px; font-weight: lighter;}
.contact, .privacy{padding: 20px 0 0;}
}


.footer{width: 100%; padding: 40px 0; background-color: #ffffff;}

.footer a{color: #4d4d4d; text-decoration: none; font-size: 16px;}
.footer a:hover{text-decoration: underline;}
.footer p{color: #4d4d4d;font-size: 16px;}

.disclaimer{width: 100%; padding: 30px 0;}
.disclaimer p.bold{text-align: justify; line-height: 20px; color: #4d4d4d; font-size: 14px;padding-bottom: 15px;}
.disclaimer p{text-align: justify; line-height: 20px; color: #4d4d4d; font-size: 14px;}
/*************************************************
			media query
*************************************************/


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

/*
estilos para el header
 */

header{
	background-color: #000;
	position: fixed;
	width: 100%;
    padding: 20px;
}

.logo{
	position: fixed;
	right: 0;
	left: 0;

	margin-right: auto;
	margin-left: auto;
	width: 60%;
	float: none;
	text-align: center;
	padding-top: 25px!important;
}
.logo h1{
	font-size: 40px;
	color: #ffffff;
	padding: 20px 0 0;
 }
 .logo img{width: 75%; }

 /*
estilos para el menu
 */

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

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

nav.menu{
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	right: -100%;
	float: none;
	width: 60%;
	height: 100%;
	overflow-y: scroll;
    top: 110px;
}

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: 20px 20px;
	font-size: 16px;
	color: #4d4d4d;
	text-transform: uppercase;
	text-decoration: none;

}

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

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

.menu_bar span {
		font-size:30px;
        padding: 0 15px;
	}
    .footer p{padding: 20px 0;}
    .disclaimer p.bold{padding-bottom: 0px;}

}


/*************************************************
			modal
*************************************************/
.bg{width: 100%;color: #4d4d4d; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0;}

.modal-1{width: 100%; max-width: 700px; padding: 10px 0 30px; background: url(../img/Modal01.jpg) no-repeat; background-size: cover;  margin: 10% auto 0;}
.cont-modal{position: relative; width: 95%; padding: 60px 0; margin: 0 auto;}
.cont-modal p{font-size: 22px; line-height: 28px; text-align: left; padding: 0 0 30px;}
.cont-modal h5{font-size: 26px; font-weight: bold; line-height: 30px; text-align: justify; padding: 0 0 30px;}

.close{position: absolute; cursor: pointer; right: 0px; top: -10px;}
.close .fa-times-circle-o{font-size: 40px; color: #cfcfcf;}
.modal-center{width: 100%;}
.modal-center input{width: 100%; border: 1px solid #4d4d4d; height: 35px; border-radius: 8px; text-align: center; font-size: 16px;}

.modal-2{width: 100%; max-width: 600px; padding: 10px 0 10px; background: #000; background-size: cover;  margin: 10% auto 0;}
.cont-modal2{position: relative; width: 95%;text-align: center!important; padding: 60px 0 20px; margin: 0 auto;}
.cont-modal2 p{font-size: 22px; color: #ffffff; line-height: 28px; text-align: center; padding: 0 0 30px;}
.cont-modal2 h5{font-size: 66px; color: #ff0000; font-weight: bold; line-height: 30px; text-align: center; padding: 0 0 30px;}

.close2{position: absolute; cursor: pointer; right: 0px; top: -10px;}
.close2 .fa-times-circle-o{font-size: 40px; color: #fff;}
.modal-center2{width: 100%; max-width: 500px;  margin: 0 auto; text-align: center;}
.modal-center2 input{width: 100%; border:none;border-bottom: 1px solid #fff; height: 35px; margin-bottom: 20px; text-align: center; font-size: 16px;background: #000;color: #fff;}
.modal-center2 .form p.small-text{font-size: 14px; cursor: pointer; padding:20px 0 0!important; text-align: center!important; font-weight: lighter; }
@media screen and (max-width: 640px){
.modal-1{width: 90%;  max-width: 700px; padding: 10px 0 30px; background: url(../img/Modal01.jpg) no-repeat; background-size: cover;  margin: 0 auto 0;}
.cont-modal{position: relative; width: 95%; padding: 60px 0; margin: 0 auto;}
.cont-modal p{font-size: 18px; line-height: 22px; text-align: left; padding: 0 0 30px;}
.cont-modal h5{font-size: 20px; font-weight: bold; line-height: 30px; text-align: justify; padding: 0 0 30px;}

.close{position: absolute; cursor: pointer; right: 0px; top: -10px;}
.close .fa-times-circle-o{font-size: 40px; color: #cfcfcf;}
.modal-center{width: 90%; margin: 0 auto;}
.modal-center input{width: 100%; margin-bottom: 15px; border: 1px solid #4d4d4d; height: 35px; border-radius: 8px; text-align: center; font-size: 16px;}
}