@font-face {
	font-family: 'DIN Regular';
	src: url('../fonts/DIN Regular.eot');
	src: local('☺'), url('../fonts/DIN Regular.woff') format('woff'), url('../fonts/DIN Regular.ttf') format('truetype'), url('../fonts/DIN Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN Medium';
	src: url('../fonts/DIN Medium.eot');
	src: local('☺'), url('../fonts/DIN Medium.woff') format('woff'), url('../fonts/DIN Medium.ttf') format('truetype'), url('../fonts/DIN Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN Light';
	src: url('../fonts/DIN Light.eot');
	src: local('☺'), url('../fonts/DIN Light.woff') format('woff'), url('../fonts/DIN Light.ttf') format('truetype'), url('../fonts/DIN Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN Bold';
	src: url('../fonts/DIN Bold.eot');
	src: local('☺'), url('../fonts/DIN Bold.woff') format('woff'), url('../fonts/DIN Bold.ttf') format('truetype'), url('../fonts/DIN Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'DIN Light';
	color: #848484;
}

#cuerpo {
	padding-top: 125px;
}

strong {font-family: 'DIN Regular';}
img { width: 100%; height: auto !important; }
.p0 { padding: 0; }
.hide-xs { display: block; }


/* HEADER */

.logo{
	padding: 30px 65px;
	transition:.5s;
}

.logo img { width: 150px; }

.isotipo {
	padding: 0 65px 0 0 !important;
}

.menu {
	transition:.5s;
	width: 945px;
    margin: 0 auto;
	}

.menu a {
	color: #fff;
}

.menu a:hover {
	background: transparent !important;
}

.menu-interior { background: #fff;transition:.5s;}
.menu-interior a { color: #B9B9B4;}
.menu-interior a:hover { background: transparent !important; }
.menu-interior .navbar-toggle .icon-bar { background: #848484; }

.menuFijo { background: rgba(0, 0, 0, 0.5); transition:.5s; width: 945px; margin: 0 auto;}
.menuFijo .logo { padding-top: 5px; transition:.5s; }

.menuFijoInterior { background: rgba(255, 255, 255, 1); transition:.5s;}
.menuFijoInterior .logo { padding-top: 5px; transition:.5s; }

.navbar-toggle .icon-bar { background: #fff; }
.redes {
	padding: 15px 5px !important;
	font-size: 18px;
}

.vm { margin-right: 14px;}

.destacado {
	padding: 20px 30px;
}

.destacados {
	padding: 50px 50px 0 50px;
	text-align: center;
}


.destacados h1 {
	margin: 20px 0 5px 0;
	font-family: 'DIN Medium';
	font-size: 18px;
}

.destacados h1 a {
	color: #848484;
	text-decoration: none;
}

.destacados h2 {
	margin: 0 0 20px 0;
	font-family: 'DIN Light';
	font-size: 15px;
}

.destacados .btn-ver {
	padding: 5px 20px;
	color: #fff;
	text-transform: uppercase;
	background: #A9A9A9;
	text-decoration: none;
	cursor: pointer;
}

.clientes {
	padding: 35px 50px 0 50px;
	text-align: center;
}
.clientes h1 {
	position: absolute;
    z-index: 99;
	margin-top: 0;
	padding: 15px;
	font-family: 'DIN Light';
	font-size: 13px;
	text-align: left;
}

.bx-wrapper { margin: 0 !important;}
.bx-wrapper img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.agencia img { width: auto !important; }

.single {
	text-align: left;
}

.single h1 {
	margin: 30px 0 5px 0;
	font-family: 'DIN Medium';
	font-size: 18px;
}

.single h2 {
	margin: 0 0 20px 0;
	font-family: 'DIN Light';
	font-size: 15px;
}

.single h3 {
	margin: 30px 0 2px 0;
	font-family: 'DIN Medium';
	font-size: 15px;
}

.single h4 {
	margin: 0 0 20px 0;
	font-family: 'DIN Light';
	font-size: 15px;
}

.agencia {
	padding-bottom: 50px;
}

.yuzo_related_post .relatedthumb {
    margin: 0px 20px 20px 0px !important;
    padding: 0 !important;
}

.carousel-control img {
	padding-top: 135px;
	width: auto;
}

.yuzo__text--title:hover {
	text-decoration: none;
}

.yuzo_related_post .relatedthumb a:hover {
	text-decoration: none;
}

footer {
	padding: 20px 0 30px 0;
	font-family: 'DIN Light';
	font-size: 12px;
	text-align: center;
}

footer p { margin: 0; }
footer p span { font-family: 'DIN Medium'; }

.carousel-caption {
    padding: 5px 15px 5px 5px;
	width: 100% !important;
	right: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	text-align: right;
	font-family: 'DIN Light';
	font-size: 12px;
    text-shadow: none;
	background: rgba(255, 255, 255, 0.5);
}

.carousel-caption a{
    color: #fff;
    text-decoration: none;
}

.carousel-indicators {
	bottom: -8px !important;
}

.carousel-indicators li {
	margin: 3px;
	width: 7px;
	height: 7px;
}

.carousel-indicators .active {
	margin: 3px;
	width: 7px;
	height: 7px;
}

.bx-viewport {
	width: 80% !important;
	margin-left: 10% !important;
	box-shadow: none !important;
}

.bx-wrapper .bx-pager {
	display: none;
}

/* PAGINATION */

.ver-mas {
	margin-top: 30px;
	font-family: 'DIN Light';
	text-align: center;
	clear: both;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #777777;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: none;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	font-family: 'DIN Medium';
	color: #777777;
}

/* BOOTSTRAP 5 COLUMNAS*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media only screen and (min-width: 320px) and (max-width: 700px) {
	.hide-xs, .bx-wrapper { display: none !important; }
	#cuerpo { padding-top: 90px; }
	.menu, .menuFijo { width: auto;}
	.menuFijo .logo, .menuFijoInterior .logo { padding: 10px !important;}
    .logo { margin: 0; padding: 10px 10px 10px 10px !important; }
    .navbar-brand { margin: 0; padding: 10px 10px 10px 10px!important; }
    .logo img { padding: 0; width: 90px;}
    .navbar-nav {background: rgba(0, 0, 0, 0.5); margin-top: 0;}
    /*.navbar-header { background: rgba(0, 0, 0, 0.5);}*/
    .carousel-indicators { left: 30px; }
    .ig { float: left; margin-right: 20px; margin-left: 13px;}
    .carousel-control img { padding-top: 60px; width: 45%;}
    #cuerpo .destacados { padding-top: 0;}
    .agencia img {width: 100% !important;}
    .logoagencia img { width: auto !important; }
}