@font-face {
font-family: DINNextLTPro-Black;
src: url(../Tipografias/DINNextLTPro-Black.otf);
}
@font-face {
font-family: DINNextLTPro-BlackCondensed;
src: url(../Tipografias/DINNextLTPro-BlackCondensed.otf);
}
@font-face {
font-family:DINNextLTPro-BlackItalic ;
src: url(../Tipografias/DINNextLTPro-BlackItalic.otf);
}
@font-face {
font-family:DINNextLTPro-Regular ;
src: url(../Tipografias/DINNextLTPro-Regular.otf);
}
@font-face {
font-family:DINNextLTPro-Bold ;
src: url(../Tipografias/DINNextLTPro-Bold.otf);
}
@font-face {
font-family:DINNextLTPro-BoldCondensed ;
src: url(../Tipografias/DINNextLTPro-BoldCondensed.otf); 
}
@font-face {
font-family:DINNextLTPro-BoldItalic ;
src: url(../Tipografias/DINNextLTPro-BoldItalic.otf);
}
@font-face {
font-family:DINNextLTPro-Condensed ;
src: url(../Tipografias/DINNextLTPro-Condensed.otf);
}
@font-face {
font-family:DINNextLTPro-UltraLightCond;
src: url(../Tipografias/DINNextLTPro-UltraLightCond.otf);
}
@font-face {
font-family:DINNextLTPro-MediumCond;
src: url(../Tipografias/DINNextLTPro-MediumCond.otf);
}
@font-face {
font-family: DINNextLTPro-Heavy;
src: url(../Tipografias/DINNextLTPro-Heavy.otf);
}
@font-face {
font-family:DINNextLTPro-HeavyCondensed ;
src: url(../Tipografias/DINNextLTPro-HeavyCondensed.otf);
}
@font-face {
font-family: DINNextLTPro-HeavyItalic;
src: url(../Tipografias/DINNextLTPro-HeavyItalic.otf);
}
@font-face {
font-family:DINNextLTPro-Italic ;
src: url(../Tipografias/DINNextLTPro-Italic.otf);
}
@font-face {
font-family:DINNextLTPro-Light ;
src: url(../Tipografias/DINNextLTPro-Light.otf);
}
@font-face {
font-family: DINNextLTPro-LightCondensed;
src: url(../Tipografias/DINNextLTPro-LightCondensed.otf);
}
@font-face {
font-family:DINNextLTPro-LightItalic ;
src: url(../Tipografias/DINNextLTPro-LightItalic.otf);

}
.black {
	font-family: DINNextLTPro-Black;
}
.blackCo {
	font-family:DINNextLTPro-BlackCondensed ;
}
.blackIta {
	font-family:DINNextLTPro-BlackItalic  ;
}
.c {
	font-family: DINNextLTPro-Bold;
}
.proRegular {
	font-family: DINNextLTPro-Regular;
}
.boldCo {
	font-family:DINNextLTPro-BoldCondensed ;
}
.boldIta {
	font-family:DINNextLTPro-BoldItalic  ;
}
.cond {
	font-family:DINNextLTPro-Condensed ;
}
.condUltra {
	font-family:DINNextLTPro-UltraLightCond ;
}
.condMedium{
	font-family: DINNextLTPro-MediumCond;
}

.heavy{
	font-family:DINNextLTPro-Heavy ;
} 
.heavyCon {
	font-family:DINNextLTPro-HeavyCondensed ;
}
.heavyIta {
	font-family:DINNextLTPro-HeavyItalic ;
}
.Ital {
	font-family: DINNextLTPro-Italic;
}

.ligh {
	font-family: DINNextLTPro-Light;
}
.lighCon {
	font-family:DINNextLTPro-LightCondensed ;
}
.lighIta{
	font-family:DINNextLTPro-LightItalic ;
}



/*Media queries*/
	@media(min-width: 1200px) {
		.nav > li > a#a1,#a2,#a3,#a4{
			border-right: solid 1px;
		}
		.borderi{
			border-left: solid 1px;
			border-right: solid 1px;
		}

	}

	/*Escritorio pequeño o tablet*/
	@media(min-width: 768px) and (max-width: 979px) {
		.nav > li > a#a1,#a2,#a3,#a4{
			border-right: solid 1px;
		}
		.borderi{
			border-left: solid 1px;
			border-right: solid 1px;
			
	}

}
	/*tablet o smartphone*/
	@media(max-width: 767px) {
		.ocultar{
			display: none;
		}
		
	
	}
	/*Smartphone*/
	@media(max-width: 480px) {
		.ocultar{
			display: none;
		}
	}



/*Termina tamaños de letra*/

header{

background-color: black;
width: 100%;
/*position: fixed;*/
z-index: 9999;
/*top en javascript*/
}

.fixed{
	position: fixed;
}

header ul li{
	top: 10px;
}

.navbar{
	background-color: black;
}



#seccionTaller{
	background-image: url(../images/inicio/1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100%;
	color: white;
	/*padding-top: 100px;*/
	padding-bottom: 100px;

}

.nav > li > a {
padding: 0px;
margin: 20px 0px;
border-radius: 0px;
}

.navbar{
	border:0px;
}



.footer{
	display: table;
	font-size: 12px;
	height: 40px;
	width: 100%;
  	bottom: 0;
  	text-align: center;
 	background-color: #050505;
  	color: #ffffff;
}

.footer_content{
	display: table-cell;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #050505;
}

.w100{
	width: 100%;
}
.selects{
	margin: 5px 0px;
	border-color: #030303;
}
.contact-inputs{
	display: block;
}
.espacioform{
	margin-top: 10px;
}
.formsubmit{
	background-color: #050505;
}

.color-white{
	color: #fff;
}

#div_contacto{
	margin-top: 100px;
}



#seccion_nosotros{
	margin-bottom: 300px;
}

.first-letter:first-letter{
	font-size: 2.5em;
  font-weight: bold;
  line-height: .6em;
  float: left;
  margin: 0px .1em 0px 0px;
}

#seccion_servicios{
	color: white; 
	background-color: black;
	font-size: 20px;
}

#servicios_header{
	margin-top: 50px;
	width: 100%;
}

.img_servicio{
	width: 80px;
	height: 80px;
}

.tableParent{
	display:table;
}

.tableChild{
	display: table-cell;
	vertical-align: middle;
	margin-top: 85px;
}

#img_lateral_nosotros{
	/*width: 70%;*/
}

#img_lateral_contacto{
	/*width: 50%;*/
}




.container {
    height: 35%;
    width: 100%;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
    z-index: 10;
    position: absolute;
}

@media screen and (min-width: 200px) and (max-width: 700px) {
	.container {
		height: 15%;
	}
}

@media screen and (min-device-width : 701px) and (max-device-width: 1200px){
	.container {
		height: 25%;
	}
}
.container:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

#element {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
}


@media (max-width: 559px){
	/*Empieza tamaños de letra*/
	.fz45{
		font-size: 22px;
	}
	.fz30{
		font-size: 18px;
	}

	.fz18{
		font-size: 15px;
	}

	.element img{
		width: 50%;
	}
	.intro_taller{
		margin-top: 20px;
	}
}

@media (min-width: 600px){
	.fz45{
		font-size: 48px;
	}
	.fz30{
		font-size: 32px;
	}

	.fz18{
		font-size: 22px;
	}
	.element img{
		width: 15%;
	}
	.intro_taller{
		margin-top: 70px;
	}

	.zigzag, .guion{
		margin-top: 15px;
		margin-bottom: 15px;
	}

}

.container_service{
    display: flex;
    align-items: center;
    margin-top: 30px;
}


.social_networks img{
	width: 25px;
	height: 25px;
}

#seccion-galeria{
	margin-top: 150px;
}


#owl-galeria .item img{
    display: block;
    width: 100%;
    height: auto;
}

/*.btn_galeria_sm{
	display: none;
}*/

#div_bot_form{
	height: 100px;
}

form input, form textarea{
	color: black;
}

form button{
	background-color: black;
	color: white;
}

.img_side{
	padding-right: 0px;
}

.img_side img{
	max-height: 550px;
	width: auto;
	/*height: auto;*/
	margin-top: 35%;
}

.logo_movil{
	width: 150px; 
	height: auto;
}

.left{
	float: left;
}

.inline{
	display: inline;
}

header a{
	font-size: 15px;
}

header a:hover{
	font-family:DINNextLTPro-BoldCondensed;
}