html,body{
	position: relative;
	background-image: url('../images/tickets/principal_slide5.jpg');
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-repeat:no-repeat;
	height: 100%;
	min-height: 380px;  
	background-size: cover;
	font-family: 'Numans', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #211D1D;
	margin: 10px;
	padding: 5px;
	}


    .fadebox {
      display: none;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index:1001;
      -moz-opacity: 0.5;
      opacity:.50;
      filter: alpha(opacity=50);
    }
    .overbox {
      display: none;
      position: absolute;
      top: 30%;
      left: 30%;
      width: 50%;
      height: 70%;
      overflow: auto;
      background-color: white;     
    }
    #content {
      border: solid 5px gray;
      padding: 5px;
    }

.styleA1{
            text-shadow: +3px +3px 5px #000000;
			      text-align: center;
            font-family: Verdana;
            font-size:24px;
            text-decoration: underline;
            text-decoration-color: #07F968;
            color:white;
            position: absolute;
            left: 10px;
            top: 10px;
}
.styleA2{
            text-shadow: +3px +3px 5px #000000;
            font-family: Verdana;
            font-size:24px;
            text-decoration: underline;
            text-decoration-color: white;
            color:white;
}
.styleA3{
            text-shadow: +2px +2px 3px #000000;
            font-family: Verdana;
            font-size:14px;
            text-decoration-color: white;
            color:white!important;
}

.elemento {
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
}
a:link {
  text-decoration: none;
  color:white;
}
a:visited {
  text-decoration: none;
  color:white;
}
a:active {
  text-decoration: none;
  color:white;
}
a:hover {
  text-decoration: underline;
  color:white;
}
.footer-bs {
    background-color: #181818;
	padding: 15px 25px;
	color: rgba(255,255,255,1.00);
	margin-bottom: 20px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 6px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:5px 5px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px; height: 20px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; font-size:10px; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px; height: 20px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px; height: 20px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00); font-size:10px; height: 20px;}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}

.container{
height: 120%;
align-content: center;
}

.card{
height: 500px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
color:white;
background-color: rgba(0, 0, 0, 0.85);
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFD608;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
left: -50px;
top: -60px;

}

.input-group {
top: 10px;
background-color: #3570AD;
color: white;
border:0 !important;
}

.input-group-prepend span{
width: 50px;
top: 50px;
background-color: #3570AD;
color: white;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #FF4040;
width: 100px;
}

.login_btn:hover{
color: white;
background-color:#FF0000;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}