/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 
.navbar-default,a{-webkit-transition:all .35s;-moz-transition:all .35s}
 
header,header .header-content{position:relative;width:100%;text-align:center}
 
body,html{height:100%;width:100%}
 
body{font-weight: 300;font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;webkit-tap-highlight-color:#222}
 
.btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}

hr{border-color:#000;border-width:3px;max-width:50px}

hr.light{border-color:#fff}

a{transition:all .35s;color:#000}

a:focus,a:hover{color:#eb3812

}p{font-size:16px;line-height:1.5;margin-bottom:20px}

.bg-primary{background-color:#000}

.bg-dark{background-color:#222;color:#fff}

.text-faded{color:rgba(255,255,255,.7)}

section{padding:100px 0}

aside{padding:50px 0}

.no-padding{padding:0}

.navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);transition:all .35s}

.btn-default,.portfolio-box .portfolio-box-caption{-webkit-transition:all .35s;-moz-transition:all .35s}

.navbar-default .navbar-header .navbar-brand{color:#000;font-weight:700;text-transform:uppercase}

.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#eb3812}

.navbar-default .navbar-header .navbar-toggle{font-weight:700;font-size:12px;color:#222;text-transform:uppercase}

.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-weight:700;font-size:13px;color:#222}

.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#000}

.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#000!important;background-color:transparent}

.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}


@media (min-width:768px){
	
	.navbar-default{background-color:transparent;border-color:rgba(255,255,255,.3)}
	
	.navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}
	
	.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}
	
	.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:rgba(255,255,255,.7)}
	
	.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fff}
	
	.navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.05)}
	
	.navbar-default.affix .navbar-header .navbar-brand{color:#000;font-size:14px}
	
	.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#eb3812}
	
	.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}
	
	.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#000}
	
}

header{min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url(../img/header.jpg);color:#fff}

header .header-content{padding:100px 15px}


header .header-content .header-content-inner hr{margin:30px auto}

header .header-content .header-content-inner p{font-weight:300;color:rgba(255,255,255,.7);font-size:16px;margin-bottom:50px}

header .header-content .header-content-inner h1{
		font-family: "Dancing Script",cursive;
		font-size: 48px;
		color: #000;
		text-transform: none;
	}
	
@media (min-width:768px){
	
	header{min-height:100%}
	
	header .header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px}
	
	header .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto}

	
	 
	header .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto; color: #000;}
 
 }
 
 .section-heading{font-family: "Dancing Script",cursive;
    font-size: 51px;
    margin-top: 0;}
 
 .service-box{max-width:400px;margin:50px auto 0}@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{color:#fff;opacity:0;display:block;background:rgba(0,0,0,.7);position:absolute;bottom:0;text-align:center;width:100%;height:100%;transition:all .35s}.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{background-image:none}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.call-to-action h2{margin:0 auto 20px}.text-primary{color:#000}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-default{color:#222;background-color:#fff;border-color:#fff;transition:all .35s}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#222;background-color:#f2f2f2;border-color:#ededed}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#fff}.btn-default .badge{color:#fff;background-color:#222}.btn-primary{color:#fff;background-color:#000;border-color:#000;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#ee4b28;border-color:#ed431f}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#000;border-color:#000}.btn-primary .badge{color:#000;background-color:#fff}.btn{border:none;border-radius:300px;font-weight:700;text-transform:uppercase}.btn-xl{padding:15px 30px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}
 
 .service-box img {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border: 2px dotted #333;
    border-radius: 50%;
    padding: 20px;
}

.service-box h3 {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 16px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 12px 0;
    text-transform: uppercase;
	font-weight: 300;
}

.service-box {
    color: #000;
    padding: 20px;
}

#variedades {
    background-color: #ccc;
    background-image: url("../img/uva-del-vinalopo-furtas-falco-novelda.jpg");
}

@media (max-width:980px){
.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
}
}

@media (min-width:768px){
.service-box {
    padding: 0px;
}
}


.fadefoto {
    opacity: 1;
}

.fadefoto:hover {
    opacity: 0.7;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
}

#overbox3 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    padding: 20px 0 12px;
    position: fixed;
}

#infobox3 a {
    color: #ccc;
    margin: 0 14px;
	text-decoration: underline;
}

#infobox3 > p {
    font-size: 14px;
}

.bt-calidad {
    clear: both;
    padding-top: 30px;
    text-align: center;
}

#contacto {
    background-color: #222;
    color: #fff;
}

.foto-cabecera {
    width: 100%;
}

.contenido .container {
    padding-top: 34px;
	padding-bottom: 60px;
}

.titulo-3 {
    color: #a93a2a;
    font-family: "Dancing Script",cursive;
    font-size: 30px;
    line-height: 34px;
}

#variedades2 {
    background-color: #ccc;
    background-image: url("../img/01.jpg");
    padding-bottom: 20px;
    padding-top: 36px;
}

#produccion {
    background-color: #222;
    color: #fff;
    padding-top: 66px;
    text-align: center;
}

.contenido #produccion {
    background-color: #fff;
}

.situacion img {
    border: 10px solid #efefef;
    border-radius: 60px;
    margin: 30px auto;
    max-width: 300px;
}

.pie {
    clear: both;
    font-size: 12px;
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
}

.fa-3x {
    color: #999;
    font-size: 20px !important;
}

.pie > a {
    font-size: 12px;
}

.pie > p {
    font-size: 12px;
}

#quienes-somos {
    padding-top: 66px;
}

@media (max-width:991px){
	.img-logo {
		padding-top: 60px;
		width: 60%;
	}
}

@media (max-width:768px){
	.img-logo {
		padding-top: 60px;
		width: 60%;
	}
	
	.section-heading {
		font-size: 30px;
	}
	
	#quienes-somos {
		padding-top: 46px;
	}
	
	.service-box {
		padding: 0;
		margin: 12px auto 0;
	}
	
	#variedades {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	
	.nav > li {
		border-bottom: 1px dotted;
		text-align: center;
	}
	
	.foto-cabecera {
		margin-top: 54px;
	}
	
	.tipo-uva img {
		margin: 0 auto;
	}
}