/* CSS Document */
	
	body {
		padding:0;
	}


	/*--- NAVBAR ---*/
	/* --------------------------------------------------------- */
	
	.navbar {
		padding:10px 10px 10px 10px;
	}
	a.nav-link {
		text-transform:uppercase;
		font-weight:bold;
		font-size:10pt;
	}
	button.navbar-toggler {
		color:#fff;
	}
	#navenv {
		background-color:#ff5500;
		padding:0;
		margin:0;
		width:100%;
	}
	#navenv div.container{
		width:100%;
		max-width:1290px;
		padding:0 10px 0 10px;
		margin:0 auto;
	}
	


	/*--- NAVBAR DARK  ---*/
	/* --------------------------------------------------------- */

	.navbar-dark {
		background-color:#ff5500;
		margin:0;
	}
	/* change the brand and text color */
	.navbar-dark .navbar-brand,
	.navbar-dark .navbar-text {
		color:rgba(255,255,255,.9);
	}
	/* change the link color */
	.navbar-dark .navbar-nav .nav-link {
		color:rgba(255,255,255,.9);
	}
	/* change the color of active or hovered links */
	.navbar-dark .nav-item.active .nav-link,
	.navbar-dark .nav-item:hover .nav-link {
		color:#ffffff;
	}
	
	.navbar-dark .navbar-toggler-icon {
		background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}

	/*--- NAVBAR LOGO Y DESTACADO ---*/
	/* --------------------------------------------------------- */

	div#navbar-brandenv {
		position:absolute;
		left:80px;
		top:-2px;
		z-index:99999;
	}
	a.navbar-brand img {
		height:150px;
	}
	
	a.navbar-brand {
		font-size:12pt;
		color:#fff;
	}
	a#desc {
		background-color:#69C;
		color:#FFF;
		padding-left:10px;
		padding-right:10px;
		margin:0 10px;
	}



	/*--- HERO ---*/
	/* --------------------------------------------------------- */

	div#hero {

		position:relative;		

		background-color:#FFF;

		background-color:#999;
		
		background-image:url("https://carreradeportesparrahervas.com/images/fondo.jpg");
		background-size:cover;
		background-position:center center;
		

				

		margin:0;
		padding:0;
	}
	
	div#hero .herocontainer {

		width:100%;
		height:490px;
		max-width:1280px;
		margin:0 auto;
		padding:0;
		/*
		background-image:url("https://kiui.es/imgs/mobile-phone-1087845_1920.jpg");
		background-image:url("chorrera.jpg");
		*/
		background-size:cover;
		background-position:center center;
		
	}
	
	
	/*--- HERO SEC ---*/
	/* --------------------------------------------------------- */

	div#herosec {

		position:relative;		

		background-color:#FFF;

		background-color:#999;
		
		background-image:url("/images/fondo.jpg");
		background-size:cover;
		background-position:center center;
		

				

		margin:0;
		padding:0;
	}
	
	div#herosec .heroseccontainer {

		width:100%;
		height:210px;
		max-width:1280px;
		margin:0 auto;
		padding:0;
		
		
		/*
		background-image:url("sec2.jpg");	
		*/


		background-size:cover;
		background-position:center center;
		
	}
	
	div#heroc2a	{
		position:absolute;
		width:100%;
		bottom:40px;
		z-index:99999;
	}

	div#heroc2a a.btn {
		margin:10px 0;
		padding:6px 20px 8px 20px;
		border:2px solid #ffffff;
		border-radius:10px;
	}	

	/*--- CUERPO DE LA PÁGINA ---*/
	/* --------------------------------------------------------- */
	
	.pbody {
		text-align:left;
		margin-top:20px;
	}

	.pbody2 {
		text-align:left;
		padding-bottom:60px;
	}

	h1 {
		color:#ff5500;
		text-align:center;
	}

	h2 {
		color:#ff5500;
		text-align:center;
		display:block;
		width:100%;
		margin:20px 0 20px 0;
		padding:8px 0;
		text-align:center;
		border-bottom:2px solid #ff5500;

	}	

	h2.widget-title {
		display:block;
		width:100%;
		background-color:#D9FFEC;
		color:#666;
		text-align:center;
		font-size:13pt;
		font-weight:bold;
		padding:10px 10px 3px 10px;
		border:none;
		border-bottom:1px solid #666;
	}	
	
	h1 {
		display:block;
		width:100%;
		margin:20px 0 20px 0;
		padding:8px 0;
		text-align:center;
		/* font-weight:bold; */
	}

	h4 {
		display:block;
		width:100%;
		margin:30px 0 20px 0;
		padding:6px 10px 6px 10px;
		text-align:center;
		font-weight:bold;
		background-color:rgb(158, 178, 216);
		border-bottom:1px solid #333;
	}
	.rednote {
		font-weight:bold;
		color:#f00;
	}

	#footenv {
		background-color:#ff5500;
		padding:0px 0 20px 0;
		margin:0;
		width:100%;
		color:#fff;
		clear:both;
		margin-top:60px;
	}
	#footenv img {
		width:180px;
	}
	.foottxt {
		padding:40px 0 0 40px ;
		text-align:left;
	}
	.footimg {
		padding:10px 40px 0 0;
		text-align:right;
	}

	div.cajahome:hover div.card {
		background-color:#ff5500;
		color:#ffffff;
		text-decoration:none;
	}

	div.cajahome:hover a {
		text-decoration:none;
	}
/*
	.zoomin {
		overflow:hidden;
	}

	.zoomin img { 
		-webkit-transition:all 1s ease; 
		-moz-transition:all 1s ease; 
		-ms-transition:all 1s ease; 
		transition:all 1s ease; opacity:0.8;
	}

	.zoomin:hover {  opacity:1; border:2px solid #333; }
*/


	table.cont {
		border:1px solid #333;
		border-spacing:8px; 
		width:100%;
	}

	table.cont td {
		
		padding:10px;
	}

	table.cont.center td {
		text-align:center;
	}
		
	table.cont tr {
		background-color:#FFF;
	}

	table.cont tr:nth-child(even) {
	  background-color:#f2f2f2
	}

	table.cont a.btn {
		margin:10px auto;
	}
	
	div.downs {
		background-color:#fff;
		border:1px solid #333;
		padding:10px 10px;
	}
	div.downs div {
		text-align:center;
		margin:8px 0;
	}
	iframe {
		width:100%;
		height:200px;
	}

	iframe.ifbg {
		width:100%;
		height:480px;
	}
	
	iframe.yt {
		width:100%;
		height:200px;
	}
		
	figure {
		width:100%;
	}
		
	figure img {
		width:100%;
		height:auto;
	}
	
	

	.card-body {
		padding:4px;
	}
	.card-body a {
		color:#333;
	}

	#countdays {
		color:#fff;
		background-color:#900;
		padding:4px 10px;
		margin-top:10px;
		border-radius:10px;
		font-weight:bold;
	}

	p.vidp {
		font-size:12pt;
		font-weight:bold;
		text-align:center;
		padding:10px 20px;
	}

	.footxt a {
		text-decoration:underline;
		color:#fff;
		
	}
	@media (max-width :970px) {

		div#htopmenu {
			height:60px;
		}
		
		div#navbar-brandenv {
			left:20px;
			top:-2px;
		}	
		a.navbar-brand img {
			height:140px;
		}
		
		ul.nav {
			margin-top:90px;
			margin-bottom:10px;
		}
		ul.nav li {
			margin-left:10px;
			border-bottom:1px solid #ffffff;
		}
		ul.nav li:last-child {
			border:none;
		}
		
		a#desc {
			margin:0 0 0 -10px;
		}
		
		h2.widget-title {
	
			text-align:center;
			padding:4px 6px;
	
		}	
	}

	@media (max-width :670px) {


		div#navbar-brandenv {
			left:10px;
			top:-2px;
		}	
		a.navbar-brand img {
			height:120px;
		}
		
		ul.nav {
			margin-left:10px;
		}
	}
	
	/* countdown */

	p#countdown {
		text-align:center;
		padding:10px 4px;
		background-color: #ff5500;
		color: #ffffff;
		font-weight: bold;
		margin-top:0px 0 40px 0;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
	}