@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

body {margin: 0; padding: 0; background-attachment: fixed; background-position: 50% 0%;
    background-size: cover; font-family: 'Open Sans', sans-serif;}
.cuerpo{margin: 0; padding: 0; background: url(../img/back.jpg);     background-attachment: fixed;
    background-position: 50% 0%;
    background-size: cover; font-family: 'Open Sans', sans-serif;}
.top{background-color: #fff; padding: 20px 0; color: #870e0e;}
.logo{text-align: left;}
.space{margin: 70px 0px 0px 0px;}
header {background:none;border-bottom:10px solid #870e0e;border-top:10px solid #870e0e; background:#525251;}
header .mid-header {background-color:none; min-height:200px; margin-top: 50px; margin-bottom: 50px;}
a {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:hover {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
a:active {text-decoration: none; background-color: transparent; color: #fff; text-decoration: none;}
.topup {padding: 5px 0;  }
.topup h4 {padding: 0 0;}
.button-collapse {text-align: right !important; float: right !important;}
/* ============= section css ============= */
section { min-height: 100px;}
section#nosotros {background-color: #ff5681;}
section#productos {background:url(../img/bg-g.jpg) fixed center no-repeat; background-attachment: fixed; background-size: cover;}

footer {margin-top: 0 !important; padding-top: 0; background-color: #f1f0f0 !important;}
/* ============= section css ============= */
.footer {background-color: #000; min-height: 200px;}
.link li {margin-left:15px !important; margin-bottom: 10px;}

.oscu{background: rgba(0,0,0,0.1);padding: 10px 0px; font-weight: lighter;}
.thumbnail{background: none!important; border:none!important;}
.thumbnail li{margin: 8px 0 0 0; font-size: 16px}

.title{font-weight: 700;}
.title span{color:#870e0e;}

.linea{border-top: 1px solid rgba(0,0,0,0.2);}

.rojo{background-color: #870e0e; padding: 20px 15px; margin-top: -20px;}
.c-r-l{color: #870e0e;}
.list-2{margin-left: 30px;}
.info{font-size: 13pt;}
.sub{font-size: 1.3em; color: #000!important;}

nav  {height: auto !important; padding: 5px 0px 0px 0px;  background: none!important; box-shadow: none!important; }
nav ul a {  font-size: 1.3rem;color: #fff!important;line-height: 50px; font-weight: 300; }
nav ul li{background: #870e0e; margin:10px 5px 10px 5px ; border-radius: 5px; }
nav ul li:hover{background: #870e0e;}
nav ul li:hover a{ color: #fff!important;}
nav ul li.active2 a{ color: #fff!important; font-weight: 700; }

.menu {display: block; text-align: center; float: none !important;}
.menu li {display: inline-block; float: none !important;}
.call{margin: 20px 0px 0px 0px; text-align: center;}
.call:hover{
	color: #000!important;
}

.der{text-align: right;}
hr{margin: 0px 0px 20px 0px;}
.no-padin{padding: 0px!important;}
.img-1{background:url(../img/img-1.jpg); background-size: cover; min-height: 450px; padding: 0px 0px!important;}
@media only screen and (max-width : 1300px) {
.info{font-size: 11pt;}
}

@media only screen and (max-width : 992px) {
.call {text-align: right;}
}
@media only screen and (max-width : 768px) {
	.title {font-size: 1.5em;}
.der, footer{text-align: center;}
.call {text-align: center !important;}
.mapa{margin-bottom: 40px; padding:0!important;}
.space{margin: 20px 0px 0px 0px;}
.logo{margin:auto!important;}
.img-1{background:url(../img/img-1.jpg); background-size: cover; min-height: 200px; padding: 0px 0px!important;}
.email{font-size: 11pt!important;}
}