/*TABLE OF CONTENTS */
    /*
    01 Custom css starts
    02 Header NavBar css starts
    03 Services css starts
    04 About css starts
    05 What We Do css starts
    06 Our Creatives css starts
    09 slick slider css starts
    11 Footer css starts
    10 Join With Us css starts
    11 Responsive css starts
    12 top to bottom button

    */
 /*====== 01 Custom css starts ======= */
body{
	font-size: 15px;
	overflow-x: hidden;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
}
h1{
    line-height: 1.8;
}

 h2.title-sec, h2.title-center{
	position: relative;
	color: #1b8bf9;
	text-transform: uppercase;
	padding-bottom: 50px;
	letter-spacing:1px;
 }
 ul{
     list-style: none;
     padding-left: 0;
 }
 .text-center{
     text-align: center;
 }
 .d-flex{
     display: flex;
     align-items:center;
 }
 .title-sec:before{
     position: absolute;
     content: "";
     width: 100px;
     background: #000;
     bottom: 35px;
     left: 0;
     height:2px;
 }
 .title-center:before{
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 35px;
 width: 100px;
 height: 2px;
 background-color: #000;
 margin: auto;
 }
 .img-header{
	 background-image: url(assets/images/landingpage/banner-ln-2.jpg);
	 background-size: cover
 }
 .mod-content img{
	 width: 100%;
	 height: auto;
 }
 .section-bg{
     background-color: #f3f3f3;
     padding: 60px 0;
 }
 .section-tb{
     padding: 60px 0;
 }
 #slider-banners .slick-dots { /*   ------ IMPORRTANTE -----  */
	 margin-top: 20px !important;
	 margin-bottom: 30px !important;
 }
 
 /*Social Icon Start*/
 .socials-icon {
     float: right;
     padding: 27px 0;
 }
 .socials-icon li {
     float: left;
     padding-left: 10px;
     padding-right: 10px;
 }
.socials-icon li a{
    color: #000;
    font-size: 15px;
}

.socials-icon li a:hover{
    color: #1b8bf9;
}
/*Social Icon Start*/

.container-head{
	 margin: auto;
}

.container-head h1{
	line-height: 1.2; ;
    font-size: 2rem !important;
}

 /* ================= CSS Calendario ============= */
.calendar-exp{
	border-radius: 7px;
    border: 1px solid #ffffff;
    padding: 10px;
}

.calendar-exp ul, .calendar-exp ol, .calendar-exp li{
    list-style: none;
    padding: 0;
    margin: 0;
}

.calendar-exp p{
	margin: 0;
}

 /*====== 02 Header NavBar css starts ======= */

.img-logo{
	display: block;
    max-width: 100%;
    max-height: 130px;
    height: auto;
    margin: auto;
}
.affix {
    top: 0;
    width: 100%;
    background-color:rgba(0, 0, 0, 0.76);
    position: fixed;
}

#header-bg{
    height: 380px;
}

#calendar-detail{
	 background-color: rgba(255, 255, 255, 0.0);
	 border: 1px solid #ffffff; 
	 width: 220px; margin: auto; 
	 min-height: 270px;
 }
 
 #calendar-detail p, #calendar-detail h3{
	 color: #ffffff !important;
 }
 
 #home-header h1,#home-header span{
     /*text-transform: uppercase;
     color: #fff;
     margin-bottom: 35px;*/
 }
 #home-header span{
     /*color: #1b8bf9;*/
 }
 #home-header.home-content h1,#home-header.home-content span,#home-header.home-content p{
     /*text-align: left;
     font-size: 18px;*/
 }
 #home-header.home-content p{
     /*font-size: 18px;*/
 }
 #home-header .btn-inverse-default{
     background-color: transparent;
     border: 2px solid #fff;
     color: #757575;
 }
 #home-header p{
     /*color: #fff;
     margin: 60px 0;*/
 }
 .bg-inverse{
     background-color: #000 !important;
     border-radius: inherit;
 }
 .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover{
     color: #1b8bf9;
 }
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     color: #1b8bf9;
 }
.navbar-nav li.nav-item a.nav-link{
    color: #fff;
}

 .navbar-nav .nav-item+.nav-item{
     margin-left: 40px;
 }
 @media (min-width: 320px) {
 .nav {
     float: left;
 }
     .navbar-nav .nav-item+.nav-item{
         margin-left: 0;
     }

 }

 @media (min-width: 768px) {
     .navbar-nav .nav-item+.nav-item{
         margin-left: 40px;
     }
     .nav {
         float: right;
     }

 }

/* LOGIN FORM */

#login-sec .sub-title
{
    font-size: 18px;
    font-weight: bolder;
}

#login-sec .md-group-add-on .md-add-on
{
    padding-top:18px;
    width: 30px;
}

#login-sec .md-input-wrapper label
{
    font-size:12px;
    display: block;
    top: 0px;
    left: 0px;
    margin-bottom: 5px !important;
    position:relative;
}

#login-sec .md-input-wrapper input,
#login-sec .md-input-wrapper select
{
    display: block;
    padding: 5px;
    border-radius: 7px;
    background-color: #f8f9f9;
}

#login-sec .md-input-wrapper input:focus
{
    background-color: rgba(207, 223, 220, 0.5);
}

#login-sec .md-input-wrapper input::placeholder
{
    font-size: 12px;
    color:rgba(98, 130, 129, 0.69);
}

#login-sec #opciones-auxiliares a
{
    font-size: 13px;
    margin-top: 5px;
}

 /*====== 03 Services css starts ======= */
 .ourpro-icon-wrap {
     text-align: center;
     margin: 0 auto;
     padding: 2em 0 3em;
 }
 .ourpro-icon {
     display: inline-block;
     font-size: 0;
     cursor: pointer;
     margin: auto;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     text-align: center;
     position: relative;
     /*z-index: 1;*/
     color: #fff;
 }
 .ourpro-icon:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: '';
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }
 .ourpro-icon:before {
     speak: none;
     font-size: 35px;
     line-height: 90px;
     display: block;
     -webkit-font-smoothing: antialiased;
 }
 .box-process h6 , .box-process p{
     color: #9c9c9c;
     margin-top: 15px;
 }
 /* Effect 8 */
 .ourpro-icon-effect-8 .ourpro-icon {
     background: linear-gradient(135deg, #1b8bf9, rgb(117, 206, 179));
     -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
     -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
     transition: transform ease-out 0.1s, background 0.2s;
 }
 .ourpro-icon-effect-8 .ourpro-icon:after {
     top: 0;
     left: 0;
     padding: 0;
     z-index: -1;
     box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
     opacity: 0;
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
 }
 .ourpro-icon-effect-8 .ourpro-icon:hover {
    background: linear-gradient(135deg, #116bc5, rgb(159, 97, 162));
     -webkit-transform: scale(0.93);
     -moz-transform: scale(0.93);
     -ms-transform: scale(0.93);
     transform: scale(0.93);
     color: #fff;
 }
 .ourpro-icon-effect-8 .ourpro-icon:hover:after {
     -webkit-animation: sonarEffect 1.3s ease-out 75ms;
     -moz-animation: sonarEffect 1.3s ease-out 75ms;
     animation: sonarEffect 1.3s ease-out 75ms;
 }
 @-webkit-keyframes sonarEffect {
     0% {
         opacity: 0.3;
     }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
     }
     100% {
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
         -webkit-transform: scale(1.5);
         opacity: 0;
     }
 }
 @-moz-keyframes sonarEffect {
     0% {
         opacity: 0.3;
     }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
     }
     100% {
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
         -moz-transform: scale(1.5);
         opacity: 0;
     }
 }
 @keyframes sonarEffect {
     0% {
         opacity: 0.3;
     }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
     }
     100% {
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
         transform: scale(1.5);
         opacity: 0;
     }
 }
 /*====== 04 About css starts ======= */
 .about-sec .title-center:before{
     margin: 0;
 }
 .about-sec img{
     width: 100%;
 }
 .about-sec li ,.header-back-text li{
     font-size: 15px;
     padding-left: 30px;
     position: relative;
 }
 .about-sec li:last-child{
     margin-bottom: 0;
 }
 .about-sec li i {
     font-size: 20px;
     left: 0;
     position: absolute;
     top: 1px;
     color: #1b8bf9;
 }
 .about-sec p{
     padding-bottom: 25px;
     text-transform: capitalize;
 }
 /*====== 05 What We Do css starts ======= */
 .grid-item{
     margin-bottom: 30px;
 }

 .portfolioContainer img {
     cursor: pointer;

 }
 .portfolioFilter li button:hover,.portfolioFilter li button.current{
     color: #1b8bf9;
 }
 .port-main{
     position: relative;
 }
 .port-main img{
     width: 100%;
     cursor: pointer;
 }

 
 /*
 .port-main{
     position: relative;
     max-height: 320px;
     height: 320px;
     overflow: hidden;
 }
 .port-main img{
    height: auto;
    top: 50%;
    position: relative;
    transform: translate(0,-50%);
    cursor: pointer;
 }
 */
 .port-main:hover .port-content{
     transform:scale(1);
     cursor: pointer;
 }
 .port-content{
     background:rgba(0,0,0,0.6);
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     transition: all 0.35s linear 0s;
     -moz-transition: all 0.35s linear 0s;
     -o-transition: all 0.35s linear 0s;
     -webkit-transition: all 0.35s linear 0s;
     -ms-transition: all 0.35s linear 0s;
     transform:scale(0);
 }
 .port-text{
     width: 100%;
 }
 .port-text i{
     font-size: 46px;
     color: #fff;
 }
 .port-text h4{
     color: #fff;
     text-transform: capitalize;
     font-weight: inherit;

 }

 
 /*====== 06 Our Creatives css starts ======= */
 .team-block{
     position: relative;
     cursor: pointer;
 }
 .team-block img{
     width: 100%;
 }
 .img-hover{
     opacity: 0;
 }
 .team-block:hover .img-hover{
     position: absolute;
     background-color: rgba(0,0,0,0.60);
     height: 100%;
     width: 100%;
     top:0;
     left:0;
     right: 0;
     overflow: hidden;
     opacity: 1;
 }
 .team-desc {
     background: #fff;
     padding-bottom: 10px;
     border-radius: 5px;
     position: relative;
     z-index: 2;
     box-shadow: 0 10px 28px rgba(0, 0, 0, 0.19);
 }
 .team-name {
     padding: 10px 0;
 }
 .team-position p {
     color: #1b8bf9;
 }
 .team-socials {
	display: inline-block;
	padding-left: 0;
 }
 .team-socials li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
 }
 .team-socials li a {
     color: #2d2d2d;
 }
 .team-twitter ul li h5{
     margin:5px 18px 15px;
 }
 .team-socials i {
	transition-duration: 0.4s;
	cursor: pointer;
	font-size: 20px;
 }
 
 .team-socials .rrss
{
    margin-right: 20px;
}

 .team-socials .rrss a
 {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
 }

 .team-socials .rrss a:hover
 {
    opacity: 0.7;
    text-decoration: underline;
 }

 .team-socials .rrss img:hover {
     color: #1DA1F2;
     transition-duration: 0.4s;
     opacity: 0.5;
 }

 /*====== 09 slick slider css starts  ======= */

 /*slick slider Dots css*/
 .slick-dots
 {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: -15px 0;
     list-style: none;
     text-align: center;
 }
 .slick-dots li
 {
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;

 }
 .slick-dots li button
 {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 10px;
     height: 10px;
     padding: 4px;
     cursor: pointer;
     color: transparent;
     outline: none;
     background: transparent;
     border: 2px solid #1b8bf9;
     border-radius: 50px;
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus
 {
     outline: none;
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before
 {
     opacity: 1;
 }
 .slick-dots li button:before
 {
     font-family: 'FontAwesome';
     font-size: 20px;
     line-height: 13px;
     position: absolute;
     top: 0;
     left: 0;
     width: 10px;
     height: 10px;
     content: ' \25CF';
     text-align: center;
     opacity: 0;
      color: #0487cc;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;

 }
 .slick-dots li.slick-active button:before
 {
     opacity: 1;
     color: #0487cc;
 }

 /*====== 10 Join With Us css starts  ======= */
 .join-us{
     background-color: #1b8bf9;
     color: #fff;
     padding: 45px 0;
 }
 .join-us h3{
     text-transform: uppercase;
     font-weight: 300;
     font-size: 24px;
     letter-spacing: 1px;
 }
 /*====== 11 Footer css starts  ======= */

 .footer-header{
     position: relative;
     color: #fff;
 }
 .footer p ,footer h5{
     font-size: 14px;
     color: #fff;
     font-weight: 300;
 }
 .footer-menu i,.footer-about i{
     top: 0;
     left: 0;
     position: absolute;
 }
 .footer-about li,.footer-menu li{
     position: relative;
 }
 .footer h5{
     margin: 15px 25px;
 }
 .footer-menu  h5:hover{
     color:#0095f4 ;
 }
 .footer h3{
     margin-top: 0;
     margin-bottom: 25px;
     font-size: 20px;
     border-bottom: 1px solid rgba(244, 238, 238, 0.50);
     padding-bottom: 10px;
 }
 .footer li img {
     width: 80px;
     height: 80px;
     margin-right: 1px;
 }

 .footer li a img {
    width: 24px;
    height: 24px; 
}

 .footer-gallery ul li {
     position: relative;
     display: inline-block;
 }
 .footer-gallery li .footer-hvr-effect{
     top: 0;
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0.65;
     background-color: #1b8bf9;
     transform: scale(0);
     transition: all 0.3s ease-in-out;

 }
 .footer-gallery li:hover .footer-hvr-effect{
     transition: all 0.3s ease-in-out;
     transform: scale(1);
 }
 .footer-news .form-control{
     height: 35px;
 }
 .footer-news h5{
     margin: 0;
 }
 .footer-news button{
     top: -35px;
     float: right;
     background-color:#1b8bf9;
     border-radius: 0;
 }
 .copyright h5{
     background-color: #9072fd;
     color: #fff;
     padding:20px 0;
     margin: 0;
     font-size: 15px;
     font-weight: 100;
 }

 .copyright h5 a{
    color: #fff;
 }

 .copyright h5 a:hover{
    color: #00b9f5;
 }

 .subscribe-btn{
     margin:30px 0;
 }
 .subscribe-btn .form-control {
     height: 35px;
     box-shadow: none;
     border: none;
     padding: 6px 12px;
     width: 180px;
 }
 .subscribe-btn .input-group-btn button {
     background: #fff;
 }
 .subscribe-btn .btn{
     top:0;
     position: absolute;
     height: 100%;
 }
 .subscribe-btn .btn i{
   color: #fff;
 }
 .footer-web h5{
     margin-bottom: 0;
 }
 footer p{
     margin-bottom: 10px;

 }
 .footer .fa-angle-double-right{
     color: #fff;
     font-size: 20px;
 }
 .footer-about i{
     color: #0095f4;
     margin-right: 4px;
 }
 .footer-about h5 a:hover{
	 color: #0095f4;
 }
 .footer-about h5 a{
	 color: #ffffff;
 }
 .follow-sec .team-socials li i{
     color: #fff;
 }
 .footer-menu ul li h5{
     margin:5px 18px 15px;
     font-weight: bold;
 }
 
 /*====== 12 Responsive css starts  ======= */
 @media only screen and (max-width: 1900px){ /* ----- Tamaño máximo de la pantalla FULL HD ----- */
	#header-bg{
	/*border: 2px solid black;*/
	}
	.about-sec .tablet-sc{
		margin: 20px 0;
	}
	.carousel{
		height: 38rem;
	}
	
}

@media only screen and (max-width: 991px) {
	#header-bg{
		/*border: 2px solid #00b087;*/
	}
	.team .team-block{
		margin-bottom: 30px;
	}
	.team .team-block:last-child{
		margin-bottom: 30px;
	}
	.navbar-light .navbar-toggler{
		background: url("../images/landingpage/menu.png");
	}
	.navbar-toggler{
		border-radius: 0.25rem;
		font-size: 1.25rem;
		height: 2em;
		line-height: 1;
		padding: 0.5rem 0.75rem;
		width: 2.5em;
	}
	.navbar-nav .nav-item + .nav-item{
		margin-left: 0;
	}
	#navbarResponsive{
		float: left;
	}
	#home-header.home-content h1, #home-header.home-content span{
		font-size: 18px;
	}
	#home-header .btn-md{
		padding: 10px 13px;
	}
	/*portfolio start css*/
	.port-text h4{
		font-size: 16px;
	}

	/*footer start*/
	.footer .footer-gallery{
		height: 270px;
	}

	.about-sec .tablet-sc{
		margin: 20px 0;
	}
	.join-us h3{
		font-size: 17px;
	}

}

@media (min-width: 991px) and (max-width: 1199px) {
	.about-sec .tablet-sc{
		margin: 20px 0;
	}

    #login-sec
    {
        border:2px solid green;
    }

    #login-sec .col-md-6
    {
        width: 100%;
    }

}
 @media only screen and (max-width: 767px) {

	.navbar-light .navbar-toggler{
		background: url("../images/landingpage/menu.png");
	}
	.socials-icon li{
		padding: 0 8px;
	}
	#home-header.home-content h1, #home-header.home-content span{
			font-size: 18px;
			margin-bottom: 22px;
			line-height: 1.3;
			letter-spacing: 1px;
		}
	#home-header.home-content p{
		font-size:18px;
		margin:30px 0;
	}
	#home-header .btn-md{
		font-size: 13px;
		padding: 10px 8px;
		margin-bottom: 20px;
	}

	/* about us start*/
	.about-sec .d-flex{
		display: block
	}
	/*.about-sec img{*/
		/*padding-left:15px;*/
	/*}*/
	.about-sec .title-sec{
		display: none;
	}
	.about-sec .title-center{
		display: block;
		text-align: center;
		margin-top: 30px;
	}
	.about-sec .mob-text{
		text-align: center;
		margin-bottom: 30px;
	}
	.about-sec .title-center:before{
		margin: auto;
	}
	/*portfolio start*/
	.portfolioFilter li button{
		margin: 0;
		font-size: 14px;
		padding: 9px;
	}

    .our-creatives .row:last-child .col-sm-6:last-child  .team-block{
        margin-bottom: 0;
    }
	.team-block{
		margin-bottom: 25px;
	}

	/*join us start*/
	.join-us .d-flex{
		display: block;
		text-align: center;
	}
    .join-us h3{
		font-size: 18px;
		line-height: 1.8;
		margin-bottom: 15px;
    }
	.m-b-xs-25{
		margin-bottom: 25px;
	}
	/*.m-b-xs-15{*/
		/*margin-bottom: 15px;*/
	/*}*/
	.footer .footer-gallery{
		height: inherit;
	}
	@media (min-width: 320px) and (max-width: 768px) {
		#our-creatives img.img-fluid{
			width: 100%;
		}
	}
 }

 /*Responsive css*/
 @media only screen and (max-width: 1199px){ /* ----- Tamaño de la pantalla HD ----- */
	 #header-bg{
	 	/*border: 2px solid purple;*/
	 }
	 .carousel{
		 height: 33rem;
	 }
	 #calendar-detail{
		 display: none
	 }
     .section-bg ,.section-tb{
         padding: 60px 0;
     }
     .title-center:before {
                  bottom: 10px;
     }
     h2.title-sec, h2.title-center {
         padding-bottom: 30px;
     }
 }
 @media only screen and (max-width: 991px){ /* ----- Tamaño máximo de la pantalla NORMAL ----- */
	 #header-bg{
		 height: 400px;
	 }
	 .carousel{
		 height: 22rem;
	 }
	 #calendar-detail{
		 display: none
	 }
	 #btn-opcional{
		 margin-top: 60px;
	 }

    #login-sec .col-md-6
    {
        width: 100%;
    }     

 }
 @media only screen and (max-width: 767px) { /* ----- Tamaño máximo de la pantalla TABLET HD ----- */
	 #header-bg{
		 height: auto !important;
	 }
	 .carousel{
		 height: 16rem;
	 }
	 
     div.area_calendario_eventos{
		 margin-top: 20px;
         margin-left: 10%;
         width: 80% !important;
	 }

	 #login-sec{
        margin-left: 10%;
        width: 80%;
		 margin-top: 20px;
	 }
     .about-sec .tablet-sc {
         margin: 0;
     }
     .footer li img {
         width: 83px;
         height: 83px;
     }
 }
 @media only screen and (max-width: 600px){ /* ----- Tamaño máximo de la pantalla TABLET NORMAL ----- */
	 #header-bg{
		 height: 850px !important;
	     /*border: 2px solid blue;*/
	 }
	 .carousel{
		 height: 13rem;
	 }
	 .box-process{
		 margin-top: 20px;
	 }
     .footer h3 {
         margin-bottom: 20px;
     }
     .subscribe-btn {
         margin: 0;
     }
 }
 @media only screen and (max-width: 480px) { /* ----- Tamaño MINIMO de la pantalla SMARTPHONE PEQUEÑO----- */
	  #header-bg{
	     height: auto !important;
	     /*border: 2px solid red;*/
	 }
	 .carousel{
		 height: 10rem;
	 }
     .socials-icon {
         margin: 0;
         padding: 22px 0;
     }
 }

/*======= 12 top to bottom button start====*/
 .scrollup {
     position: fixed;
/*     bottom: 30px;*/
     right: 30px;
     display: none;
     z-index: 998;
     background: #1b8bf9;
     color: #fff;
     border-radius: 100px;
     height: 50px;
     width: 50px;
     line-height: 1.5;
     padding-left: 0;
     padding-right: 0;
 }
 .scrollup:hover {
     border: 1px solid #1b8bf9;
 }
 .scrollup-icon{
     color: #fff !important;
     padding: 0 10px;
     font-size: 31px;
 }

 /* calendario_eventos  */
DIV.area_calendario_eventos {
	width: 100%; /* se cambia la maquetacion */
	padding: 15px;
    margin-top: 20px;
	overflow: auto;
	clear: left;
	border-radius: 15px;
}

DIV.area_calendario_eventos H2 {
	text-align: left;
	margin-left: -1px;
	margin-top: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 135%;
	font-weight: 400;
	color: white;
}

DIV.calendar_wrapper TR.calendar_day_names TD.label_days
{
	border-bottom: 1px solid #b4b0b0;
	color: white;
}
 
DIV.calendar_wrapper TD {
    margin: 0px;
    border: 1px solid transparent;
}
 
DIV.calendar_wrapper TD.current_day:hover
{
	border: 2px solid #799ab4;
}

DIV.calendar_wrapper TD.event_day
{
	margin:1px;
	background-color: transparent;
	border: 0px solid silver;
}
 
DIV.calendar_wrapper TD.event_day:hover
{
	color: black;
}

DIV.calendar_wrapper SPAN.activity_day
{
	color: white;
} 
 
DIV.calendar_wrapper tr.calendar_days td
{
	margin: 2px;
}

DIV.calendar_wrapper SPAN.regular_day
{
	color: #e3dfdf;  /* home */
} 
 
 

 
 
 
 
 
 
 /*=======top to bottom button Ends====*/