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


*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
    outline: none;
}

input:focus {outline: none;}
textarea:focus {outline: none;}
select:focus {outline:none;}

body,
html {
  width: 100%;
  height: 100%;
  -webkit-appearance:none;
}
body {
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  overflow-x: hidden;
  font-size: 14px;
 /* margin-top: 95px;*/
}
/*@media (min-width: 768px) {
	body {
		margin-top: 104px;
	}
}
@media (min-width: 992px) {
	body {
		margin-top: 114px;
	}
}
*/

/*@media (min-width: 544px){
  body.menu_empresas {
		margin-top: 90px;
	}
}*/
@media (min-width: 768px) {
	body.menu_empresas {
		margin-top: 174px;
	}
	.fondo_amarillo {
		padding-top: 50px !important;
	}
}
@media (min-width: 992px) {
	body.menu_empresas {
		margin-top: 184px;
	}
	.fondo_amarillo {
		padding-top: 50px !important;
	}
}
@media (min-width: 1199px){
  body.menu_empresas {
		margin-top: 134px;
	}
	.fondo_amarillo {
		padding-top: 50px !important;
	}
}

a {
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
}


h1.titulo, h2, h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 3px;
}

h2 span {
	font-weight: 300;
}

/*
img {
  max-width: 100%;
  height: auto;
}
*/
p {

  line-height: 1.6;
  margin: 0 0 15px;
}

input, .form-control {
	border-color: inherit;
  -webkit-box-shadow: none;
	box-shadow: none;
}




footer.footer {
  color: #717b80;
  background-color: #25292b;
  padding: 30px 30px 0 30px ;
  font-size: 14px;
}
footer.footer a {
  color: #717b80;
}
footer.footer a:hover {
  color: #ffffff;
}
footer.footer p {
	font-size: 11px;
	margin: 5px;
}


/* captcha de google responsive */
@media (max-width: 428px) {
	#rc-imageselect, .g-recaptcha {
		display: inline; 
	}
	
	#rc-imageselect{
		max-width: 100%;
	}
	
	.g-recaptcha>div>div{
		width: 100% !important;
		height: 78px;
		transform:scale(0.87); 
		-webkit-transform:scale(0.87);
		margin-left: -20px;
		position: relative;
	}
}



.section {
  padding: 25px 0px;
}
@media (min-width: 992px) {
	.section {
	  padding: 85px 0px;
	}
}	


@media (min-width: 768px) {
	.centrado_vertical {
		position: relative;
		 top: 50%;
		-webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.oculto { display:none;}

.fondo_blanco { background-color: #fff;}
.fondo_amarillo { background-color: #fffef3;}
.fondo_rosa { background-color: #f4f0f0; }
.fondo_verde { background-color: #a2b4af; }

.sin-margin-bottom { margin-bottom: 0px;}
.sin-margin-left { margin-left: 0px;}
.sin-margin-right { margin-right: 0px;}
.sin-padding-left { padding-left: 0px;}
.sin-padding-right { padding-right: 0px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.padding-right-5 { padding-right: 5px;}
.padding-right-15 { padding-right: 15px;}
.padding-top-40 { padding-top: 40px;}
.padding-top-15 { padding-top: 15px;}
.padding-left-5 { padding-left: 5px;}
.padding-left-15 { padding-left: 15px;}
.padding-left-20 { padding-left: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-left-15 {margin-left: 15px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}

.sin-border-bottom { border-bottom: none !important;}
.sin-letter-spacing { letter-spacing: normal;}

.gris-claro { color: #ccc !important; }
.gris-claro:hover {color: #fff !important;}

#aviso_cookies {
 	position:fixed; 
 	bottom:0px; 
 	z-index:2000; 
 	left:0; 
 	width:100%;  
 	background-color: #ffed5f;
 	color:#000000; 
 	font-size:10px;
}

#aviso_cookies .cerrar {
	float:right; 
	padding-right:20px;
	padding-top:5px;
	font-size:16px;
	font-weigth:bold;
	cursor:pointer;
}

.texto_cookies {
	margin: 0 auto; 
	padding: 1em 1.25em; 
	max-width: 80%;
}

.texto_cookies span {
	font-size:12px;
	line-height:25px;
}	

.texto_cookies a {
	color:#000000;
	font-size:10px;
}

.texto_error {
	color: #A94442;
    font-size: 85%;
}

a.email {
	direction: rtl;
	unicode-bidi: bidi-override;
	color:#066280;
}

a.email span {display: none;}



.btn-petrologis, .btn-petrologis-negro {
	padding: 10px 25px;
	border: none;
	font-size: 14px;
	text-align: center;
	border-radius: 30px;
	letter-spacing: 3px;
}


.btn-petrologis {
	background-color: #ffed5f;
	color: #000;
	border: 1px solid #ffed5f;
}

.btn-petrologis:hover {
	background-color: #000;
	color: #ffed5f;
}


.btn-petrologis-negro {
	background-color: #000000;
	color: #ffed5f;
	border: 1px solid #000000;
}

.btn-petrologis-negro:hover {
	background-color: #ffed5f;
	color: #000000;
}


.seccion-fondo {
	min-height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}
@media (min-width: 768px) {
	.seccion-fondo {
		min-height: 300px;
	}
}

.titular b {
	 letter-spacing: 2px;
}

.lista_guiones li {
	list-style-type: none;
	
	margin-left: -20px !important;
}

.lista_guiones li:before {
	 content: "–";
	  position: absolute;
	  /*change margin to move dash around*/
	  margin-left: -1em;
}

.letra_peque {
	font-size: 11px;
}

/* !---- INICIO ---------------------------------*/



#seccion-instalaciones >  .parallax > .bcg {
	background-image: url("../img/inicio/fondo_mar2.jpg");
	background-attachment: fixed;
}


#seccion-inicio {
	color: #fff;
	min-height: 200px ;
}

@media (min-width: 768px) {
	#seccion-inicio {
		min-height: 450px;
	}
}

#seccion-inicio-localizacion {
	background-image: url("../img/inicio/fondo_localizacion.jpg") ;
}



#seccion-barco {
	background-image: url("../img/inicio/fondo_barco.jpg");
	color: #fff;
}


#seccion-barco .centrado{
	margin-top: 0px;
}
@media (min-width: 768px) {
	#seccion-barco .centrado{
		margin-top: 30px;
	}
}


.fila_sombra {
	-webkit-box-shadow: 0px 0px 31px -7px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 0px 31px -7px rgba(0,0,0,0.43);
	box-shadow: 0px 0px 31px -7px rgba(0,0,0,0.43);
}

#foto-historia {
	background-image: url("../img/inicio/foto_historia.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 380px;
}

#foto-localizacion {
	background-image: url("../img/inicio/foto_mapa.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 25% center;
	min-height: 380px;
}

@media (min-width: 428px) {
	#foto-localizacion {
		background-position: center center;
	}
}



.textos-inicio {
	background-color: #fff;
	padding: 20px 10px;
}
@media (min-width: 428px) {
	.textos-inicio {
		padding: 50px 30px;
	}
}


.textos_slider {
	text-align: right;
	margin-top: 10%;
	position: relative;
	padding-bottom: 20px;
}
@media (min-width: 768px) {
	.textos_slider {
		margin-top: 100%;
	}
}


.textos_slider h1 {
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;
}

@media (min-width: 428px) {
	.textos_slider h1 {
		font-size: 35px;
		line-height: 45px;
	}

}

.h1home{
	font-size: 30px !important;
	font-weight: 600 !important;
	line-height: 40px !important;
	letter-spacing: 3px;
	text-shadow: 5px 5px 10px black;
}

@media (min-width: 428px) {
	.h1home{
		font-size: 45px !important;
		font-weight: 600 !important;
		line-height: 60px !important;
		letter-spacing: 6px;
		text-shadow: 5px 5px 10px black;
	}

}

/* !------  EMPRESA -----------------------------------------------*/

#seccion-empresa1 > .container > .row > div {
	border: 10px solid #cbd6d3;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 10px;
}

@media (min-width: 428px) {
	#seccion-empresa1 > .container > .row > div {
		padding: 50px 30px;
	}
}


#seccion-empresa1 {
	background-image: url("../img/empresa/fondo_empresa1.jpg") ;
}


/*
#seccion-empresa2 .media .media-left {
	max-width: 100px;
}
*/


#seccion-empresa3  .fila_sombra > div  {
	padding-left: 0px;
	padding-right: 0px;
	
}

#foto-mision, #foto-vision {
	background-image: url("../img/empresa/fondo_empresa2.jpg") ;
	height: 180px;
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

#foto-vision {
	background-image: url("../img/empresa/fondo_empresa3d.jpg") ;
	background-position: center center;
}


#foto-valores {
	background-image: url("../img/empresa/fondo_empresa4.jpg") ;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 180px;
}
@media (min-width: 768px) {
	#foto-valores {
		height: 300px;
	}
}	

.ico_valores {
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}
@media (min-width: 768px) {
	.ico_valores {
		text-align: left;
	}
}

.ico_valores h3{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	word-wrap: break-word; 
	word-break: normal;
	
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
	
}

@media (min-width: 768px) {
	.ico_valores h3{
		text-align: left;
	}
}


/* !------  LOCALIZACIÓN ----------------------------------------*/

.margen_superior {
	padding-top: 100px;
}
@media (min-width: 768px) {
	.margen_superior {
		padding-top: 300px;
	}	
}


#seccion-localizacion1 {
	background-image: url("../img/localizacion/fondo_localizacion1.jpg") ;
}

#foto-localizacion1 {
	background-image: url("../img/localizacion/foto_localizacion1.jpg") ;
}


#seccion-localizacion2 {
	background-image: url("../img/inicio/fondo_localizacion.jpg") ;
	padding-top: 80px;
}

#seccion-localizacion2 h2 {
	padding-top: 50px;
}

#seccion-localizacion3 {
	background-image: url("../img/localizacion/fondo_localizacion2.jpg") ;
}

#seccion-localizacion3 h2 {
	padding-top: 20px;
	padding-bottom: 40px;
}
@media (min-width: 428px) {
	#seccion-localizacion3 h2 {
		padding-top: 40px;
		padding-bottom: 50px;
	}
}



#seccion-localizacion3 hr {
	color: #cbd6d3;
    background-color: #cbd6d3;
    height: 2px;
	
}

#seccion-localizacion3 .textos-inicio {
	background-color: #fff;
	padding: 10px 15px;
}
@media (min-width: 428px) {
	#seccion-localizacion3 .textos-inicio {
		padding: 10px 50px;
	}
}

#caracteristicas-puerto p {
	font-size: 13px;
	margin-top: 20px;
}

.detalle_muelles {
	font-size: 13px;
	letter-spacing: 1px;
}


/* !------ INSTALACIONES ------------------------*/

#seccion-instalaciones1 {
	background-image: url("../img/instalaciones/fondo-instalaciones1b.jpg") ;
}

#caracteristicas-tecnicas {
	margin-top: 50px;
}

#caracteristicas-tecnicas p {
	font-size: 13px;
	margin-top: 15px;
}

#seccion-instalaciones3 {
	background-image: url("../img/instalaciones/fondo-instalaciones2.jpg") ;
}



#foto-instalaciones3 {
	background-image: url("../img/instalaciones/foto-instalaciones3.jpg") ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 75% center;
	height: 180px;
}

@media (min-width: 428px) {
	#foto-instalaciones3 {
		background-position: center center;
	}
}

#seccion-instalaciones3 ul li {
	margin-bottom: 10px;
}

.margen-fila-instalaciones {
	padding: 30px 10px 20px;
}
@media (min-width: 768px) {
	.margen-fila-instalaciones {
		padding: 50px 70px 20px;
	}
}



#tabla_capacidades, #tabla_capacidades td, #tabla_capacidades thead, #tabla_capacidades th, #instalaciones-tablas .stacktable, #instalaciones-tablas .stacktable td {
	border: 1px solid #000;
	
}

#tabla_capacidades {
	margin-bottom: 0px;
}

#tabla_capacidades th {
	text-align: center;
}

#tabla_capacidades tbody td { 
    text-align: center;
}

#tabla_capacidades tbody td:first-child {
    text-align: left;
}

#instalaciones-tablas .stacktable .st-key {
	width: 50%;
	font-weight: bold;
}


#tabla_tanques, #tabla_tanques th, .tabla_formateada,  .tabla_formateada th{
	background-color: #e5eae9;
	border: 1px solid #a2b4af;
	text-align: center;
	font-weight: 400;
}

#tabla_tanques {
	background-color: #fff;
}

#tabla_tanques td {
	border: 1px solid #fff;
	border-left: 1px solid #a2b4af;
	border-right: 1px solid #a2b4af;
}

.tabla_formateada td {
	text-align: left;
	border: 1px solid #a2b4af;
	background-color: #fff;
}	


#tabla_tanques tr:last-child td {
	border-bottom: 1px solid #a2b4af;
}


#tabla_tanques th, #contenedor_tabla_tanques .stacktable .st-key {
	color: #757677;
	padding: 15px;
	vertical-align: middle;
	background-color: #e5eae9;
}	

#tabla_tanques.table-hover>tbody>tr:hover {
	background-color:#ffeb63;
	cursor: pointer;
}

#contenedor_tabla_tanques .stacktable .st-key {
	text-align: left;
	width: 60%;
}	

.circulo-tanque {
	fill:rgba(255,235,90,0.0);
	cursor: pointer;
	stroke:rgb(162,180,175);
	stroke-width:2;
	
}
.circulo-tanque:hover, .circulo-tanque.seleccionado {
	fill:rgba(255,235,90,0.5);
	stroke:rgb(162,180,175);
	stroke-width:2;
}

#descripcion-tanques>div {
	background-color: #e5eae9;
	border: 1px solid #a2b4af;
	padding: 15px 15px 20px;
	max-width: 300px;
	margin-top: -5px;
	
}

#descripcion-tanques>div {
	background-color: #e5eae9;
	border: 1px solid #a2b4af;
	padding: 10px;
	max-width: none;
	margin-top: -5px;
}

/*@media (min-width: 768px) {
	#descripcion-tanques>div {
		max-width: 300px;
	}
}
*/
#descripcion-tanques>div b {
	color: #757677;
	font-weight: 400;
}
#descripcion-tanques>div p {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.circulo-linea {
	stroke:rgb(162,180,175);
	stroke-width:2;
	display: none;
}

/*
#panel-tanque1, #panel-tanque2, #panel-tanque3, #panel-tanque4, #panel-tanque5, #panel-tanque6, #panel-tanque7 {
	margin-left: auto;
}
@media (min-width: 768px) {
	#panel-tanque1 {
		margin-left: 23%;
	}
}
@media (min-width: 768px) {
	#panel-tanque2 {
		margin-left: 35%;
	}
}
@media (min-width: 768px) {
	#panel-tanque3 {
		margin-left: 40%;
	}
}
@media (min-width: 768px) {
	#panel-tanque4 {
		margin-left: 45%;
	}
}
	
@media (min-width: 768px) {
	#panel-tanque5 {
		margin-left: 55%;
	}
}	

@media (min-width: 768px) {
	#panel-tanque6 {
		margin-left: 30%;
	}
}	

@media (min-width: 768px) {
	#panel-tanque7 {
		margin-left: 45%;
	}
}*/
	

/* !------  CONTACTO -----------------------------------------------*/
#seccion-contacto1 {
	background-image: url("../img/contacto/fondo-contacto1.jpg") ;
}

#form-contacto .form-group {
	margin-left: 0px;
	margin-right: 0px;
}

#form-contacto input, #form-contacto textarea {
	border: 1px solid #a2b4af;
}

#form-contacto .form-group.has-error input, #form-contacto .form-group.has-error textarea {
	border: 1px solid #a94442;
}

#label_acepto {
	font-weight: 400;
}

#label_acepto input {
	margin-right: 5px;
	
}

#label_acepto a {
	font-weight: bold;
	color:#a2b4af;
}

#label_acepto a:hover {
	color:#066280;
}

/* !------  REGISTRO -----------------------------------------------*/
#seccion-registro1 {
	background-image: url("../img/registro/fondo-registro1.jpg") ;
}

#form-registro .form-group {
	margin-left: 0px;
	margin-right: 0px;
}

/* !------  MAPA -----------------------------------------------*/

#map {
  background-color: #ffffff;
}
#map #google-container {
  position: relative;
  width: 100%;
  height: 500px;
  border-top: 4px solid #ffed5f;
}



/*  !-------- NAVBAR  ---------------------------------------------------*/

.navbar.navbar-fixed-top {
 
  margin: 0;
  border: 0;
  min-height: 110px;
  background-color: #fff;
 /* padding-top: 20px;*/
  padding-top: 0px;
 /* height: 90px;*/
  
  
  -webkit-box-shadow: inset 0px -12px 16px -17px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px -12px 16px -17px rgba(0,0,0,0.25);
box-shadow: inset 0px -12px 16px -17px rgba(0,0,0,0.25);
  
}
@media (min-width: 768px) {
  .navbar.navbar-fixed-top {
    -webkit-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
    transition: background 0.2s ease-in-out, padding 0.3s ease-in-out; 
    /*padding-top: 25px;*/
   /* min-height: 124px;
  }
}

@media (min-width: 992px) {
  .navbar.navbar-fixed-top {
        /* min-height: 124px;
        padding-top: 35px; */
        min-height: 134px;
  }
}
@media (min-width: 768px) {
  .navbar.navbar-fixed-top.menu_empresas {
    -webkit-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, padding 0.3s ease-in-out;
    transition: background 0.2s ease-in-out, padding 0.3s ease-in-out; 
    /*padding-top: 25px;*/
    min-height: 174px;
  }
}

@media (min-width: 992px){
  .navbar.navbar-fixed-top.menu_empresas {
        /* min-height: 124px;
        padding-top: 35px; */
        min-height: 184px;
  }
}

@media (min-width: 1199px){
  .navbar.navbar-fixed-top.menu_empresas {
        /* min-height: 124px;
        padding-top: 35px; */
        min-height: 134px;
  }
}

.navbar.navbar-fixed-top .navbar-brand  {
	   padding-top: 0px;
	   padding-right: 8px;
	   padding-left: 8px;
	   -webkit-transition: none;
    -moz-transition: none;
    transition:none;
}
@media (min-width: 428px) {
	.navbar.navbar-fixed-top.menu_empresas {
        /* min-height: 124px;
        padding-top: 35px; */
        max-height: auto;
	}
}

/*@media (max-width: 991px){
	.menu_seleccionado {
	   background-color: #ffeb63 !important;    
	}
}
*/


@media (min-width: 768px) and (max-width: 991px) {
	.navbar.navbar-fixed-top .navbar-brand  {
		max-width: 170px !important;
		padding-top: 10px;
	}
}

@media (min-width: 992px) {
	.navbar.navbar-fixed-top .navbar-brand  {
	  /* padding-top: 15px; */
	  padding-top: 5px;
	   padding-left: 0px;
	   
	}
}


.navbar.navbar-fixed-top .navbar-toggle {
  margin-top: 0px;
  background-color: #25292b;
  color: #fff;
  margin-top: 10px;
  padding: 9px 9px;
}

.navbar.navbar-fixed-top .navbar-toggle:hover {
  background-color: #ffeb63;
}


.navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar.navbar-fixed-top .navbar-toggle:hover .icon-bar{
  background-color: #000000;
}


.navbar.navbar-fixed-top .navbar-nav {
	border-bottom: 1px solid #a2b4af;
	margin: 7.5px -15px 0px;
}

.navbar.navbar-fixed-top .navbar-nav,
.navbar.navbar-fixed-top .navbar-collapse.in .navbar-nav { 
	padding-top: 11px;
	background-color: #fff; 
	
}
@media (min-width: 768px) {
	.navbar.navbar-fixed-top .navbar-nav,
	.navbar.navbar-fixed-top .navbar-collapse.in .navbar-nav {
		background-color: transparent;
		border-bottom: none;
		
	}
}
@media (min-width: 992px) {
	.navbar.navbar-fixed-top .navbar-nav,
	.navbar.navbar-fixed-top .navbar-collapse.in .navbar-nav {
		padding-top: 15px;
	}
}

/*
@media (min-width: 768px) {
	.navbar.navbar-fixed-top.menu_empresas .navbar-nav,
	.navbar.navbar-fixed-top.menu_empresas .navbar-collapse.in .navbar-nav {
		background-color: transparent;
		border-bottom: none;
		border-top: none;
		margin-right: 15px !important;
	}
}
@media (min-width: 992px) {
	.navbar.navbar-fixed-top.menu_empresas .navbar-nav,
	.navbar.navbar-fixed-top.menu_empresas .navbar-collapse.in .navbar-nav {
		padding-top: 15px;
		margin-right: 65px !important;
	}
}
*/
.navbar.navbar-fixed-top .navbar-nav > li > a{
  color: #000000;
  font-weight: 400;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
}

@media (min-width: 768px) and (max-width: 991px) {
/*	.navbar.navbar-fixed-top .navbar-nav > li > a {
	  font-size: 12px;
	  letter-spacing: 2px;
	} */
}



@media (min-width: 992px) {
  .navbar.navbar-fixed-top .navbar-nav > li > a {
    height: 64px;
    line-height: 50px;
   /* padding-top: 0px;
    padding-bottom: 0px;
   
   padding: 0px 25px ;*/
   padding: 0px 20px ;
  }
}

@media (min-width: 1200px) {
  .navbar.navbar-fixed-top .navbar-nav > li > a {
      padding: 0px 25px ;
  }
}




/*.navbar.navbar-fixed-top .navbar-nav > li > a:hover > span,
.navbar.navbar-fixed-top .navbar-nav > li.active > a > span{*/
.navbar.navbar-fixed-top .navbar-nav > li > a:hover ,
.navbar.navbar-fixed-top .navbar-nav > li.active > a,
.menu_seleccionado {
   border: none;
   background-color: #ffeb63;
    
}
@media (min-width: 768px) {
	.navbar.navbar-fixed-top .navbar-nav > li > a:hover ,
	.navbar.navbar-fixed-top .navbar-nav > li.active > a,
	.menu_seleccionado {
		background-color: #fff;
	    border-color: #ffeb63 !important;
	    border-width: 0 0 15px;
	    border-style: solid;
	}
}

.nav>li>a:hover {
	background-color: #fff;
}

.navbar-collapse.in ul {
	border-top: 1px solid #e1e4e5;
}
@media (min-width: 768px) {
 	.navbar-collapse.in ul {
		border-top: none;
	}
}


.modal-header {
	background-color: #25292b;
	color: #ffd900;
}

.modal-header .close{
	color: #ffd900;
}


#barra_superior {
	background-color: #25292b;
	height: 30px;
	color: #717b80;
	font-size: 12px;
	line-height: 27px;
}


#barra_superior a, #barra_superior .cursor  {
	color: #717b80;
	cursor: pointer;
}

#barra_superior a:hover, #barra_superior .cursor:hover {
	color: #ffffff;
}


#navigation >.container {
	margin-top: 18px;
}
@media (min-width: 992px) {
	#navigation >.container {
		margin-top: 25px;
	}
}

.menu-fijo {
	position: fixed;
	z-index: 10;
	background-color:#ffffff;
	width: 100%;
}

.con-padding-50 {
	padding-top: 50px;
}

.con-padding-100 {
	padding-top: 100px;
}

.submenu_empresas {
	padding-top: 10px;
	font-size: 12px;
	width: 100%;
}

/*.submenu_empresas > li, .submenu_empresas > li> a { */
.submenu_empresas > li {
	width: 15%;
	text-align: center;
	background-color: #000;
	color: #ffeb63;
	padding: 5px;
	font-size: 12px;
}

@media (min-width: 768px) {
	.submenu_empresas > li {
		width: 13%;
		padding: 5px 3px;
	}
}		

@media (min-width: 992px) {
	.submenu_empresas > li {
		width: 13.8%;
		padding: 5px;
	}
}		

@media (min-width: 1200px) {
	.submenu_empresas > li {
		width: 14%;
		padding: 5px;
		font-size: 12px;
	}
}	


/*.submenu_empresas > li.submenu_seleccionado, .submenu_empresas > li.submenu_seleccionado > a, .submenu_empresas > li:hover  { */
.submenu_empresas > li.submenu_seleccionado, .submenu_empresas > li:hover  {
	color: #000;
	background-color: #ffeb63;
}

.submenu_empresas > li > a {
	color: #ffeb63;
}

.submenu_empresas > li > a.disabled {
	 color: gray !important;
	 pointer-events: none;
}


.submenu_empresas > li.submenu_seleccionado > a, .submenu_empresas > li:hover >a {
 	color: #000;
}


.submenu_empresas > li > a .fa {
	padding-right: 5px;
}

.submenu_empresas .btn {
	vertical-align: baseline;
	padding: 0px;
	font-size: 12px;
}


#contenedor_menu_empresas {
	border-bottom: 2px solid #ffeb63;
}

.dropdown-menu, dropdown {
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
    
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover 
{
 text-decoration: none;
 background-color:#ffeb63 !important;
 box-shadow: none !important;
}

.submenu {
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
   /*max-height: 500px !important;*/
   max-height: none;
}



.submenu_seleccionado {
   border: none;
   background-color: #ffeb63;
}


.formulario_espaciado_10 .form-group {
	margin-bottom: 10px;
}


/* MENSAJE ERROR CAPTCHA */
.rojo {
	color:#fa0404 !important;
} 


/* TABLA RESPONSIVE */

	table#tabla_empleados {
     border-collapse: collapse;
     text-rendering: optimizeLegibility;
     width: 100%;
}

table#tabla_empleados thead th { font-weight: 600; }

table#tabla_empleados thead th, table#cookies tbody td { padding: .8rem; vertical-align: top;}

table#tabla_empleados thead th { border-bottom: 1px solid #000000; border-top: 1px solid #000000; }

table#tabla_empleados tbody td {
     padding: .8rem;
     font-size: 1.4rem;
}

table#tabla_empleados tbody td:first-child {
     text-align: left;
}


table#tabla_empleados tbody tr {
border-bottom: 1px solid #000000;
}
/*

@media (max-width: 767px) {

	table#tabla_empleados thead { display: none; }
	
	table#tabla_empleados tbody td { display: block; padding: .6rem; text-align: left;}
	
	table#tabla_empleados tbody td:before {
	content: attr(data-th);
	font-weight: bold;
	display: inline-block;

	width: 100px;
	padding-right: 10px;
	}

} */


@media only screen and (max-width: 767px) {
	
	/* Force table to not be like tables anymore */
	#tabla_empleados table, 
	#tabla_empleados thead, 
	#tabla_empleados tbody, 
	#tabla_empleados th, 
	#tabla_empleados td, 
	#tabla_empleados tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#tabla_empleados thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	/*#tabla_empleados tr { border: 1px solid #ccc; } */
 
	#tabla_empleados td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		display: block;
	}
 
	#tabla_empleados td:before { 
		/* Now like a table header */
		
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		display: block;
	}
 
	/*
	Label the data
	*/
	#tabla_empleados td:before { content: attr(data-title);  }
}



/*  !-------- DOCUMENTOS  ---------------------------------------------------*/

.panel_documentos .fa-ul {
	margin-left: 1.54285714em;
}

.panel_documentos h4 .fa-li {
	top: 0;
}



#leyenda_documentos .panel-heading {
	border: none;
	padding-top: 15px;
}

	
/* ------------ OTROS ------------------------------------------------------ */

.negro {
	color: #000000;
}

.verde {
	color: #51A351;
}

.amarillo {
	color: #ffd900;
}

.naranja {
	color: #F89406;
}

.azul {
	color: #0088CC;
}

.gris {
	color: grey;
}

.cursor,
.cursor_modal {
	cursor: pointer;
}

.img_listado_empleados{
	max-width: 100px;
}

.contenido_listado_empleados{
	vertical-align: top;
}

#body_verificacion {
	margin-top: 0px !important;
}

#body_verificacion>section {
	margin-top: 150px;
}



.vbox_abajo {
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 40px;
	overflow: hidden;
	position: fixed;
	display: none;
	left: 0;
	z-index: 1050;
	bottom: 0px;
	color: rgb(210, 210, 210);
	background-color: rgb(22, 22, 23);
	display: block;
}

.centrar-top {
	vertical-align: top;
	padding-top: 11px;
}

.redondeado {
	border-radius: 5px !important;
}

.checkbox-resumen {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: -100px 4px 0px 0px !important;
  vertical-align: baseline;
}

.aligncenter{
	text-align: center;
}

.logo-gobcan{
	width: 230px;
}