@charset "utf-8";
/* CSS Document */

@font-face { font-family:'DIN-Light'; src:url(fonts/DINPro-Light.otf); }
@font-face { font-family:'DIN-Regular'; src:url(fonts/DINPro-Regular.otf); }
@font-face { font-family:'DIN-Medium'; src:url(fonts/DINPro-Medium.otf); }
@font-face { font-family:'DIN-Bold'; src:url(fonts/DINPro-Bold.otf); }

html, body { margin:0; width:100%; height:100%; }
body { background-image: url(background.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed; }
p { margin:0; }

 .embed-responsive video { border:1px solid rgba(255,255,255,0.5); }

.escudo { width:100px; }
.tituloCapurro { font-family:'DIN-Regular'; font-size:25pt; color:#FFF; line-height:30pt; margin-top:13px; }
.tituloCapurro span { font-family:'DIN-Bold'; font-size:30pt; display: block; }

.bienvenido { font-family:'DIN-Light'; font-size:15pt; color:#FFF; text-align:center; }

#pie { background-color:rgba(0,0,0,0.85); margin-top:50px; font-family:'DIN-Regular'; font-size:12pt; color:#FFF; line-height:12pt; }
#pie div { text-align:center; }
#pie span { margin:0 10px; }
#pie a, #pie a:hover { color:#FFF; text-decoration:none; }
#pie .fa-lg { line-height:.45em; }

#letra p { font-family:'DIN-Regular'; font-size:13pt; color:#FFF; text-align:center; }
#letra .titulo { font-family:'DIN-Bold'; font-size:15pt; margin-bottom:15px; }
#letra .separador { margin-top:15px; }

#creditos p { font-family:'DIN-Regular'; font-size:12pt; color:#FFF; text-align:center; }
#creditos .credito { font-family:'DIN-Light'; font-size:11pt; margin-top:15px; }

.linea { border-bottom:1px solid rgba(255,255,255,0.40); width:50%; }

/*Responsive*/
@media only screen and (min-width:576px) { /*SM*/
	.escudo { width:150px; }
	.tituloCapurro { font-size:35pt; line-height:40pt; margin-top:30px; }
	.tituloCapurro span { font-size:45pt; }
	#pie span { margin:0 15px; }
}

@media only screen and (min-width:768px) { /*MD*/
	#pie span { margin:0 20px; }
}

@media only screen and (min-width:992px) { /*LG*/
	.escudo { width:180px; }
	.tituloCapurro { font-size:50pt; line-height:50pt; margin-top:60px; }
	.tituloCapurro span { font-size:50pt; display:inline; }
	.bienvenido { font-size:18pt; }
	#pie span { margin:0 30px; }
}

@media only screen and (min-width :1200px) { /*XL*/
	#pie span { margin:0 40px; }
}


.no-mg { margin:0 !important; }
.no-mg-t { margin-top:0 !important; }
.no-mg-r { margin-right:0 !important; }
.no-mg-b { margin-bottom:0 !important; }
.no-mg-l { margin-left:0 !important; }

.no-pd { padding:0 !important; }
.no-pd-t { padding-top:0 !important; }
.no-pd-r { padding-right:0 !important; }
.no-pd-b { padding-bottom:0 !important; }
.no-pd-l { padding-left:0 !important; }

.mg-lg { margin:40px; }
.pd-lg { padding:40px; }
.mg-t-lg { margin-top:40px; }
.mg-r-lg { margin-right:40px; }
.mg-b-lg { margin-bottom:40px; }
.mg-l-lg { margin-left:40px; }
.pd-t-lg { padding-top:40px; }
.pd-r-lg { padding-right:40px; }
.pd-b-lg { padding-bottom:40px; }
.pd-l-lg { padding-left:40px; }

.mg-md { margin:30px; }
.pd-md { padding:30px; }
.mg-t-md { margin-top:30px; }
.mg-r-md { margin-right:30px; }
.mg-b-md { margin-bottom:30px; }
.mg-l-md { margin-left:30px; }
.pd-t-md { padding-top:30px; }
.pd-r-md { padding-right:30px; }
.pd-b-md { padding-bottom:30px; }
.pd-l-md { padding-left:30px; }

.mg { margin:20px; }
.pd { padding:20px; }
.mg-t { margin-top:20px; }
.mg-r { margin-right:20px; }
.mg-b { margin-bottom:20px; }
.mg-l { margin-left:20px; }
.pd-t { padding-top:20px; }
.pd-r { padding-right:20px; }
.pd-b { padding-bottom:20px; }
.pd-l { padding-left:20px; }

.mg-sm { margin:10px; }
.pd-sm { padding:10px; }
.mg-t-sm { margin-top:10px; }
.mg-r-sm { margin-right:10px; }
.mg-b-sm { margin-bottom:10px; }
.mg-l-sm { margin-left:10px; }
.pd-t-sm { padding-top:10px; }
.pd-r-sm { padding-right:10px; }
.pd-b-sm { padding-bottom:10px; }
.pd-l-sm { padding-left:10px; }

.mg-xs { margin:5px; }
.pd-xs { padding:5px; }
.mg-t-xs { margin-top:5px; }
.mg-r-xs { margin-right:5px; }
.mg-b-xs { margin-bottom:5px; }
.mg-l-xs { margin-left:5px; }
.pd-t-xs { padding-top:5px; }
.pd-r-xs { padding-right:5px; }
.pd-b-xs { padding-bottom:5px; }
.pd-l-xs { padding-left:5px; }

@media (max-width:767px) {
	.no-mg-xso { margin:0 !important; }
	.no-mg-t-xso { margin-top:0 !important; }
	.no-mg-r-xso { margin-right:0 !important; }
	.no-mg-b-xso { margin-top:0 !important; }
	.no-mg-l-xso { margin-left:0 !important; }
	.no-pd-xso { padding:0 !important; }
	.no-pd-t-xso { padding-top:0 !important; }
	.no-pd-r-xso { padding-right:0 !important; }
	.no-pd-b-xso { padding-top:0 !important; }
	.no-pd-l-xso { padding-left:0 !important; }
	.mg-t-xso-lg { margin-top:40px; }
	.mg-r-xso-lg { margin-right:40px; }
	.mg-b-xso-lg { margin-bottom:40px; }
	.mg-l-xso-lg { margin-left:40px; }
	.pd-t-xso-lg { padding-top:40px; }
	.pd-r-xso-lg { padding-right:40px; }
	.pd-b-xso-lg { padding-bottom:40px; }
	.pd-l-xso-lg { padding-left:40px; }
	.mg-t-xso-md { margin-top:30px; }
	.mg-r-xso-md { margin-right:30px; }
	.mg-b-xso-md { margin-bottom:30px; }
	.mg-l-xso-md { margin-left:30px; }
	.pd-t-xso-md { padding-top:30px; }
	.pd-r-xso-md { padding-right:30px; }
	.pd-b-xso-md { padding-bottom:30px; }
	.pd-l-xso-md { padding-left:30px; }
	.mg-t-xso { margin-top:20px; }
	.mg-r-xso { margin-right:20px; }
	.mg-b-xso { margin-bottom:20px; }
	.mg-l-xso { margin-left:20px; }
	.pd-t-xso { padding-top:20px; }
	.pd-r-xso { padding-right:20px; }
	.pd-b-xso { padding-bottom:20px; }
	.pd-l-xso { padding-left:20px; }
	.mg-t-xso-sm { margin-top:10px; }
	.mg-r-xso-sm { margin-right:10px; }
	.mg-b-xso-sm { margin-bottom:10px; }
	.mg-l-xso-sm { margin-left:10px; }
	.pd-t-xso-sm { padding-top:10px; }
	.pd-r-xso-sm { padding-right:10px; }
	.pd-b-xso-sm { padding-bottom:10px; }
	.pd-l-xso-sm { padding-left:10px; }
	.mg-t-xso-xs { margin-top:5px; }
	.mg-r-xso-xs { margin-right:5px; }
	.mg-b-xso-xs { margin-bottom:5px; }
	.mg-l-xso-xs { margin-left:5px; }
	.pd-t-xso-xs { padding-top:5px; }
	.pd-r-xso-xs { padding-right:5px; }
	.pd-b-xso-xs { padding-bottom:5px; }
	.pd-l-xso-xs { padding-left:5px; }
}