/*
Theme Name: PetroQuim
Author: Andres J. Villar
Author URI: http://meritdesigns.com
Description: Theme Responsive para PetroQuim
Version: 1.0
*/

body { 
	font-family: 'Open Sans', sans-serif;
	color: #8C95A2;
	line-height: 1.3em; 
	font-size: 15px;
} 
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Montserrat', sans-serif; 
	color: #1F365C;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
a {
	color: #1F365C;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a.boton {
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid #026ABF;
	background: #f2f4f2;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #026ABF;
	text-align: center;
	font-size: 16px;
}
a.boton:hover, a.boton:focus {
	background: #026ABF;
	color: #fff;
}
.clear {
	clear: both;
	display: block;
}
.height10 {
	height: 10px;
	display: block;
	clear: both;
}
.height20 {
	height: 20px;
	display: block;
	clear: both;
}
.height30 {
	height: 30px;
	display:block;
	clear: both;
}
.blue { 
	color: #1F355B; 
}
.white { 
	color: #fff; 
}
.black { 
	color: #333; 
}
.bg-grey {
	background: #f7f7f7;
}
.bg-blue {
	background: #1f365c; 
}
.container-fluid { 
	width: 1240px; 
	max-width: 100%; 
	margin: 0 auto; 
}
img { 
	max-width: 100%; 
	height: auto; 
}
.transition { 
	-webkit-transition: all .3s ease 0s; 
	-moz-transition: all .3s ease 0s; 
	-ms-transition: all .3s ease 0s; 
	-o-transition: all .3s ease 0s; 
	transition: all .3s ease 0s; 
}


/** Header **/
.top-bar { 
	color: #999999;
	font-size: 13px; 
	padding: 12px 0 6px 0;
}
.top-bar .fa {
	font-size: 14px;
	margin-right: 3px;
}
.top-bar span {
	margin-right: 12px;
}
.top-bar a {
	color: #999;
}
.top-bar .social a {
	color: #4B809D;
}
.top-bar .social a .fa {
	font-size:20px;
	margin-left: 8px;
}
.top-bar .lang {
	display: inline-block;
	width: auto;
	border-radius: 4px;
	font-size: 13px;
	padding: 4px 12px;
	position: relative;
	border: 1px solid #4B809D;
	margin-left: 20px;
	text-align: center;
	top: -5px;
}
.top-bar .language-chooser {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	text-align: center;
	line-height: 18px;
}
.top-bar .language-chooser li.active {
	display: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.top-bar .language-chooser li {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 80px;
}
.top-bar .down {
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(images/down.png) no-repeat center center;
	bottom: -6px;
	left: 47px;
	margin: 0;
	padding: 0;
}
.top-bar .language-chooser span {
	margin: 0;
	padding: 0;
}
.menu {
	background: #4b809d;
}
.menu .navbar.navbar-default { 
	background: transparent; 
	border: none; 
	padding: 0; 
	margin: 0; 
	height: inherit; 
	max-height: inherit; 
	min-height: inherit; 
}
.menu .collapse.navbar-collapse { 
	padding: 0; 
	margin: 0; 
	height: inherit; 
	max-height: inherit; 
	min-height: inherit; 
}
.menu .navbar-default .navbar-nav > li { 
	padding: 0 10px;
}
.menu.menu-swim .navbar-default .navbar-nav > li { 
	padding: 0 7px;
}
.menu .navbar-default .navbar-nav > li > a { 
	white-space: nowrap; 
	background: transparent !important; 
	color: #fff; 
	text-transform: none; 
	font-size: 15px; 
	padding: 15px 8px; 
	border-bottom: 3px solid transparent;
	-webkit-transition: all .3s ease 0s; 
	-moz-transition: all .3s ease 0s; 
	-ms-transition: all .3s ease 0s; 
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.menu.menu-swim .navbar-default .navbar-nav > li > a { 
	font-size: 14px; 
	padding: 15px 6px; 
}
.menu .navbar-default .navbar-nav > .active > a, .menu .navbar-default .navbar-nav > .active > a:focus, 
.menu .navbar-default .navbar-nav > .active > a:hover, .menu .navbar-default .navbar-nav > li > a:hover, 
.menu .navbar-default .navbar-nav > li > a:focus, .menu .navbar-default .navbar-nav > .current-menu-parent > a, 
.menu .navbar-default .navbar-nav > .current_page_item > a { 
	background-color: transparent; 
	color: #233e4f; 
	border-bottom: 3px solid #2E4E63; 
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}
.navbar-nav > li > .dropdown-menu {
    background: #4b809d;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	 background: #4b809d;
	 color: #233e4f;
}


/** CAROUSEL **/
.carousel-home {
	position: relative;
	max-width: 100%;
	overflow: hidden;
}
.carousel-home .item {
	width: 100%;
	height: 420px;
}
.carousel-home .bullets {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: right;
	z-index: 999;
}
.carousel-home .bullets ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.carousel-home .bullets ol li {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #fff;
}
.carousel-home .bullets ol li.active {
	background: #1f365c;
}
.carousel-indicators {
    position: relative;
    bottom: inherit
    left: inherit;
    z-index: 15;
    width: auto;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
    list-style-type: none;
}
.carousel-indicators li, .carousel-indicators li.active {
    display: inline-block;
    width:  16px;
    height: 16px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 16px;
}
.carousel-home .captions {
	max-width: 50%;
	padding-top: 50px;
	padding-right: 10%;
}
.carousel-home .captions img {
	max-width: 60%;
	margin-bottom: 30px;
}
.carousel-home h1, .carousel-home h2, .carousel-home h3, .carousel-home h4, .carousel-home h5, .carousel-home h6 {
	color: #016ABF;
	font-size: 32px;
	text-transform: none;
	font-weight: 600;
}
.carosel-home {
	color: #333;
}
.news img {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	width: 100%;
}
.news h4 {
	margin-bottom: 14px;
	font-size: 18px;
}
.featured {
	position: relative;
	height: 300px;
	overflow: hidden;
	display: block;
}
.featured-right {
	position: relative;
	height: 140px;
	overflow: hidden;
	display: block;
}
.featured img, .featured-right img {
	width: 100%;
}
.featured p, .featured-right p {
	position: absolute;
	bottom: 12px;
	left: 0;
	width: 100%;
	padding: 0 15px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
}
.overlay {
	background: rgba(31,54,92,0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.breadcrumbs {
	text-align: right;
	color: #2E4E63;
}
.breadcrumbs a {
	color: #999;
}
.breadcrumbs .fa {
	color: #999;
	margin: 0 10px;
}
.menu-somos a {
	color: #4B809D;
	padding: 0 15px;
	border-right: 1px solid #E8E8E8;
}
.menu-somos a.first {
	padding-left: 0;
}
.menu-somos a.active {
	color: #fff;
	background: #4B809D;
	border-right: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
.border {
	border-bottom: 1px solid #e8e8e8;
}
.maincontents {
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
h1.page-title {
	color: #1F365C;
	text-transform: none;
}
.mision h3 {
	text-transform: none;
	margin-bottom: 15px;
	font-size: 20px;
}
.mision ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.corporativa .col-sm-9 {
	padding-top: 30px;
}
.sidebar a {
	display: block;
	padding: 8px 15px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 1px;
}
.sidebar a.active, .sidebar a:hover, .sidebar a:focus {
	background: #4B809D;
	color: #fff;
}
.sidebar .fa {
	float: right;
}
.producto a {
	display: block;
	width: 100%;
	/** height: 150px; **/
	position: relative;
	border: 1px solid #e9e9e9;
	text-align: center;
	color: #fff;
}
.producto .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(46,78,99,0.5);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	font-family: 'Montserrat',sans-serif;
	font-size: 20px;
	padding-top: 60px;
}
.producto:hover .overlay {
	opacity: 1;
}
.politicas h4 {
	margin: 22px 0 15px 0;
}
.formulario input, .formulario textarea {
	border: 1px solid #d0d0d0;
	padding: 11px;
	margin-bottom: 16px;
	width: 100%;
}
.formulario textarea {
	height: 120px;
}
.formulario input[type="submit"] {
	border: 1px solid #026ABF;
	color: #026ABF;
	width: 240px;
	background: #fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.formulario input[type="submit"]:hover {
	background: #026ABF;
	color: #fff;
}
.paddings {
	padding-left: 10%;
	padding-right: 10%;
}
.cols5 {
	float: left; 
	width: 20%;
	padding: 0 15px;
	border-right: 1px solid #e9e9e9;
	font-size: 14px;
	min-height: 100px;
}
.cols5.last {
	border-right: none;
}



/** FOOTER **/
footer { 
	color: #fff;
	background: #1f365c; 
	font-size: 14px;
}
footer a, footer a:hover, footer a:active, footer a:focus {
	color: #fff;
}
footer a.social {
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 22px;
	border-radius: 32px;
	margin: 0 5px;
	color: #1f365c;
	background: #fff;
	text-align: center;
	line-height: 30px;
}
footer .menufooter a {
	padding: 0 8px;
	border-left: 1px solid #425a82;
}
footer .menufooter a.first {
	border-left: none;
}




@media (max-width: 991px) {
	.top-bar .col-sm-9  {
		display: none;
	}
	.top-bar .col-sm-3 {
		width: 100%;
		float: none;
	}
	.navbar-header {
	  float: none;
	}
	.navbar-left,.navbar-right {
	  float: none !important;
	}
	.navbar-toggle {
	  display: block;
	}
	.navbar-collapse {
	  border-top: 1px solid transparent;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	  top: 0;
	  border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	  display: none!important;
	}
	.navbar-nav {
	  float: none!important;
	  margin-top: 7.5px;
	}
	.navbar-nav>li {
	  float: none;
	}
	.navbar-nav>li>a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.collapse.in{
	  display:block !important;
	}
	.navbar-default .navbar-toggle {
	    border-color: none;
	    margin: 5px 0;
	    padding-right: 0;
	    background: none !important;
	    border: none !important;
	}
	.navbar-toggle .icon-bar {
		background: #fff;
		color: #fff;
		border-radius: 0;
		width: 26px;
		border-top: 3px solid #fff;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: transparent;
	    border: none !important;
	    box-shadow: none !important;
	}
	.menu .navbar-default .navbar-nav > li > a { 
		padding: 10px 8px 10px 20px; 
		border-bottom: none;
		border-left: 3px solid transparent;
	}
	.menu .navbar-default .navbar-nav > .active > a, .menu .navbar-default .navbar-nav > .active > a:focus, 
	.menu .navbar-default .navbar-nav > .active > a:hover, .menu .navbar-default .navbar-nav > li > a:hover, 
	.menu .navbar-default .navbar-nav > li > a:focus, .menu .navbar-default .navbar-nav > .current-menu-parent > a, 
	.menu .navbar-default .navbar-nav > .current_page_item > a { 
		background-color: rgba(255,255,255,0.8) !important; 
		color: #233e4f; 
		border-bottom: none; 
		border-left: 3px solid #233e4f;
	}
	.menu .navbar-default {
		overflow-x: hidden;
	}
	.menu .navbar-default .navbar-nav > li {
	    padding: 0 15px;
	    max-width: 100%;
	    overflow: hidden;
	}
	.navbar-nav {
	    float: none !important;
	    margin-top: 7.5px;
	    overflow-x: hidden;
	    max-width: 100%;
	}

	.carousel-home .item {
		width: 100%;
		height: 320px;
	}
	.carousel-home .bullets {
		padding-right: 30px;
	}
	.carousel-home .bullets ol li {
		width: 16px;
		height: 16px;
		border-radius: 16px;
	}
	.carousel-home .captions {
		max-width: 80%;	
	}
	.carousel-home .captions img {
		max-width: 40%;
	}
	.carousel-home h1, .carousel-home h2, .carousel-home h3, .carousel-home h4, .carousel-home h5, .carousel-home h6 {
		font-size: 28px;
	}
	.cols5 {
		border-right: none;
		width: 33.3%;
	}
}

@media (max-width: 767px) {
	.carousel-home .bullets ol li {
		width: 14px;
		height: 14px;
		border-radius: 14px;
	}
	.carousel-home .captions {
		max-width: 100%;	
	}
	.carousel-home .captions img {
		max-width: 40%;
		margin-bottom: 15px;
	}
	.carousel-home h1, .carousel-home h2, .carousel-home h3, .carousel-home h4, .carousel-home h5, .carousel-home h6 {
		font-size: 24px;
	}
	.breadcrumbs {
		text-align: left;
		margin-top: 20px;
	}
	.cols5 {
		width: 50%;
	}
}

@media(max-width: 598px) {
	.full498 {
		width: 100%;
		clear: both;
		float: none;
	}
}

@media (max-width: 498px) {
	.logo {
		text-align: center;
		padding-left: 10%;
		padding-right: 10%;
	}
	.carousel-home .captions img {
		max-width: 60%;
	}
	.cols5 {
		width: 100%;
		float: none;
	}
}



/** GOLIAT **/
@media(min-width: 991px) {
	.navbar.navbar-default.center .navbar-nav {
  	width: 100%;
  	text-align: center;
	}
	.navbar.navbar-default.center .navbar-nav > li {
  	float: none;
  	display: inline-block;
	}
}
.carousel-home.goliat .item {
	width: 100%;
	height: auto;
}
.carousel-home.swim .item {
	width: 100%;
	min-height: 350px;
}
.carousel-home.goliat .captions-goliat, .carousel-home.swim .captions-goliat {
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 6px rgba(255, 255, 255, 1);
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 20%;
	padding-right: 20%;
}
.carousel-home.goliat .captions-goliat img.logo-goliat {
	width: 120px;
}
.botagoliat {
	position: relative;
}
img.bota {
	position: absolute;
	right: 0;
	bottom: -30px;
	height: 400px;
}
footer.goliat {
	background: #026ABF;
	text-align: center;
}
footer.goliat a.social, footer.goliat a.social:hover {
    font-size: 22px;
    color: #026ABF;
    text-align: center;
    line-height: 30px;
}

/** Paginas Goliat & Swim **/
.bg-goliat {
	background: url(images/fondo-goliat.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}
.bg-swim {
	background: url(images/fondo-swim.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}
.contenidos {
	background: #fff;
	padding: 20px 30px;
	color: #666;
}
.contenidos a {
	color: #4B809D;
}
.contenidos .breadcrumbs {
	border-bottom: 1px solid #4B809D;
	margin-bottom: 40px;
}
.contenidos .breadcrumbs h3 {
	color: #4B809D;
	text-transform: none;
	text-align: left;
}
.contenidos .breadcrumbs h3.inline {
	display: inline-block;
	margin-right: 10px;
}
.contenidos .conborde img {
	border: 1px solid #ddd;
}
.contenidos .breadcrumbs .ruta {
	text-align: right;
}
.contenidos strong {
	font-weight: 600;
	color: #222;
}
.contenidos ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.contenidos ul li {
	margin-bottom: 6px;
}
.contenidos a.botones {
	display: inline-block;
	padding: 8px 15px;
	margin-right: 2px;
	color: #fff;
	background: #bbb;
	font-family: 'Montserrat', sans-serif;
}
.contenidos a.botones.activo {
	background: #4B809D;
}
span.colores {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #d0d0d0;
	margin-right: 2px;
}
span.colores.amarillo {
	background: #e0dc0c;
}
span.colores.azulclaro {
	background: #6ba8da;
}
span.colores.azulmarino {
	background: #026abf;
}
span.colores.verde {
	background: #1cc253;
}
span.colores.naranja {
	background: #e29818;
}
span.colores.rojo {
	background: #bf0c07;
}
span.colores.rosado {
	background: #ec87e1;
}
span.colores.blanco {
	background: #ffffff;
}
span.colores.negro {
	background: #000000;
}
span.colores.marron {
	background: #523213;
}
span.colores.gris {
	background: #838384;
}
span.colores.morado {
	background: #7019db;
}
span.colores.perla {
	background: #d5b195;
}


@media(max-width: 991px) {
	.carousel-home.goliat .item {
		width: 100%;
		height: 420px;
	}
}
@media(max-width: 767px) {
	.carousel-home.goliat .captions-goliat {
		padding-left: 15%;
		padding-right: 15%;
	}
	img.bota {
		display: none;
	}
	.carousel-home.goliat .item {
		width: 100%;
		height: 420px;
	}
	.contenidos {
		background: #fff;
		padding: 15px 20px;
	}
	.contenidos .breadcrumbs .ruta {
		display: none;
	}
}
@media(max-width: 498px) {
	.carousel-home.goliat .captions-goliat {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.presentacion {
	padding: 50px 20%;
	font-size: 20px;
}
.presentacion p {
	font-size: 18px;
	line-height: 26px;
	color: #555;
	font-style: italic;
}
.presentacion h3 {
	color: #026ABF;
	margin: 40px 0 20px 0;
}
.pages-swim {
	position: relative;
}
.pages-swim .surf {
	position: absolute;
	bottom: 0;
	right: 0;
}
.pages-swim .surf {
	max-width: 20%;
}
.pages-swim .surf img {
	width: 100%;
}

@media(max-width:767px) {
	.presentacion {
		padding: 50px 10%;
		font-size: 18px;
	}
	.presentacion p {
		font-size: 16px;
	}
	.pages-swim .surf {
		display: none;
	}
}

#modalVacantes .modal-body h4 {
	font-size: 16px !important;
	margin-bottom: 10px;
	margin-top: 20px;
}
a.botonvacantes {
	display: inline-block;
	padding: 8px 15px;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
	margin-top: 15px;
}