body {font-family: 'Lato', sans-serif;font-weight: 400;   padding-top: 130px;background-size:cover;background-position: center center;background-repeat: no-repeat;}
.clear{clear: both}
.navbar-default {border: none;background: rgba(0,0,0,0.7);padding-bottom: 20px}
.navbar-default .navbar-nav>li>a {color:white;font-size: 16px; font-weight: 400; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#199e93;border-color:#199e93;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#199e93;border-color:#199e93;font-weight: 700; background: none; }
.navbar-brand{height: auto;padding:0px 15px;width: 100%}
.navbar{min-height: 100px}

.fondo_obras {background:rgba(0,0,0,.65);}
.mitad_obras{background: white;padding:15px 40px;}
.mitad_lista h1{color:white;font-weight: 700; font-size: 30px;}
.mitad_obras h1{color:#199e93;font-size: 30px; margin: 0 0 20px 0;}
ul.menu_obras {list-style: none; margin:30px 0 0 0 ;padding: 0}
ul.menu_obras li {margin-bottom: 8px}
ul.menu_obras li a {color: white; text-decoration: none; font-size: 15px;transition: all .2s;}
ul.menu_obras li a:hover{color:#199e93;padding-left: 10px;}
ul.menu_obras li a.activo{color:#199e93;padding-left: 10px;font-weight: 700}
.elastislide-wrapper{box-shadow: none;    margin-top: 11px;}
.elastislide-wrapper nav span {background-color: #B3B3B3}
.img-grande{margin-bottom: 5px;}
.fondo-contacto{min-height:180px;background: rgba(255,255,255,.9);padding-top: 20px; padding-bottom: 20px; z-index: 3}
.fondo-contacto h1{color:#199e93;font-weight: 700; font-size: 25px;}
.fondo-contacto .glyphicon {color:#199e93;}
.datos_contacto{margin-top: 20px; font-size: 16px}
.datos_contacto div{margin-bottom: 10px}

input.form-control, textarea.form-control {color:#333;margin-bottom:20px;background: none; border-radius: 0; border: 0; border-bottom: 1px solid #199e93; padding: 10px;box-shadow: none; }
textarea.form-control{min-height: 100px}

.btn-default{background:#199e93; color: white; border-radius: 2px; border: 0 }
.btn-default:hover{background:#10726a; text-decoration: none; color: white }

.form-control:focus {box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(25,148,157,.6);}
@media (min-width: 768px){
	.navbar-nav>li{width: 100px}
	.navbar-default .navbar-nav>li>a {border-left: 1px solid white;padding: 40px 50px 25px 10px; transition:all .2s;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {padding: 65px 50px 0px 10px}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { padding:65px 50px 0px 10px;}
    #navbar{float: right;}
    .navbar-brand{width: auto;margin-top: 20px;}
    .fondo_obras {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,ffffff+49,2989d8+50,ffffff+50,ffffff+100&0+0,0+49,1+50,1+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,.65) 0%, rgba(0,0,0,.65) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,.65)), color-stop(50%,rgba(0,0,0,.65)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,.65) 0%,rgba(0,0,0,.65) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,.65) 0%,rgba(0,0,0,.65) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,.65) 0%,rgba(0,0,0,.65)50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,.65) 0%,rgba(0,0,0,.65)50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
min-height: 40px; position: relative;z-index: 2;width: 100%; 
}


}

@media (min-width: 992){
	.navbar-nav>li{width: 140px}

}

@media (min-width: 1200px){
	.navbar-nav>li{width: 140px}
	.elastislide-carousel ul{max-height: 350px; min-height: 300px}
    

}