/*
Theme Name: ACUBISO
Author: Andres J. Villar - Merit Designs
Author URI: https://meritdesigns.com
Description: Theme Wordpress
Version: 1.0
*/

:root {	
	--white: #ffffff;
	--green: #3CBAA2;
	--black: #333333;
	--hover: #33a28d;
}
html, body{
	height: 100%;
}
body {
	background: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	color: var(--black);
	font-weight: normal;
}
.container, .container-fluid {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}
.clear, .clearfix {
	display: block;
	clear: both;
}
.height10 {
	height: 10px;
}
.height20 {
	height: 20px;
}
.height30 {
	height: 30px;
}
.height50 {
	height: 50px;
}
img {
	max-width: 100%;
	height: auto;
}
.black {
	color: var(--black);
}
.white {
	color: var(--white);
}
.green {
	color: var(--green);
}
.bg-black {
	background: var(--black);
}
.bg-white {
	background: var(--white);
}
.bg-green {
	background: var(--green);
}
.transition, .boton, button {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
a, a:hover, a:focus, a:active {
	text-decoration: none;
	color: var(--green);
}
.readmore, .boton {
	text-transform: uppercase;
	display: inline-block;
	color: var(--white);
	background: var(--green);
	border: 1px solid var(--green);
	padding: 9px 35px;
	border-radius: 26px;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
}
.readmore:hover, .boton:hover, .readmore:focus, .boton:focus {
	color: var(--white);
	background: var(--hover);
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}


/**** HEADER ****/
header {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: 100%;
	z-index: 100;
}
header .navbar-brand {
	padding: 3px 0px;
	min-height: none;
	height: auto !important;
	z-index: 9999 !important;
}
header .navbar-brand img {
    height: 72px;
}
.navbar-header {
    position: relative;
    z-index: 999;
}
.navbar-default {
    background-color: transparent !important;
    border-color: none;
    border: none;
    margin-top: 8px;
    margin-bottom: 0;
    padding-top: 0;
}
.navbar-default .navbar-nav li a {
	color: var(--white);
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 300;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	font-family: 'Ubuntu', sans-serif;
	border-bottom: 2px solid transparent;
	padding: 8px 4px;
}
.navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus {
	background:none !important;
	color: var(--white);
	border-bottom: 2px solid var(--green);
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    color: var(--white);
	border-bottom: 2px solid var(--green);
}
.navbar-default .navbar-nav li {
	padding-right: 10px;
	padding-left: 10px;
}
.navbar-right {
    padding-top: 24px;
}
.relative {
	position: relative;
}
.container-menu {
	padding-right: 140px;
	position: relative;
}
.container-menu .social {
	display: inline-block;
	position: absolute;
	top: 37px;
	right: 15px;
}
.container-menu .social a {
	font-size: 18px;
	color: #fff;
	margin: 0 0 0 10px;
}
.container-menu .social img {
	width: 16px;
	position: relative;
	top: -1px;
}
.carousel-home .item {
	padding-top: 200px;
	height: 600px;
	color: #fff;
	font-size: 17px;
}
.carousel-home h1 {
	color: #fff;
	margin-bottom: 20px;
}
.carousel-home .boton {
	border: 1px solid #fff !important;
	background: transparent;
	color: #fff;
}
.carousel-home .boton:hover, .carousel-home .boton:focus {
	background: var(--white);
	color: var(--green);
}
h1 {
	font-size: 50px;
}
h2 {
	font-size: 32px;
}
.noticias-home {
	position: relative;
}
.bg-green {
	color: #fff;
}
.bg-green .boton {
	border: 1px solid #fff !important;
	background: transparent;
	color: #fff;
}
.bg-green .boton:hover, .bg-green .boton:focus {
	background: var(--white);
	color: var(--green);
}
.imagen-noticia1 {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.imagen-noticia2 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
footer {
	background: var(--green);
	color: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
}
footer a {
	color: #fff !important;
}
footer img.gl {
	width: 87px;
}
footer span.contactos {
	margin: 0 6px;
}
.menufooter a {
	margin: 5px 6px;
}
.cab {
	padding-top: 150px;
	padding-bottom: 100px;
}
.cab h1 {
	color: #fff;
}
.cabnosotros {
	background: url(images/cabn.jpg) no-repeat center center; 
	background-size: cover;
}
.cabtalleres {
	background: url(images/cabtalleres.jpg) no-repeat center center; 
	background-size: cover;
}
.cabcontacto {
	background: url(images/cabcontacto.jpg) no-repeat center center; 
	background-size: cover;
}
.cabsingle {
	background: url(images/cabsingle.jpg) no-repeat center center; 
	background-size: cover;
}
.taller1, .taller2 {
	background: #f2f2f2;
	margin-bottom: 40px;
	position: relative;
	padding: 20px;
}
.taller1 h4, .taller2 h4 {
	color: var(--green);
}
.taller1 {
	padding-left: 310px;
}
.taller1 .imagentaller {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 100%;
}
.taller2 {
	padding-right: 310px;
}
.taller2 .imagentaller {
	position: absolute;
	right: 0;
	top: 0;
	width: 280px;
	height: 100%;
}
.formulario input[type="text"], .formulario input[type="email"], .formulario select {
	width: 100%;
	background: #F0F0F0;
	padding: 11px;
	margin-bottom: 16px;
	border: 1px solid #d0d0d0;
}
.formulario textarea {
	width: 100%;
	background: #F0F0F0;
	padding: 11px;
	margin-bottom: 16px;
	border: 1px solid #d0d0d0;
	height: 150px;
}
.formulario label {
	font-weight: normal;
	display: inline-block;
	margin-right: 20px;
}
.single img {
	float: left;
	max-width: 50%;
	margin-right: 30px;
	margin-bottom: 20px;
}
.imgnoticia {
	display: block;
	width: 100%;
	height: 240px;
	margin-bottom: 15px;
}
.noticia h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 0;
}

@media(min-width:767px) {
	.pright {
		padding-right: 30px;
	}
	.pleft {
		padding-left: 30px;
	}
}


@media(max-width:991px) {
	.container-menu {
		padding-right: 15px;
		position: relative;
	}
	.container-menu .social {
  		top: 10px;
 	}
 	.navbar-right {
  		padding-top: 35px;
	}
}


@media(max-width:598px) {
	.taller1 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.taller2 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.taller1 .imagentaller, .taller2 .imagentaller {
		position: relative;
		right: inherit;
		left: inherit;
		top: inherit;
		width: 100%;
		height: 240px;
		margin-bottom: 15px;
	}
}

@media(max-width:767px) {
	.navbar-toggle {
	  position: relative;
	  float: right;
	  padding: 5px 0 5px 0;
	  margin-top: 37px;
	  margin-right: 0;
	  margin-bottom: 8px;
	  background-color: transparent;
	  background-image: none;
	  border: 1px solid transparent;
	  border-radius: 4px;
	  background: transparent !important;
	  border: none !important;
	  color: #fff !important;
	  font-size: 25px;
	}
	header .navbar-brand img {
  		height: 64px;
  		margin-top: 10px;
	}
	h1 {
 		font-size: 38px;
	}
	.imagen-noticia1 {
	  display: block;
	  position: relative;
	  right: inherit;
	  top: inherit;
	  width: 100%;
	  height: 300px;
	}
	.imagen-noticia2 {
	  display: block;
	  position: relative;
	  left: inherit;
	  top: inherit;
	  width: 100%;
	  height: 300px;
	}
	.single img {
		float: none;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

@media(max-width:498px) {
	h1 {
 		font-size: 34px;
	}
}