/*general*/
body {
    font-size: 1.1rem;
}

.gap-right {
  margin-right: 10px; 
}
.gap-bottom {
  margin-bottom: 10px; 
}
.wrapper{
	margin:30px 0px 60px 0px;
}
/*header and nav*/
.nav-justified .nav-item {
    border-bottom: 1px dotted #ccc;
}
header{
	background-color: #fff;
	border-top:10px solid #1D1C1A;
}
.redes-contacto{
	font-size:26px;
}
.redes-contacto a{
	margin:0 5px;
}
span.redes{float:right;}
.navbar{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.navbar a{
	color: #000;
	text-transform: uppercase;
	font-size:1rem;
}
.redes-contacto a {
    color: #000;
}
span.redes {
    margin-top: 20px;
}
span.redes i {
    font-size: 35px;
}
h1.logo {
			width:360px;
		}
h1.logo img{
		display:inline;
	}
span.reservas{margin-top: 15px;
float: right;
font-size: 26px;
margin-right: 15px;
font-family: lobster;
	}
span.reservas b{
		font-weight: bold;
		color:#dc2727;
		font-family: 'Lobster', cursive;
		font-size:30px;

	}

/*content*/
.promocion{
	text-align: center;
	padding:30px;
	background-color: #dc2727;
    background-image: url("../img/zig-zag.png");
    color:#fff;
    margin-bottom:30px;
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.promocion h2{
	font-weight: bold;
	color:#FFF;
	font-size:55px;
	font-family: 'Lobster', cursive;
}
.promocion p{font-size:30px;font-family: 'Lobster', cursive; text-align:center;
}
.introduction p{
	text-align: left;
	padding:10px;
}
.introduction h2, .tarifas h2, .galeria h2{
	font-weight: bold;
	color:#DC2727;
	font-size:30px;
	font-family: 'Lobster', cursive;
}


/*destacados*/
.caracteristicas .col-lg-3 {
    text-align: center;
}
.caracteristicas i {
	font-size:40px;
}

.quienes-somos-bloque .row{
	margin-bottom: 30px;
}

.ico-destacado{
	width:70px;
}
.caracteristicas {
	color:#000;
	padding:30px 0px 0px 0px;
	background-color: #f1f1f1;
	margin:30px 0px;
}
.caracteristicas h2{

	font-size:30px;
	font-family: 'Lobster', cursive;
}
p.frase2{
	font-size: 40px; font-family: 'Lobster', cursive; text-align: center; margin: 60px 30px;
}
.promocion-img{
	text-align: center;
}
.tarifas{

}
.tarifas h3{
	font-family: 'Lobster', cursive;
	font-size:22px;
	margin-bottom: 10px;
}
.tarifas ul{
	list-style:none;
	column-count:2;
	padding-left: 0px;
}


.siguenos{border-top: 1px dotted #00FF00; margin:20px 0px; padding: 30px 0px;}
/*motos*/
.destacado-motos{
    background: transparent url("../img/moto-fondo.jpg") no-repeat scroll center center / cover ;
    height: 245px;
    opacity: 0.3;
    z-index: 88;
}

/*contenido*/
.contenido-site{	
	background: #4a4a4a url("../img/fondo-desta.jpg") no-repeat scroll center center / cover ;
	color: #fff;
	padding:30px 0px;
}
.video-youtube{margin:35px 0px;}
.responsive-video {
    height: 0;
    padding-top: 1px;
    position: relative;
    padding-bottom: 56.25%;
}
.responsive-video iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

/*motos*/
table.datos-moto{}
table.datos-moto tr{border-bottom: 1px dotted #fff}
table.datos-moto td {padding:10px;}
table.datos-moto td:first-child{background-color:#fff; color: #000;border-bottom: 1px dotted #000}

/*footer*/
footer{
	width: 100%;
	text-align: center;
	color:#000;
	padding:20px;
	background-color: #f1f1f1;
margin-top: 20px;
}
footer a{
	color:#000;
}
footer .reservas{	
	font-weight: bold;
	color:#DC2727;
}
#topcontrol {
    color: #fff;
    z-index: 99;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #222;
    position: relative;
    right: 14px !important;
    bottom: 11px !important;
    border-radius: 3px !important;
}
.footer-link{
	color: #fff;
	background-color: #000;
	padding: 10px;
}


/*********************RESPONSIVE*********************/

@media (min-width: 768px) and (max-width: 1200px) {
	.navbar-expand-md .navbar-nav {
    width: 700px !important;
    margin: 0 auto;
}
}
@media (max-width: 1024px) {
	

	.navbar {
    text-align: center;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
 	 margin:0 auto;
}
button.navbar-toggler {
	width:60px;
	cursor: pointer;
	border:1px solid #dc2727;
}
button.navbar-toggler i{    
	color: #dc2727;
    font-size: 30px;

}
.caracteristicas, .quienes-somos-bloque, .redes-bloque{
	text-align: center;
}
}

@media (min-width: 768px){
	.nav-justified .nav-item {
    border-bottom: 0px dotted #ccc;
}
.galeria-carousel{max-width: 768px;}
}

}
@media (max-width: 768px){
p {
    text-align: justify;
}
h1.logo img{
	width:280px;
}
span.reservas {
    margin-top: 15px;
    float: left;
    font-size: 20px;
    margin-right: 15px;
    font-family: lobster;
}
.promocion p {
    font-size: 25px;
}
p.frase2{
	font-size: 30px;
}
.promocion-img img{
	width:280px;
}
h1.logo {
			width:auto;
		}

}

@media (max-width: 420px) {
	.img-responsive{
		width:100%;
		display:block;
		margin: 10px 5px;
	}
	h1.logo{
			width:90%;
		}
		h1.logo img{
			width:290px;
		}
}

/*buttons*/
.btn-primary {
    color: #fff;
    background-color: #DC2727;
    border-color: #DC2727;
}