
@font-face {
    font-family: 'GNR';
    src: url('../fonts/corvinus_skyline_icg-webfont.eot');
    src: url('../fonts/streetbrush.eot?#iefix') format('embedded-opentype'),
         url('../fonts/streetbrush.woff2') format('woff2'),
         url('../fonts/streetbrush.woff') format('woff'),
         url('../fonts/streetbrush.ttf') format('truetype'),
         url('../fonts/streetbrush.svg#corvinus_skyline_icgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    outline: none;
    border:none;
}

*:focus
{
    outline: none;
    border:none;
}

.header{
    margin-bottom:0px;
}
#myCanvas{
    background:none;
    opacity:0.04;
    position:absolute;
    width:200%;
    height:200%;
}

#txtHeader{
        padding-top:40px;
        margin-bottom:40px;
        letter-spacing:2px;
        text-align:justify;
        padding-right:80px;
        vertical-align:middle;
        float:right;
        height:inherit;
        line-height:32px;
        font-size:17px;
        color:#e4e4e4;
        font-family:  Georgia, 'Bookman Old Style', Constantia, 'Palatino Linotype', 'Cambria Math', sans-serif;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(73,73,73,1)), color-stop(100%, rgba(50,50,50,.5)), to(rgba(46,46,46,1)));
}
.txt-degradee{
        margin-bottom:20px;
        letter-spacing:2px;
        text-align:justify;
        padding-right:80px;
        vertical-align:middle;
        float:right;
        height:inherit;
        line-height:32px;
        font-size:17px;
        color:rgba(200,200,200,1);
        font-family:  Georgia, 'Bookman Old Style', Constantia, 'Palatino Linotype', 'Cambria Math', sans-serif;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(73,73,73,1)), color-stop(100%, rgba(50,50,50,.5)), to(rgba(46,46,46,1)));
}



body {

    //cursor: url("../imgs/bullet.cur"), pointer;
    //cursor: text, default;

    padding-bottom: 20px;
    background-color:#000;

    background: #000;
    background: -webkit-linear-gradient(left top,     #0A0000, #0D0901); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right,      #0A0000, #0D0901); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right,    #0A0000, #0D0901); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,      #0A0000, #140F02); /* Standard syntax */
      
    background: #000 url("../imgs/bg.jpg") no-repeat ;

    overflow-x: hidden;

}

/*

background: linear-gradient(95deg, #8c8c8c, #454545);
background-size: 400% 400%;

@-webkit-keyframes AnimationName {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@keyframes AnimationName {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
*/






/* Set padding to keep content from hitting the edges */
.body-content {
    color:#bababa;
    font-family: 'Segoe UI',Calibri,Arial,Tahoma,Verdana;
    font-size:14pt;
    line-height:32px;
    font: bold 330%/100% ;
    text-shadow: 2px 2px 4px rgba(7,0,0,1);
    
    // text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    color:red;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


a, a:link,a:visited{
    color:#FF009C;
    font-size:11pt;
}
a:hover {
    //cursor: url("../imgs/heavy.cur"), pointer;
}

.menu ul li a{
    font-size:24pt !important;
    font-family: 'GNR','Segoe UI',Calibri,Arial,Tahoma,Verdana !important;
    letter-spacing:2px;
}



.title1{
    font-size:24pt !important;
    font-family: 'GNR','Segoe UI',Calibri,Arial,Tahoma,Verdana !important;
    letter-spacing:2px;
    color:#b50000;
}


.title2{
    font-size:19pt !important;
    font-family: 'GNR','Segoe UI',Calibri,Arial,Tahoma,Verdana !important;
    letter-spacing:2px;
    color:#d1b100;
}


#mainView {
    border: 1px solid black;
	clear: both;
	padding: 0 1em;
}
.active {
    background-color: #FFF;
    color: #000;
}




footer{
    //margin: 30px;
}


/* ******************* COMPONENTS ******************* */


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    align-items: center;
    /*display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    position:relative;height:100%;*/
}



/* ******************* MENU ******************* */



	.menu-nav {padding:0px; list-style: none;	margin-bottom:-40px;	background: none;}
	.menu-nav li {display: inline-block;float:none;	background: none; border:none;}

    .menu-nav a {
        letter-spacing: 6px;
        display: inline-block;
        padding-top: 15px;
        cursor: pointer;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        width: 170px;
        height: 170px;
        line-height: 170px;
        color:  rgb(255, 232, 49);
        font-size: 40pt;
        font-family: GNR, 'Segoe UI', Calibri, Arial, Tahoma, Verdana;
        border: 0px solid rgb(221, 221, 221);
        border-bottom: none;

        background: url("../imgs/triangleBlack.png")  center  no-repeat;

    }


	.menu-nav a:hover{
      //  cursor: url("../imgs/heavy.cur"), pointer;
     text-decoration:none;
		color: fff;
		background:  url("../imgs/triangleYellow.png")  center no-repeat;
    

    -webkit-animation: neon2 2s ease-in-out infinite alternate;
    -moz-animation:    neon2 2s ease-in-out infinite alternate;
    animation:         neon2 2s ease-in-out infinite alternate;    
    
	}
	.menu-nav .active {
		color: #fff;
		border-bottom: 0px solid #fff;
		margin-bottom: -1px;
		background:  url("../imgs/triangleRed.png")  center no-repeat;
    opacity:1;    

    -webkit-animation: neon2 2s ease-in-out infinite alternate;
    -moz-animation:    neon2 2s ease-in-out infinite alternate;
    animation:         neon2 2s ease-in-out infinite alternate;    
  }
    
	.menu-nav .active:hover {
		color: #ffffdb;
		border-bottom: 0px solid #fff;
		margin-bottom: -1px;
		background:  url("../imgs/triangleRed.png")  center no-repeat;
	}

	.menu-content {
		border: 0px solid #ddd;
        padding: 20px;
        padding-top: 60px;
	}

	.menu-nav .inactive {
        background: url("../imgs/triangleBlack.png")  center no-repeat;
         transition:        background 400ms ease-out;
        -moz-transition:    background 400ms ease-out;
        -webkit-transition: background 400ms ease-out;
        -ms-transition:     background 400ms ease-out;
            
	}
	.menu-nav .inactive:hover {
        cursor: url("../imgs/heavy.cur"), pointer;
        text-decoration:none;
		color: rgb(255,0,153);
		background:  url("../imgs/triangleYellow.png")  center no-repeat;
         transition:        none;
        -moz-transition:    none;
        -webkit-transition: none;
        -ms-transition:     none;
	}

 

  @-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}
   
    
    
    
    
    
    

.icon{
    width:74px  !important;
    height:74px !important;
}
.icon div{
    border: 0px solid #000;
    display:inline-table;
    width:74px  !important;
    height:74px !important;
}
.icon:hover div{
    width:74px  !important;
    height:74px !important;
}

.icon:hover img{
    width: 72px;
    height:72px;
}


/* ******************* XS-MENU ******************* */



	.xs-menu-nav {padding:0px; list-style: none;	margin-bottom:-40px;	background: none;}
	.xs-menu-nav li {display: inline-block;float:none;	background: none; border:none;}

    .xs-menu-nav a {
        letter-spacing: 2px;
        display: inline-block;
        padding-top: 5px;
        cursor: pointer;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: rgb(255, 232, 49);
        font-size: 16pt;
        font-family: GNR, 'Segoe UI', Calibri, Arial, Tahoma, Verdana;
        border: 0px solid rgb(221, 221, 221);
        border-bottom: none;
        background: url("../imgs/triangleBlack.png") 50% 50% no-repeat;
    }

	.xs-menu-nav a:hover{
        cursor: url("../imgs/heavy.cur"), pointer;
        text-decoration:none;
		color: #BE0404;
		background: #ff0  center no-repeat;
	}
	.xs-menu-nav .active {
		color: #fff;
		border-bottom: 0px solid #fff;
		margin-bottom: -1px;
		background: #f00  center no-repeat;
	}
	.xs-menu-nav .active:hover {
		color: #ffffdb;
		border-bottom: 0px solid #fff;
		margin-bottom: -1px;
		background:  #f00  center;
	}

	.xs-menu-content {
		border: 0px solid #ddd;
        padding: 10px;
        padding-top: 60px;
	}



	.tabs-nav {padding: 20px 0 0; list-style: none;		background: none;}
	.tabs-nav li {display: inline;	background: none; border:none;}
	.tabs-nav a {
		display:inline-block;
		border: 0px solid #ddd;
		border-bottom: none;
		padding: 15px;
		cursor: pointer;
		font-size: 14px;
        text-decoration:none;
		background: none;
	}
	.tabs-nav a:hover{
        text-decoration:none;
		color: #ff3e00;
		background: #f6e372;
	}
	.tabs-nav .active {
		background: #b50000;
		color: #ffffdb;
		border-bottom: 0px solid #fff;
		margin-bottom: -1px;
	}

	.tab-content {
		border: 0px solid #ddd;
		padding: 20px;
	}



















.fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}
.fade.ng-enter,
.fade.ng-leave {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.fade.ng-enter {
    opacity: 0;
}
.fade.ng-enter-active {
    opacity: 1;
}
.fade.ng-leave {
    opacity: 1;
}
.fade.ng-leave-active {
    opacity: 0;
}


/* ********** RESPONSIVE EMBEDED VIDEO *********** */

.responsive-video {
    /*position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;*/
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: relative;
    /*top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
}


button{
    /*background:url(../imgs/button.png) no-repeat;
    cursor:pointer;
    width: 120px;
    height: 30px;
    border: none;*/
}

.flyer{
    -webkit-box-shadow: -1px 2px 25px 5px rgba(43,42,43,1);
    -moz-box-shadow: -1px 2px 25px 5px rgba(43,42,43,1);                
    box-shadow: -1px 2px 25px 5px rgba(43,42,43,1);
}


button {
    cursor:pointer;
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#ff0000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 16px 4px 16px;
    margin-right:10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
button:active {
	position:relative;
	top:1px;
}




.bg-eventos-proximos{
background: rgba(0,0,0,0.24);
background: -moz-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(92,0,0,1) 1%, rgba(69,4,13,0.99) 3%, rgba(89,29,2,0.6) 45%, rgba(92,32,0,0.54) 51%, rgba(57,39,2,0.39) 67%, rgba(27,19,4,0) 86%, rgba(5,5,5,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.24)), color-stop(1%, rgba(92,0,0,1)), color-stop(3%, rgba(69,4,13,0.99)), color-stop(45%, rgba(89,29,2,0.6)), color-stop(51%, rgba(92,32,0,0.54)), color-stop(67%, rgba(57,39,2,0.39)), color-stop(86%, rgba(27,19,4,0)), color-stop(100%, rgba(5,5,5,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(92,0,0,1) 1%, rgba(69,4,13,0.99) 3%, rgba(89,29,2,0.6) 45%, rgba(92,32,0,0.54) 51%, rgba(57,39,2,0.39) 67%, rgba(27,19,4,0) 86%, rgba(5,5,5,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(92,0,0,1) 1%, rgba(69,4,13,0.99) 3%, rgba(89,29,2,0.6) 45%, rgba(92,32,0,0.54) 51%, rgba(57,39,2,0.39) 67%, rgba(27,19,4,0) 86%, rgba(5,5,5,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(92,0,0,1) 1%, rgba(69,4,13,0.99) 3%, rgba(89,29,2,0.6) 45%, rgba(92,32,0,0.54) 51%, rgba(57,39,2,0.39) 67%, rgba(27,19,4,0) 86%, rgba(5,5,5,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.24) 0%, rgba(92,0,0,1) 1%, rgba(69,4,13,0.99) 3%, rgba(89,29,2,0.6) 45%, rgba(92,32,0,0.54) 51%, rgba(57,39,2,0.39) 67%, rgba(27,19,4,0) 86%, rgba(5,5,5,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#050505', GradientType=1 );}

.bg-eventos-recentes {
background: rgba(0,0,0,0.24);
background: -moz-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(41,41,41,1) 1%, rgba(27,27,27,0.99) 3%, rgba(244,219,206,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.24)), color-stop(1%, rgba(41,41,41,1)), color-stop(3%, rgba(27,27,27,0.99)), color-stop(100%, rgba(244,219,206,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(41,41,41,1) 1%, rgba(27,27,27,0.99) 3%, rgba(244,219,206,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(41,41,41,1) 1%, rgba(27,27,27,0.99) 3%, rgba(244,219,206,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(41,41,41,1) 1%, rgba(27,27,27,0.99) 3%, rgba(244,219,206,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.24) 0%, rgba(41,41,41,1) 1%, rgba(27,27,27,0.99) 3%, rgba(244,219,206,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f4dbce', GradientType=1 );
}








body input,textarea{

    -moz-border-radius-topleft:     3px; -webkit-border-top-left-radius:    3px; -khtml-border-top-left-radius:     3px; border-top-left-radius:    3px;                
    -moz-border-radius-topright:    3px; -webkit-border-top-right-radius:   3px; -khtml-border-top-right-radius:    3px; border-top-right-radius:   3px;            
    -moz-border-radius-bottomleft:  3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius:  3px; border-bottom-left-radius: 3px;    
    -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius:3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius:3px;   
    
    font-size:10pt;
    
    padding-left: 4px;
    padding-right:4px;

    color:red;
    border:2px #000 solid; 

    background-color:#fffed2;

    border-radius:8px;
    height:40px;
    line-height:40px;

}

body textarea {
    width:200px;
    height:105px;
    line-height:12pt
}

body input:hover, input:focus, textarea:hover, textarea:focus{
    border:2px #ff0 solid; 
}




/*
.modal-open {
     overflow: scroll;
}

.modal-dialog {
}

.modal {
  overflow: auto;
  overflow-y: scroll;
}
  
.modal-title {
    text-align:center;
    font-weight:bold;
    color:#fff;
}
 
.modal-content {
    background: #921b00 url(../../content/imgs/bgDialog.jpg)  repeat-y;
}

.model-header{
    background-color: #ff0 !important;
}

.modal-body {
  background-color: #000;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color:#0dba00;
  outline: none;
  text-align:center;
}
 */

/*
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
*/

