
*
{
	border: 0;
	margin: 0;
	padding: 0;
}


body, html {
	background: transparent;
	font-size: 14px;
	color: #FFF;
	font-family: 'Merriweather', serif;
	font-weight: 400;
	text-align: center;
}

container-fluid {

	text-align: center;
}

h1 {

	font-weight: 700;
	font-size: 40px;

}

h2 {

	color: red;
	font-weight: 700;



}

h4 {

	color: gray;


}

h6 {

	color: red;
	text-align: right;
	font-weight: 700;

}

.subtitulo {

	text-align: left;
	line-height: -3em;

}


.aclaracion {

	text-align: left;
	line-height: -3em;


}

p {

	color: #000000;
	text-align: left;
	font-family: 'Lato', serif;
	font-weight: 500;
	font-size: 15px;

}

.bold {
	font-family: 'Lato', serif;
	font-weight: 700;


}

span {


	color: red;
	font-weight: 700;
	text-align: center;
}

.rojotext {

	color: red;
	font-weight: 700;

}

.textwhite {

	
	color: #FFFFFF;
	text-align: left;
	font-weight: 500;

}

.textwhitebold {

	
	color: #FFFFFF;
	text-align: left;
	font-weight: 700;
}

.textwhite2 {

	
	color: #FFFFFF;
	text-align: center;

}



.navbar-default {
    background: #000000;
    background-color: #000000;
	display:inline-block;
	float: none;
	vertical-align:middle;
	border-bottom: 0px;
	padding-right: 5%;


}

.navbar-default .navbar-nav > li > a {

  color: #FFF;

}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  
  color: red;
  background-color: transparent;
}

.navbar-default .navbar-nav > a,
.navbar-default .navbar-nav > a:hover, 
.navbar-default .navbar-nav > a:focus {

  color: red;
  background-color: transparent;
}

ul.nav a:hover { 

	color: #a92f2f !important; 

}

header {

	background-clip: 
    position: relative;
    text-align: center;
    height: 100vh;
    max-height: 100vh;
    width: auto;
    min-width: 100vw;
    margin: 0 auto;
    overflow: hidden;
    z-index: -100;
    padding-top: 9%;

}


.slideshow {

	background-color: transparent;
	display: block;
	margin: auto auto;
	text-align: center;
	

}

.scroll {


	position: fixed;
    bottom: 3%;
    left: 50%;
    font-size: .8rem;
    line-height: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
    z-index: 1000;

}
	


video {

	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;

}

.leftimg{

	padding-top: 8%;

}


.dojo {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: white; 
	background-image: url(../img/dojoart.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 50%;

}

.nov {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: black; 
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 50%;

}

.information-1 {

	background-image: url(../img/info-1.jpg);
	padding-top: 10%;
	padding-bottom: 10%;
	padding-right: 15%;
	padding-left: 15%;
	
}

.information-2 {

	background-image: url(../img/info-2.jpg);
	padding-top: 8%;
	padding-bottom: 8%;
	padding-right: 15%;
	padding-left: 15%;
	
}

.information-3 {

	background-image: url(../img/info-3.jpg);
	padding-top: 11%;
	padding-bottom: 11%;
	padding-right: 15%;
	padding-left: 15%;
	
}

.contacto {background-color: #blue;background-image: url(../img/fondodojo2.jpg);background-size: cover;background-attachment: fixed;background-position: center;background-repeat: no-repeat;opacity: 50%;padding-bottom: 30px;}


.map {

	z-index: 10000;
}

.redes {

	background-color: white;
	padding-bottom: 3%;
	padding-right: 20%;
	padding-left: 20%;
	background-image: url(../img/info-2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 50%;



}

span .red {

	color: red;
}

.map {

	background-color: white;
	background-image: url(../img/fondodojo2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 50%;
	padding-bottom: 3%;

}

.footer {
	padding-top: 1%;
	text-align: center;
	background-color: #000000;
}


#formulario {

	width: 100%;
	margin:0 auto;
	background-image:url(../img/formimage.jpg);
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	align-content: center;

}

.formutext {

	width: 100%;
	padding: 2% 20% 0% 20%;
	background: transparent;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	align-content: center;

}

form {

width: 100%;
margin: auto;
padding: 1% 12% 0% 12%;
background: transparent;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
align-content: left;

}


	input, textarea  {

		width: 100%;
		margin-bottom: 1rem;
		padding: 0.7rem 2rem 0.7rem 0.7rem;
		border-radius: 2px;
		box-sizing: border-box;
	}

		input, textarea, a {

			color: black;

		}

		/*.botonletracolor, a {

			color: white;
		} */


.anchoform1 {

width: 49.2%;
margin-right: 5px;
box-sizing: border-box;

}

.anchoform2 {

	width: 49%;
	margin-right: 5px;
	box-sizing: border-box;

}

.formbox1 {

	width: 48%;
	margin-right: 1%;
	box-sizing: border-box;
	display: inline-block;

}

.formbox2 {

	width: 48.5%;
	margin-right: 1%;
	box-sizing: border-box;
	display: inline-block;

}

.formbox3 {

	width: 48%;
	margin-right: 1%;
	box-sizing: border-box;
	display: inline-block;

}

.formbox4 {

	width: 48.5%;
	margin-right: 1%;
	box-sizing: border-box;
	display: inline-block;

}

.formbox5 {

	width: 98%;
	margin-right: 1%;
	box-sizing: border-box;
	display: inline-block;

}


textarea {

	min-height: 60px;
	max-height: 300px;
	max-width: 99%;
 }

#botonenviar {

	background: red;
	border-width: medium;
	border-style: solid;
	border-color: #FFF;
	font: white;
}

		#botonenviar:hover {

			background: #F1F1F1;
		}


input, textarea, a {
    color: #888888;


}

@media screen and (max-width:1200px) {


.information-3 {

	padding-right: 0%; 
    padding-left: 0%; 


}

.information-2 {

	padding-right: 0%; 
    padding-left: 0%; 


}

.information-1 {

	padding-right: 0%; 
    padding-left: 0%; 


}

.col-md-6 {
		  padding-left: 50px;
		  padding-right: 50px;

	}

	form {

		padding: 2rem 8% 2% 8%;
	}

	.formutext {

		padding: 2rem 5px 1rem 5px;
	}

	.formutext h3 {

		font-size: 2rem;
	}

	.formbox1 {

		width: 100%;
	}

	.formbox2 {

		width: 100%;
	}

	.formbox3 {

		width: 100%;
	}

	.formbox4 {

		width: 100%;
	}



}