/* Layout 2 */
.layout_2 .list_agenda ul li.thumb ul li.day{width:100%; float:left; margin:0 0 2px 0; padding:0; background:#006CB6; color:#fff; height:20px; font-weight:bold; line-height:20px; padding-left:5px; list-style:none}				
.layout_2 .list_agenda ul li.thumb ul li.day span{font-weight:normal;  position:relative; bottom:0px;}	
.layout_2 .list_agenda ul li.thumb ul li.photo img{ }	
.list_agenda ul li.description{ float:left;}					
.layout_2 .list_agenda ul li.description p.title{ /*margin:20px 0px 3px 0px;*/ float:left;}				
.layout_2 .list_agenda ul li.description p.desc{}	
.list_agenda ul li.thumb{margin: 0 4% 0 0; width: 19%;}
.list_agenda ul li.description { width: 77%;}
.wrap_calendar{width:35%; float:left;}
.wrap_calendar .filter{max-width:298px;width:100%; float:left; margin:8px 0 0 0}
.wrap_calendar select{width:100%; font-size:10px; line-height:18px; margin-bottom:2px;border-width: 2px;border-style: solid;border-color:#cccccc;border-radius: 0px;padding: 0;width: 100%;border-radius: 2px; font-size:13px; font-family:Arial; font-weight:normal; }
.wrap_calendar select.area{float:left;}
.wrap_calendar option{font-size:13px; line-height:18px; padding:10px 5px}
.wrap_calendar select.month{margin:0 0 0 7px; float:right}
.wrap_calendar .search_btn input{max-width:298px; width:100%;display:block; background:#fff; /*text-indent:-9999px;*/ text-transform:uppercase; border:none; padding:10px 0; font-size:13px; font-weight:bold; text-align:center; margin:0; color:#fff; cursor:pointer; float:left; border-radius:4px; border:2px solid #006CB6; }
.wrap_calendar .search_btn input:hover{ background:#006CB6;  color:#fff; cursor:pointer; float:left; border-radius:4px;}
.wrap_calendar .search_btn{width:100%; height:20px; margin:8px 0; float:left;}
.cal-active{background:#006CB6 !important;color:#fff !important;}
.cal-active a{background:#006CB6 !important;color:#fff !important;}

.featured_calendar{background: #006CB6 none repeat scroll 0 0;
    padding: 10px;
    float: left;
    line-height: 18px;
    margin: 0 0 10px;
    text-align: left;
    width: 100%;
    display:none;
}
.featured_calendar select{cursor: pointer; float: left; font-size: 15px; text-align: left;z-index: 999; border:1px solid #fff; position:relative; top:1px; right:1px;background:#006CB6 url(/images/png/select_arrow.png) no-repeat right 8px center; color:#fff; padding:10px 20px 10px 10px; appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */ border-radius:4px; margin:0 20px 0 0; width:30%;}
    
.featured_calendar select.area{float:left;}
.featured_calendar option{font-size:13px; line-height:18px;}
.featured_calendarselect.month{float:left}
.featured_calendar .search_btn input{float:left;display:block; background:#006CB6; /*text-indent:-9999px;*/ text-transform:uppercase;padding:10px; font-size:15px; font-weight:normal; text-align:center; margin:0; color:#fff; cursor:pointer; float:left; border-radius:4px; border:2px solid #fff; }
.featured_calendar .search_btn input:hover{ background:#fff;  color:#006CB6; cursor:pointer; float:left; border-radius:4px;}

.featured_calendar li{list-style-type:none}
.featured_calendar .featured_event{float:right; width:65%;  margin:0; padding:0; }
.featured_calendar .featured_event ul{float:right; margin:0; padding:0; width:100%; border:none;}
.featured_calendar .featured_event ul div.day{width:100%; float:left; margin:0 0 2px 0; padding:0; background:#006CB6; color:#fff; height:23px; font-weight:normal; line-height:23px; padding-left:5px; list-style:none}
.featured_calendar .featured_event ul div.day span{font-weight:normal; font-size:1.250em; position:relative; bottom:0px;}
.featured_calendar .featured_event ul li.photo{list-style:none; float:left; margin:0; padding:0; border:none; width:50%;}
.featured_calendar .featured_event ul li.photo img{width:100%; height:auto; border:none; }
.featured_calendar .featured_event ul li.photo a{display:block; width:100%; height:auto; border:none;;}
.featured_calendar .featured_event ul li.description{list-style:none; width:50%; float:right}
.featured_calendar .featured_event ul li.description p.title{font-weight:bold; margin:10px 0px 3px 10px;  width:100%;font-size:1.250em; }
.featured_calendar .featured_event ul li.description p.title a{}
.featured_calendar .featured_event ul li.description p.desc{line-height:16px; width:100%; margin:0px 0px 3px 10px; padding:0;font-size:0.938em; }
.featured_calendar .featured_event ul li.description p.desc a{text-decoration:none; margin:0; padding:0}

.layout_top { margin-bottom:35px; }
.mod_artista {margin-top:200px;}
.list_eventos{background:#0A1B41;}
#maincontent #contentwrapper {width:100%;padding:0 !important;}
#filterBtn { color: #fff; font-weight: bold; font-size: 20px; float: right; padding: 15px; margin: 0;display:none;}
#filterBtn:hover { }
.filterEvents { padding:0 20px 20px; display: inline-block; width: 100%; margin-top: 18px;;}
#catButtons{float:right;width:65%;text-align:right;}
#dayButtons{float:left;width:35%;text-align:left;}
#dayButtons p{text-transform:uppercase;}
#catButtons, #dayButtons{position:relative;color:#fff;width:50%;}
.filterEvents p{margin:0;font-size:18px;cursor:pointer;}
.filterEvents p:hover{font-weight:bold;}
.filterEvents p.active{font-weight:bold;color:#0A1A40;}
.filterEvents span{padding:5px;line-height:30px;display:inline;}
.filterEvents span:last-child{display:none;}
.filterEvents p, .filterEvents h3 {padding:5px;line-height:30px;white-space:nowrap;display:inline;}
.filterEvents h3 {font-family:'GothamRoundedMedium';font-size:20px;text-transform:uppercase;}
.gradientContent { position:inherit;bottom:0;width:100%; }
.gradientContent h1.title{color:#fff;text-transform:uppercase;font-size:34px;}
.gradientTop { 
    position: absolute; 
    top: 0; 
    width: 100%; 
    min-height: 330px; 
    /*background: rgba(0,185,241,0.8);
    background: -moz-linear-gradient(-45deg, rgba(0,185,241,1) 0%, rgba(0,112,187,1) 70%, rgba(10,27,65,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,185,241,1)), color-stop(70%, rgba(0,112,187,1)), color-stop(100%, rgba(10,27,65,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,185,241,1) 0%, rgba(0,112,187,1) 70%, rgba(10,27,65,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,185,241,1) 0%, rgba(0,112,187,1) 70%, rgba(10,27,65,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,185,241,1) 0%, rgba(0,112,187,1) 70%, rgba(10,27,65,1) 100%);
    background: linear-gradient(135deg, rgba(0,185,241,1) 0%, rgba(0,112,187,1) 70%, rgba(10,27,65,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9f1', endColorstr='#0a1b41', GradientType=1 );*/
    background:url('/images/png/lg-gradients-2019/lg-gradient-1.png');
    background-size:cover;
    background-position:center;
}

/*

/*############################################################################################## toolTip ######################################################*/
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	text-align:left;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

@media screen and (min-width :1101px) and (max-width: 1240px) {
    #catButtons, #dayButtons {width:50%;}
}

@media screen and (max-width:1100px) {
    .mod_artista { margin-top:271px; }
    .gradientTop { position:relative; min-height:initial; }
    .mod_artista { margin-top:0; }
    #catButtons, #dayButtons {width:50%;}
    .gradientContent {padding-top:20px;}
}


@media screen and  (min-width :481px)  and (max-width: 767px) 
{   
    .featured_calendar select {
        width: 100%; margin:0 0 10px;
    }
    .gradientContent {padding-top:20px;}
}

@media screen  and (max-width: 575px) 
{   
    .gradientContent {padding-top:15px;}
    .layout_top {margin:0;}
}

@media screen  and (max-width: 480px) 
{   
    .featured_calendar select {
        width: 100%; margin:0 0 10px;
    }
    .layout_top{padding:0;}
    .layout_top h2 {font-size:42px !important;}
    .filterEvents {height:0;opacity:0;transition:0.3s all ease;padding:0 10px;border-top:1px solid white;border-top:1px solid rgba(255,255,255,0.7);display:flex;}
    .filterEvents.opened {height:initial;opacity:1;}
    .gradientTop {min-height:unset;}
    #catButtons, #dayButtons {width:100%;float:none;clear:both;padding:20px 0;}
     #catButtons{text-align:left;padding-left:10px;}
     #dayButtons{padding-right:10px;}
    #filterBtn {display:block;}
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}