# Empty CSS file for your own CSS

.navbar{
background: #000000;
}

.navbar-default{
background-color: #000000;
color: #D8D8D8;
border-color: #9C815D;
border:0px;
}

.nosotros{
background-image:url(../images/nosotros.jpg);
color: #ffffff;
height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nosotros-texto{
background: #000000;
height:100%;
padding:9% 50px;
margin: 0px 100px;
}

.justify{
text-align:justify;
}

#contacto .col-md-6{
	padding-left: 0px;
	padding-right: 0px;
}

.contacto{
/*background-image:url(../images/LuxuryCapital-04.png);
color: #585856;
padding: 100px;
border: 2px solid transparent;*/
background: #000000;
color: #ffffff;
}

#contacto .svg-inline--fa{
	color: #F0BF4E;
	font-size: 30px;
	line-height: 40px;
	width: 30px;
}

#contacto p{
	color: #ffffff;
	font-size: 20px;
	line-height: 40px;
}

#contacto h2{
	text-align: center;
	margin-bottom: 45px;
	margin-top: 45px;
}

#portafolio{
	background: #585858;
	color: #ffffff;
	padding: 50px;
}

#portafolio h2{
	margin-bottom: 50px;
	text-align: center;
}

input[type=text], textarea{
	background: rgba(255,255,255,1);
	border: 0px;
	color: #000000;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}

input, textarea {
width:100%;
margin-bottom:10px;
padding: 10px;
}

.inicio{
	background-image:url(../images/principal.jpg);
	color: #585856;
	padding: 100px;
	background-size: cover;
	border: 2px solid transparent;
	text-align: center;
}

.inicio img{
width:250px;
}

.inicio .info{
	background: rgba(255,255,255,1);
	border-radius: 5px;
	padding: 20px;
	color: #0078BB;
}

.info2{
    padding: 100px;
    background: rgba(255,255,255,1);
	border-radius: 5px;
	color: #0078BB;
}

.info p{
	font-size: 20px;
	font-weight: bold;
	color: #08088A;
}

.navbar-default .navbar-nav>li>a{
color: #F0BF4E;
}

.navbar-default .navbar-nav>li>a:hover{
color: #0078BB;
}

.navbar-default .navbar-nav>li>a:focus{
color: #0078BB;
}

.navbar-brand{
color: #0078BB !important;
visibility: hidden;
}

.navbar-brand img{
display: inline-block;
vertical-align: middle;
}

header{
padding:0px !important;
}

header .col-md-12, .inicio .col-md-12, footer .col-md-12{
    padding-right: 0px;
    padding-left: 0px;
}

.navbar{
border-radius:0px;
margin-bottom:0px;
padding: 0 100px;
}

.right{
text-align: right;
}

footer{
background-color: #000000;
color: #0078BB;
padding: 30px 100px;
border-top: 2px solid #585858;
margin-top: -5px;
z-index: 100;
}

#enviar, #ingresar{
background: #0078BB;
color: #FFFFFF;
}

#enviar:hover, #ingresar:hover{
background:#009CD9;
}

ul.navbar-right{
/*border-right: 1px solid #9C815D;*/
}

.modal-title{
display: initial;
text-align:center;
}

.center{
text-align:center;
}

.politicas{
margin-top:50px;
}

.politicas h3{
text-align:center;
}

#ventajas{
	background: #000000;
	padding: 100px;
}

#ventajas img{
	margin-bottom: 20px;
	padding: 40px;
}

#ventajas h2{
	text-align: center;
	color: #fff;
}

#ventajas .col-md-2{
	padding: 0 10px;
}

#ventajas p{
	text-align: center;
	color: #ffffff;
}

footer a{
color: #F0BF4E;
}

footer a:hover{
color:#0078BB;
}

.raised {
		-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		   -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}

#formcontacto input[type=file] {
    width: 75%;
    float: left;
}

#formcontacto span {
    width: 25%;
    float: left;
    text-align: left;
    padding-left: 10px;
    line-height:40px;
}

@media only screen and (max-width: 600px) {
    #inicio{
    	padding: 10px;
    	padding-top: 55px;
    	padding-bottom: 20px;
    }

    #inicio .col-md-6{
    	margin-bottom: 20px;
    }

    .nosotros-texto{
    	margin: 0 15%;
    	padding: 1px 20px;
    }
    #portafolio .col-md-4{
    	margin-top:30px;
    }

    #contacto .col-md-6{
    	width: 90%;
    	margin: 0 5%;
    }
    footer{
    	margin-top: -20px;
    	width: 100%;
    	text-align: center;
    }
    footer .col-md-6{
    	margin-bottom: 20px;
    }

    footer .right{
    	text-align: center;
    }
    .navbar{
    	padding: 5px 20px;
    }
}