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

/* BOOTSTRAP */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 0px;
	padding-left: 0px;
}
.container {
	padding: 0;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
/*GENERALES_____________________________________________________________________________________________*/

body {
	font-family: 'Inder', sans-serif;
	color: #666666;
	font-size: 14px;
}
.gris {
	background-color: #f5f5f5;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.fixed {
	position: fixed !important;
}
a {
	color: #ff6600;
}
a:hover {
	text-decoration: none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:visited, a:link {
	text-decoration: none;
	color: #ff6600;
}
.orange {
	color: #ff6600;
}
.orange2 {
	color: #ff6600;
	border-bottom: 1px solid #ff6600;
}
.current {
	color: #ff6600;
}
.logo {
	padding-left: 50px;
	padding-top: 60px;
}
header {
	height: 200px;
}
footer {
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	font-size: 12px;
}
h1 {
	margin: 0;
	font-family: 'Philosopher', sans-serif;
}
.black {
	color: black;
}
.white {
	color: white;
}
.negro {
	border: solid 1px #999999;
}
.dropbtn {
	background-color: none;
	border: none;
	cursor: pointer;
}
.dropdown {
	position: relative;
	display: block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 134px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 2;
	border-left: 1px solid #999999;
	margin-left: -21px !important;
}
.dropdown-content a {
	color: black;
	padding: 6px 14px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {
	background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	color: #ff6600;
}
/*PARTICULARES____________________________________________________________________________________________*/
.botonera ul {
	display: inline-block;
	padding-top: 100px;
	padding-left: 150px;
}
.botonera a {
	color: #999999;
}
.botonera a:hover {
	color: #ff6600;
	-ms-transition: color ease .5s;
	-o-transition: color ease .5s;
	-moz-transition: color ease .5s;
	-webkit-transition: color ease .5s;
	transition: color ease .5s;
}
.botonera ul li {
	float: left;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	border-right: 1px solid #999999;
}
.home {
	background-image: url(images/projects.jpg);
	background-position: center;
	height: 600px;
}
.description {
	margin-bottom: 20px;
}
.link a {
	margin-left: 20px;
	color: #ff6600;
	text-decoration: underline;
}
.link a:hover .btn2 {
	background-color: #999999;
	-ms-transition: background-color ease 1s;
	-o-transition: background-color ease 1s;
	-moz-transition: background-color ease 1s;
	-webkit-transition: background-color ease 1s;
	transition: background-color ease 1s;
}
.boxes {
	height: 300px;
}
.amarillo {
	background-color: rgba(255,204,51,0.5);
	height: 300px;
}
.amarillo:hover {
	background-color: rgba(255,102,0,0.5);
	-ms-transition: background-color ease 1s;
	-o-transition: background-color ease 1s;
	-moz-transition: background-color ease 1s;
	-webkit-transition: background-color ease 1s;
	transition: background-color ease 1s;
}
.amarillo2 {
	margin-top: 150px;
	background-color: rgba(255,204,51,0.5);
	height: 250px;
}
.amarillo2:hover {
	background-color: rgba(255,102,0,0.5);
	-ms-transition: background-color ease 1s;
	-o-transition: background-color ease 1s;
	-moz-transition: background-color ease 1s;
	-webkit-transition: background-color ease 1s;
	transition: background-color ease 1s;
}
.blanco {
	background-color: rgba(255,255,255,1.00);
	height: 300px;
}
.blanco2 {
	background-color: rgba(255,255,255,1.00);
	height: 300px;
}
.blanco3 {
	height: 20px;
}
.blanco:hover {
	background-color: rgba(255,255,255,0);
	-ms-transition: background-color ease 1s;
	-o-transition: background-color ease 1s;
	-moz-transition: background-color ease 1s;
	-webkit-transition: background-color ease 1s;
	transition: background-color ease 1s;
}
.workbox {
	height: 300px;
	text-align: center;
	vertical-align: middle;
}
.continua {
	position: absolute;
	margin-left: 130px !important;
	margin-top: 20px !important;
}
.editorial {
	background-image: url(images/editorial.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
.collateral {
	background-image: url(images/collateral.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}
.logos {
	background-image: url(images/logos.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}
.web {
	background-image: url(images/web.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}
.goods {
	background-image: url(images/goods.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}
.workbox h1 {
	font-weight: 100;
	padding-top: 120px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: 'Philosopher', sans-serif;
}
.about {
	padding-left: 80px;
	padding-top: 20px;
}
.abajo {
	position: absolute;
	bottom: 0;
	left: 0;
}
.abajo h1 {
	line-height: 0.66 !important;
}
.aboutbg {
	background-image: url(images/about.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
}
/*WORK_____________*/
.projects {
	background-color: white;
	height: 300px;
	width: 300px;
	overflow: hidden;
}
.leyenda {
	top: -159px;
	background: rgba(255,204,51,1);
	height: 300px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: opacity ease 1s; /* Safari */
	transition: opacity ease 1s;
	text-align: center;
	color: black;
	font-size: 15px;
	position: relative;
	opacity: 0;
}
.projects:hover .leyenda {
	opacity: .5;
}
.leyenda2 {
	top: -198px;
	background: rgba(255,204,51,1);
	height: 300px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: opacity ease 1s; /* Safari */
	transition: opacity ease 1s;
	text-align: center;
	color: black;
	font-size: 15px;
	position: relative;
	opacity: 0;
}
.projects:hover .leyenda2 {
	opacity: .5;
}
.lateral {
	margin-left: 80px;
	margin-top: 60px;
	z-index: 3;
}
.navlateral {
	margin-top: 25px;
}
.navlateral li {
	padding-bottom: 5px;
}
.navlateral a {
	color: #999999;
}
.navlateral a:hover {
	color: #ff6600;
}
nav#main a:hover, nav#main li.active a {
	color: #ff6600;
}
.wrap {
	position: relative;
}
.espaciado {
	padding: 40px;
}
/*PHOTOS_____________*/
.modern {
	background-image: url(images/modern1.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.modern2 {
	background-image: url(images/modern2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.modern3 {
	background-image: url(images/modern3.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.lamplighter1 {
	background-image: url(images/lamplighter1.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.lamplighter2 {
	background-image: url(images/lamplighter2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.stmpg {
	background-image: url(images/stmpg.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.walter {
	background-image: url(images/walterfrank.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.chase {
	background-image: url(images/chase.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.pegasus {
	background-image: url(images/pegasus.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.pioneer {
	background-image: url(images/pioneer.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.allenstevenson1 {
	background-image: url(images/allenstevenson1.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.allenstevenson2 {
	background-image: url(images/allenstevenson2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.sportsgroup {
	background-image: url(images/sportsgroup.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.auerbach {
	background-image: url(images/auerbach.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.fadc {
	background-image: url(images/fadc.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.village {
	background-image: url(images/village.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.pegasus2 {
	background-image: url(images/pegasus2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.fadc2 {
	background-image: url(images/fadc2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.paz {
	background-image: url(images/paz.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.walter2 {
	background-image: url(images/walterfrank2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.auerbach2 {
	background-image: url(images/auerbach2.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.culturebar {
	background-image: url(images/culturebar.jpg);
	background-position: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}
.santas {
	background-image: url(images/santas.jpg);
	background-position: center;
	height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
}
.osteria {
	background-image: url(images/osteria.jpg);
	background-position: center;
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
}
.allenstevenson3 {
	background-image: url(images/allenstevenson3.jpg);
	background-position: center;
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
}
.allenstevenson4 {
	background-image: url(images/allenstevenson4.jpg);
	background-position: center;
	height: 282px;
	background-size: cover;
	background-repeat: no-repeat;
}
.allenstevenson5 {
	background-image: url(images/allenstevenson5.jpg);
	background-position: center;
	height: 282px;
	background-size: cover;
	background-repeat: no-repeat;
}
.allenstevenson6 {
	background-image: url(images/allenstevenson6.jpg);
	background-position: center;
	height: 282px;
	background-size: cover;
	background-repeat: no-repeat;
}
.seeny {
	background-image: url(images/seeny.jpg);
	background-position: center;
	height: 260px;
	background-size: cover;
	background-repeat: no-repeat;
}
.seeny2 {
	background-image: url(images/seeny2.jpg);
	background-position: center;
	height: 260px;
	background-size: cover;
	background-repeat: no-repeat;
}
.paz2 {
	background-image: url(images/paz2.jpg);
	background-position: center;
	height: 438px;
	background-size: cover;
	background-repeat: no-repeat;
}
.paz3 {
	background-image: url(images/paz3.jpg);
	background-position: center;
	height: 438px;
	background-size: cover;
	background-repeat: no-repeat;
}
.paz4 {
	background-image: url(images/paz4.jpg);
	background-position: center;
	height: 438px;
	background-size: cover;
	background-repeat: no-repeat;
}
.stmpg2 {
	background-image: url(images/stmpg2.jpg);
	background-position: center;
	height: 474px;
	background-size: cover;
	background-repeat: no-repeat;
}
.stmpg3 {
	background-image: url(images/stmpg3.jpg);
	background-position: center;
	height: 474px;
	background-size: cover;
	background-repeat: no-repeat;
}
/*CONTACT_____________*/

.formulario {
	padding-right: 20px;
}
label {
	font-weight: 400;
}
.form-control {
	font-size: 14px;
	border-radius: 0px;
	border: 1px solid #666666 !important;
	box-shadow: none !important;
}
.antispam {
	display: none;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color: #ff6600;
}
.has-error .form-control {
	border-color: #ff6600 !important;
}
.text-danger {
	color: #ff6600;
	font-size: 14px;
}
.text-success {
	color: #ff6600;
	font-size: 14px;
}
.btn {
	background-color: #666666;
	border: none;
	border-radius: 30px;
	height: 50px;
	width: 50px;
	padding: 0;
	margin-left: 10px;
}
.btn:hover {
	background-color: #333333;
	-ms-transition: background-color ease 1s;
	-o-transition: background-color ease 1s;
	-moz-transition: background-color ease 1s;
	-webkit-transition: background-color ease 1s;
	transition: background-color ease 1s;
}
.btn:focus, .btn:active, .btn.active, .btn:focus:active {
	background-image: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn2 {
	background-color: #CCCCCC;
	border: none;
	border-radius: 30px;
	height: 50px;
	width: 50px;
	padding: 0;
	margin-left: 10px;
}
.btn2:hover {
	background-color: #aaaaaa;
	-ms-transition: background-color ease 1s;
	-o-transition: background-color ease 1s;
	-moz-transition: background-color ease 1s;
	-webkit-transition: background-color ease 1s;
	transition: background-color ease 1s;
}
.btn2:focus, .btn2:active, .btn2.active, .btn2:focus:active {
	background-image: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.veinte {
	margin-bottom: 20px;
}
.veinte2 {
	padding-top: 20px;
}
.veinte3 {
	margin-top: 20px;
	margin-left: 130px;
}
.opacidad {
	opacity: 0;
}
.lines {
	background-image: url(images/lines.png);
	background-position: right;
	height: 620px;
}

/*MEDIA QUERIES________________________________________________________________________________*/

/* Large Devices, Wide Screens_________________________________________________________________ */
@media (min-width: 1200px) {
}

/* Medium Devices, Desktops______________________________________________________________________ */
@media (min-width: 992px) and (max-width: 1199px) {
.projects {
	width: auto;
}
.leyenda {
	width: auto;
}
.leyenda2 {
	width: auto;
}
.editorial {
	background-size: cover;
}
.collateral {
	background-size: cover;
}
.logos {
	background-size: cover;
}
.web {
	background-size: cover;
}
.goods {
	background-size: cover;
}
.veinte3 {
	margin-left: 130px;
}
.paddingmd {
	margin-top: 20px;
	margin-left: 400px;
}
.paz2 {
	height: 312px;
}
.paz3 {
	height: 312px;
}
.paz4 {
	height: 312px;
}
.stmpg2 {
	height: 326px;
}
.stmpg3 {
	height: 326px;
}
}

/* Small Devices, Tablets____________________________________________________________________________*/
@media (min-width: 768px) and (max-width: 991px) {
body {
	font-size: 13px;
}
.botonera ul li {
	padding-right: 13px;
	padding-left: 13px;
}
.home {
	margin-top: 20px;
	height: 400px;
}
.amarillo {
	height: 200px;
}
.amarillo2 {
	margin-top: 100px;
	height: 200px;
}
.blanco {
	height: 200px;
}
.blanco2 {
	height: 200px;
}
.boxes {
	height: 200px;
}
.btn2 {
	border-radius: 30px;
	height: 40px;
	width: 40px;
}
.btn {
	border-radius: 30px;
	height: 40px;
	width: 40px;
}
.projects {
	width: auto;
}
.leyenda {
	width: auto;
}
.leyenda2 {
	width: auto;
}
.editorial {
	background-size: cover;
}
.collateral {
	background-size: cover;
}
.logos {
	background-size: cover;
}
.web {
	background-size: cover;
}
.goods {
	background-size: cover;
}
.paz2 {
	height: 480px;
}
.paz3 {
	height: 480px;
}
.paz4 {
	height: 480px;
}
.stmpg2 {
	height: 600px;
}
.stmpg3 {
	height: 600px;
}
.espaciado {
	padding-left: 50px;
}
.categorias {
	padding-left: 50px;
}
.categorias h1 {
	font-size: 34px;
}
}

/* Extra Small Devices, Phones__________________________________________________________________ */
@media screen and (max-width: 767px) {
.description {
	margin-top: 20px;
}
.logo {
	padding-left: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	text-align: center;
}
.home {
	background-image: url(images/projects2.jpg);
	margin-top: 20px;
	height: 300px;
	background-size: cover;
}
.botonera {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
.botonera ul {
	padding-left: 0;
	padding-top: 40px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.botonera ul li {
	padding-right: 8px;
	padding-left: 8px;
}
body {
	font-size: 13px;
}
.amarillo {
	height: 100px;
}
.amarillo2 {
	margin-top: 100px;
	height: 100px;
}
.blanco {
	height: 100px;
}
.blanco2 {
	height: 100px;
}
.boxes {
	height: 100px;
}
.btn2 {
	border-radius: 30px;
	height: 40px;
	width: 40px;
}
.btn {
	border-radius: 30px;
	height: 40px;
	width: 40px;
}
footer {
	font-size: 10px;
	text-align: center;
	float: none;
}
.projects {
	width: auto;
}
.editorial {
	background-size: contain;
}
.collateral {
	background-size: contain;
}
.logos {
	background-size: contain;
}
.web {
	background-size: contain;
}
.goods {
	background-size: contain;
}
.about {
	padding: 20px;
}
.abajo {
	position: relative;
	bottom: 0;
	left: 0;
}
.who {
	text-align: center;
}
.formulario {
	padding-left: 20px;
}
.veinte {
	padding-left: 20px;
}
.modern {
	background-size: cover;
	height: 320px;
}
.modern2 {
	background-size: cover;
	height: 320px;
}
.modern3 {
	background-size: cover;
	height: 320px;
}
.lamplighter1 {
	background-size: cover;
	height: 320px;
}
.lamplighter2 {
	background-size: cover;
	height: 320px;
}
.stmpg {
	background-size: cover;
	height: 320px;
}
.walter {
	background-size: cover;
	height: 320px;
}
.chase {
	background-size: cover;
	height: 320px;
}
.pegasus {
	background-size: cover;
	height: 320px;
}
.pioneer {
	background-size: cover;
	height: 320px;
}
.allenstevenson1 {
	background-size: cover;
	height: 320px;
}
.allenstevenson2 {
	background-size: cover;
	height: 320px;
}
.sportsgroup {
	background-size: cover;
	height: 320px;
}
.auerbach {
	background-size: cover;
	height: 320px;
}
.fadc {
	background-size: cover;
	height: 320px;
}
.village {
	background-size: cover;
	height: 320px;
}
.pegasus2 {
	background-size: cover;
	height: 320px;
}
.fadc2 {
	background-size: cover;
	height: 320px;
}
.paz {
	background-size: cover;
	height: 320px;
}
.walter2 {
	background-size: cover;
	height: 320px;
}
.auerbach2 {
	background-size: cover;
	height: 320px;
}
.culturebar {
	background-size: contain;
	height: 320px;
}
.santas {
	background-size: cover;
	height: 320px;
}
.osteria {
	background-size: cover;
	height: 320px;
}
.allenstevenson3 {
	background-size: cover;
	height: 320px;
}
.allenstevenson4 {
	background-size: contain;
	height: 320px;
}
.allenstevenson5 {
	background-size: contain;
	height: 320px;
}
.allenstevenson6 {
	background-size: contain;
	height: 320px;
}
.seeny {
	background-size: contain;
	height: 320px;
}
.seeny2 {
	background-size: contain;
	height: 320px;
}
.paz2 {
	background-size: contain;
	height: 200px;
}
.paz3 {
	background-size: contain;
	height: 200px;
}
.paz4 {
	background-size: contain;
	height: 200px;
}
.stmpg2 {
	background-size: contain;
	height: 240px;
}
.stmpg3 {
	background-size: contain;
	height: 240px;
}
.negro {
	border: none;
}
.categorias {
	padding-left: 30px;
}
.categorias h1 {
	font-size: 30px;
}
.espaciado {
	padding-left: 30px;
}
}