@import url(http://fonts.googleapis.com/css?family=Lato:300,700,900);

body {
    text-align: center;
    font: 300 16px/24px 'Lato',sans!important;
    font-family: 'Lato', sans-serif !important;
    color: #212121;
    margin-top: 50px;
}

h2, h3 {
    text-transform: uppercase;
}

h1 {
    margin-top: 20%;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
}

a.navbar-brand {
    font-size: 16px;
    font-weight: 300;
}

a.navbar-brand:hover {
    color: #fff;
}

.apellido {
    background-color: #F29100;
    padding: 2px 15px;
    margin-left: 8px;
}

a.navbar-brand .apellido {
    padding: 2px 5px;
}

h2 {
    font-weight: 900;
    margin-top: 60px;
    padding-bottom: 150px;
}

h3 {
    font-weight: 700;
    color: #F29100;
    margin: 30px auto;
}

a,
a:focus {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: none!important;
    outline: none;
}

a:hover,
a:active,
a.active {
    color: #F29100;
}

a.traductor {
    color: #999;
}

#navbar {
    background: #212121;
}

.navbar-toggle {
    margin-top: 12px;
    padding: 0;
    cursor: pointer;
}

.linea {
    background: #fff;
    float: right;
    clear: right;
    height: 5px;
    margin-bottom: 5px;
    width: 30px;
}


#top {
    background: #000 url('../img/bg1.jpg') no-repeat;
    background-size: cover;
}

.subtitulo, .info, .flecha {
    display: table;
    clear: both;
    font-weight: 700;
    text-transform: uppercase;
}

#servicios h3 {text-transform: none!important;}
#servicios h2 {background-image:none!important; padding-bottom:10px!important;}

.subtitulo {
    color: #fff;
    margin: 20px auto 0;
}

.info {
    background: #212121;
    color: #F29100;
    padding: 10px 20px;
    margin: 40px auto 0;
}

.flecha {
    background: url('../img/flecha.png') no-repeat!important;
    width: 43px;
    height: 23px;
    margin: 80px auto 5%;
}

p {
    text-align: justify;
}

.altura-auto {min-height: auto!important; height:auto!important; max-height: auto!important;}

#sobremi .container .row div {
    padding-bottom: 80px;
    border-bottom: 1px dotted #F29100;
}

#sobremi h2 {
    background: url('../img/about.png') no-repeat center bottom;
}

#servicios h2 {
    /*background: url('../img/servicios.png') no-repeat center bottom;*/
    /*margin-bottom: 30px;*/
}

#servicios h3, #servicios p {
    text-align: center;
    margin: 15px 30px;
}

#servicios p {
    margin-bottom: 50px;
}

#servicios ul {margin:0px auto; text-align: left; max-width:300px; padding-bottom: 80px;}
#servicios li {list-style-image: url('../img/list-flecha.png'); font-weight: regular; font-size:100%; list-style-position: inside;}


#contacto {
    background: #000 url('../img/bg2.jpg') no-repeat;
    background-size: cover;
}

#contacto h2 {
    padding-bottom: 30px;
    color: #212121;
}

#contacto p {
    padding: 15px;
    font-size: 20px;
    color: #212121;
    margin-bottom: 20px;
}

#contacto p.exito {
    color: #F29100;
    text-align: center;
    font-weight: bold;
}

.form-group {
    margin-bottom: 25px;
}

.form-control,
.form-control:focus,
.btn.btn-default {
    color: #fff;
    background-color: #F29100;
    box-shadow: none;
    border: none;
    border-radius: 0;
    font-weight: 700;
    font-size: 20px;
    height: 50px;
    padding: 15px;
}

textarea.form-control {
    max-height: 200px;
    max-width: 100%;
    min-height: 200px;
    min-width: 100%;
}

.btn.btn-default {
    background: #212121;
    text-transform: uppercase;
    width: 200px;
    height: auto;
    margin: 40px auto 10%;
}

.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

.icoservicios {max-width: 90px;}

.enlaces {
    display: inline-block;
    margin: 20px auto;
}

.linkdin,
.linkdin:focus {
    background: url('../img/linkedin.png') no-repeat!important;
    width: 44px;
    height: 44px;
}

.proz,
.proz:focus {
    background: url('../img/proz.png') center right no-repeat!important;
    width: 150px;
    height: 44px;
}

.atrae,
.atrae:focus {
    background: url('../img/atrae.png') center right no-repeat!important;
    width: 150px;
    height: 44px;
}

.firma {
    background: #212121;
    color: #fff;
}

.firma a,
.firma a:hover,
.firma a:focus {
    color: #fff;
    text-decoration: none;
    text-transform: none;
}