/* Google fonts */

@import url(https://fonts.googleapis.com/css?family=Scada:400italic,400,700);



/* Global Styles */

html, body {
  height: 100%;
}

body {
  padding-top: 90px;
  max-width: 1200px;
  margin: 0 auto;
  background:#100f1f url(../images/bg.jpg) top no-repeat;
  font-family: 'Scada', sans-serif;
 /* body padding for fixed top nav */
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 0;
}

.banner_big {
    background-color: #313140;
    height: 486px; padding-left: 10px;
    margin-top:0px;
}
.banner_big h3 {
  color: #76FF57;
  font-size:32px;
  background:url(../images/bocina.png) no-repeat left;
  padding-left: 40px;
  
}
.banner_big h5 {
  color: $fff;
  font-size:22px;
  
  padding-left: 40px;
  float:left;
}
.section-colored {
  background-color: #313140;
  margin-top: 10px;
}

.section-colored h2 {
  color: #76FF57;
  font-size:22px;
  background:url(../images/bocina.png) no-repeat left;
  padding-left: 40px;
  float:left;
}
.section-colored h3 {
  color: #FFF;
  font-size:18px;
  padding-left: 30px;
  float:left;
}

/* Page Sections - News */
.section,
.section-news {
  padding: 0;
}

.section-news {
  background-color: #0F0F1E;
  padding: 25px 0;
}

.section-news h2 {
  color: #76FF57;
  font-size:16px;
  text-transform:uppercase;
}
.section-news p {
  color: #FFF;
  font-size:14px;
}

.marquee-with-options {
   overflow: hidden;
   margin-left:20px;
}

.marquee-with-options  p {
	font-size:18px;

	width: 100%;
	height: 100%;

	margin: 0;
	line-height: 65px;

	color: #fff;

}

/*Equipo*/

.equipo-gral {
	float: left;
	width: 100%;
}

.equipo-info {
	padding-left: 10%;
	float: left;
}

.equipo-info a {
	color:#DDFF53;
	text-decoration:none;
}
.equipo-info a:hover {
	color:#72FF72;
}

.equipo-escudo {
	float: left;
}

/*contacto*/

p.mobile {
  background: url(../images/icon-mobile-white.png) no-repeat left;
	float: left;
	padding-left: 20px;
	height: 25px;
	line-height: 2;
	margin-right: 20px;
	margin-left: 30px;
}
p.mail {
  background: url(../images/icon-mail-white.png) no-repeat left;
	padding-left: 30px;
	float: left;
	height: 25px;
	line-height: 2;
}
p.mail a {
  color:#fff;
}
p.mail a:hover {
  color:#FFF;
  text-decoration:none;
}

/* Elastislide Style */

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%; 
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 25px;
    height: 25px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/nav.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/nav.png) no-repeat -25px;
}


.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.fill img {
	width: 100%;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 50px 0;
  color: #535362;
}

footer p.mobile {
  background: url(../images/icon-mobile.png) no-repeat left;
	float: left;
	padding-left: 20px;
	height: 25px;
	line-height: 2;
	margin-right: 20px;
}
footer p.mail {
  background: url(../images/icon-mail.png) no-repeat left;
	padding-left: 30px;
	float: left;
	height: 25px;
	line-height: 2;
}
footer p.mail a {
  color:#72FF72;
}
footer p.mail a:hover {
  color:#FFF;
  text-decoration:none;
}

/* Generic Styling, for Desktops/Laptops */
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #424251; 
	}
	th { 
		background: #0F0F1E; 
	}
	td, th { 
		padding: 6px 10px;  
		text-align: left; 
	}

	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 560px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		/*table, thead, tbody, th, td, tr { 
			display: block; 
		}*/
		
		/* Hide table headers (but not display: none;, for accessibility) */
		/*thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { }
		
		td { */
			/* Behave  like a "row" */
			/*border: none; 
			position: relative;
			text-align: center;
		}
		
		td:before { */
			/* Now like a table header 
			position: absolute;*/
			/* Top/left values mimic padding
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align: left;
		} */
		
		/*
		Label Posiciones
		
		#posiciones td:nth-of-type(1):before { content: "EQUIPO"; }		
		#posiciones td:nth-of-type(2):before { content: "PJ"; }
		#posiciones td:nth-of-type(3):before { content: "PG"; }
		#posiciones td:nth-of-type(4):before { content: "PE"; }
		#posiciones td:nth-of-type(5):before { content: "PP"; }
		#posiciones td:nth-of-type(6):before { content: "GF"; }
		#posiciones td:nth-of-type(7):before { content: "GC"; }
		#posiciones td:nth-of-type(8):before { content: "DG"; }
		#posiciones td:nth-of-type(9):before { content: "QP"; }
		#posiciones td:nth-of-type(10):before { content: "PTS"; }
		
		#goleadores td:nth-of-type(1):before { content: "NOMBRE"; }		
		#goleadores td:nth-of-type(2):before { content: "GOLES"; }
		#goleadores td:nth-of-type(3):before { content: "AMARILLAS"; }
		#goleadores td:nth-of-type(4):before { content: "ROJAS"; }
		#goleadores td:nth-of-type(5):before { content: "EQUIPO"; }
		
		#equipo td:nth-of-type(1):before { content: "PJ"; }		
		#equipo td:nth-of-type(2):before { content: "PG"; }
		#equipo td:nth-of-type(3):before { content: "PE"; }
		#equipo td:nth-of-type(4):before { content: "PP"; }
		#equipo td:nth-of-type(5):before { content: "GF"; }
		#equipo td:nth-of-type(6):before { content: "GC"; }	
		
		#jugador td:nth-of-type(1):before { content: "NOMBRE"; }		
		#jugador td:nth-of-type(2):before { content: "AMARILLAS"; }
		#jugador td:nth-of-type(3):before { content: "ROJAS"; }
		#jugador td:nth-of-type(4):before { content: "GOLES"; }	*/				
	}
	
	@media 
	only screen and (max-width: 480px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		td, th {
			font-size: 12px;
		} 		
		/* th#goleadores:nth-child(3), td#goleadores:nth-child(3) { position: absolute; top: -9999px; left: -9999px; }*/
		/* th#goleadores:nth-child(4), td#goleadores:nth-child(4) { position: absolute; top: -9999px; left: -9999px; }

		 th#posiciones:nth-child(8), td#posiciones:nth-child(8) { position: absolute; top: -9999px; left: -9999px; }
		 th#posiciones:nth-child(9), td#posiciones:nth-child(9) { position: absolute; top: -9999px; left: -9999px; }		 		
		 th#posiciones:nth-child(10), td#posiciones:nth-child(10) { position: absolute; top: -9999px; left: -9999px; }		 		*/
		
		 td#partido:first-child { position: absolute; top: -9999px; left: -9999px; }
		 td#partido:last-child  { position: absolute; top: -9999px; left: -9999px; }	
		 
		 td#resultados:nth-child(1),td#resultados:nth-child(3),td#resultados:nth-child(8) { position: absolute; top: -9999px; left: -9999px; }
		   
		#ultimo_momento h2 { position: absolute; top: -9999px; left: -9999px; }
	}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
  
  .navbar-brand img {
	width: 35%;
  }
}