/*
    Theme Name: Sitio_theme
    Theme URI: http://www.farodelsur.com.ar
    Author: @claudiodesiervi
    Version: 1.0
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Updated Date:  dic/2017
*/
/* ----  [ INICIO PERSONALIZACION ]----------farodelsur------------------------*/
/*
   Colores base a considerar en el Sitio
   background-color: #feed01       background|normal
   background-color: #fffc4a       backgound|hover
*/

/* -- BOTON PRIMARY configuracion y colores  ----------------------  */
 /* propuesto inicio ##f203:feed01, fin ##f204:fffc4a, borde ##f205:c4b926*/
.btn-primary {
  background-image: -webkit-linear-gradient(top, #feed01 0%, #fffc4a 100%);
  background-image: linear-gradient(to bottom, #feed01 0%, #fffc4a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffeed01', endColorstr='#fffffc4a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #feed01;
   color: #000000;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #fffc4a;
  background-position: 0 -15px;
  border-color: #feed01;
  color: #000000;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #fffc4a;
  border-color: #feed01;
  color: #000000;
}

/* PERSONALIZACION #2 */
/* propuesto ##f204:fffc4a   */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {

  background-image: -webkit-linear-gradient(top, #fffc4a 0%, #fffc4a 100%);
  background-image: linear-gradient(to bottom, #fffc4a 0%, #fffc4a 100%);
  background-repeat: repeat-x;
  background-color: #fffc4a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffeed01', endColorstr='#fffffc4a', GradientType=0);
}

/* ---MENU NAVEGACION ----------------------------------------------------- */
.navbar-default {                   /* ##f306 */
  background-color: #cccccc;
  border-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #cccccc 0%, #cccccc 100%);
  /*
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  */
}

/* Padding para hacerlo mas comprimido/expandido ##f327 */
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 10px;
}
/* Espacio entre celdas del menú ##f316 */
.nav-pills > li {
    padding:2px;
}

/* MENU PASIVO | normal y hover/focus ------ */
.nav-pills > li > a {
    border-radius: 4px;
    color:#ffffff;  /* ##f304 */
   background-color: #494949;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    color:#fffffff;
   background-color: #000000;  /* ##f317 */
}
/* MENU ACTIVO | normal y hover/focus ----- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #000000;
  background-color: #feed01;  /* ##f302-1 */
}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #000000;
  background-color: #fffc4a;  /* ##f302-2 */
  border-color: #feed01;
}


/* -- DROPDOWN | CELDA PRINCIPAL ----------------------------------- */
/* NORMAL | fondo celda normal  */
.nav-pills > li + li.dropdown {
    padding: 10px 10px;
}

/* NORMAL | fondo celda normal hover/focus */
.nav-pills > li + li.dropdown:hover,
.nav-pills > li + li.dropdown:focus {
  background-color: #e0e0e0;
    border-radius: 4px;
    padding: 10px 10px;
}
/* NORMAL | color texto normal hover/focus */
.nav-pills > li + li.dropdown a:hover,
.nav-pills > li + li.dropdown a:focus {
  color: #000000;
}

/* ACTIVA | fondo celda normal */
.nav-pills > li + li.active.dropdown {
  background-color: #;
  border-radius: 4px;
}
/* ACTIVA | texto y fondo normal  ##f302-1 */
.nav-pills > li + li.active.dropdown a {
  color: #;
}
/* ACTIVA | texto y fondo hover/focus */
.nav-pills > li + li.active.dropdown:hover,
.nav-pills > li + li.active.dropdown:focus {
  background-color: #;
  border-color: #;
  color: #;
}

/* NO ACTIVO | menu con dropdown con menu abierto */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  color: #;
  background-color: #;
}
/* ACTIVO */
 .nav li.active .open > a,
 .nav li.active .open > a:hover,
 .nav li.active .open > a:focus {
  color: #;
  background-color: #;
}


/* DROPDOWN | CELDAS SUBMENU  ----------------------------- */
/* menu desplegado NO ACTIVO | normal */
.nav-pills            .dropdown-menu > li a,
.nav-pills            .dropdown-menu > li a:hover,
.nav-pills            .dropdown-menu > li a:focus,
.nav-pills  li.active .dropdown-menu > li a,
.nav-pills  li.active .dropdown-menu > li a:hover,
.nav-pills  li.active .dropdown-menu > li a:focus  {
  color: #;
  background-color: #;
}
/* menu desplegado NO ACTIVO | hover/focus */
.nav-pills            .dropdown-menu > li a:hover,
.nav-pills            .dropdown-menu > li a:focus,
.nav-pills  li.active .dropdown-menu > li a:hover,
.nav-pills  li.active .dropdown-menu > li a:focus  {
  color: #;
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
   background-repeat: repeat-x;
  background-color: #;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
}

/* menu desplegado ACTIVO --------- */
/* menu desplegado ACTIVO | normal  */
.nav-pills > li + li.active.dropdown ul li.active a,
.nav-pills > li + li.active.dropdown ul li.active a:hover,
.nav-pills > li + li.active.dropdown ul li.active a:focus {
  color: #;
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
   background-repeat: repeat-x;
  background-color: #;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
}
/* menu desplegado ACTIVO | hover  */
.nav-pills > li + li.active.dropdown ul li.active a:hover,
.nav-pills > li + li.active.dropdown ul li.active a:focus {
  color: #;
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
   background-repeat: repeat-x;
  background-color: #;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
}


/* bloque menu desplegado respecto de menu principal */
.nav-justified > .dropdown .dropdown-menu {
  top: 2.5em;
  left: auto;
}
/* ----  [ FIN PERSONALIZACION  MENU PRINCIPAL]----------farodelsur------------------------*/

/* ----  [ PERSONALIZACION  MENU SECUNDARIO]----------farodelsur------------------------*/
/* [FOOT1]  MENU EXPANDIDO */
/*#foot1 ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu.exp {*/
#foot1 ul.dropdown-menu.exp {
   display: block;
   background-color: #;
   padding: 0 0;
   box-shadow: none;
   border: none;
   position: relative;
   min-width: 0px;
   text-transform: lowercase;
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
   color: #;
   white-space: nowrap;
   margin: -15px -6px 0 -15px;
}

#foot1 ul.dropdown-menu.exp > li a,
#foot1 ul.dropdown-menu.exp > li a:hover,
#foot1 ul.dropdown-menu.exp > li a:focus {
   padding: 0px 14px;
   background-color: #;
}

#foot1 ul.dropdown-menu.exp > li.active > a {
   font-weight: bold;
   color: #;
   background-color: #;
}
/* [FOOT1] MENU INFERIOR | texto normal */
/* MENU INFERIOR | texto normal ##f324 */
#foot1 .nav > li > a,
#foot1 .nav > li > a:hover,
#foot1 .nav > li > a:focus,
#foot1 .nav > li.dropdown  a,
#foot1 .nav > li.dropdown  a:hover,
#foot1 .nav > li.dropdown  a:focus  {
   color: #;
   /*padding: 10px 10px; */
   background-color: #;
}
#foot1 .nav > li > a:hover,
#foot1 .nav > li > a:focus,
#foot1 .nav > li.dropdown  a:hover,
#foot1 .nav > li.dropdown  a:focus {
   font-weight: bold;
   color: #;
}

/* [FOOT1] MENU INFERIOR | activo */
/* MENU INFERIOR | ACTIVO */
#foot1 .nav > li.active > a,
#foot1 .nav > li.active.dropdown a  {
   font-weight: bold;
   background-color: #;
   color: #;
}

/* [FOOT1] MENU INFERIOR | dropdown activo */
/* modifica el background del submenu 2do nivel */
#foot1 .dropdown-menu > .active > a,
#foot1 .dropdown-menu > .active > a:hover,
#foot1 .dropdown-menu > .active > a:focus,
#foot1 .dropdown-menu > li > a,
#foot1 .dropdown-menu > li > a:hover,
#foot1 .dropdown-menu > li > a:focus {
   font-weight: bold;
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
  background-repeat: repeat-x;
   background-color: #;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
}

/* SUBMENU modifica submenu 2do nivel ##f325 */
#foot1 li.dropdown .dropdown-menu > li > a,
#foot1 li.dropdown .dropdown-menu > li > a:hover,
#foot1 li.dropdown .dropdown-menu > li > a:focus,
#foot1 li.active.dropdown .dropdown-menu > li > a,
#foot1 li.active.dropdown .dropdown-menu > li > a:hover,
#foot1 li.active.dropdown .dropdown-menu > li > a:focus {
   font-weight: normal;
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
  background-repeat: repeat-x;
   background-color: #;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
   color: #;
}

#foot1 li.dropdown .dropdown-menu > li > a:hover,
#foot1 li.dropdown .dropdown-menu > li > a:focus,
#foot1 li.active.dropdown .dropdown-menu > li > a:hover,
#foot1 li.active.dropdown .dropdown-menu > li > a:focus {
   font-weight: bold;
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
  background-repeat: repeat-x;
   background-color: #;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
   color: #;
}

#foot1 li.active.dropdown .dropdown-menu > li.active > a,
#foot1 li.active.dropdown .dropdown-menu > li.active > a:hover,
#foot1 li.active.dropdown .dropdown-menu > li.active > a:focus {
   font-weight: bold;
   background-color: #;
   color: #;
}

#foot1 li.active.dropdown .dropdown-menu > li.active > a:hover,
#foot1 li.active.dropdown .dropdown-menu > li.active > a:focus {
  background-image: -webkit-linear-gradient(top, # 0%, # 100%);
  background-image: linear-gradient(to bottom, # 0%, # 100%);
  background-repeat: repeat-x;
   background-color: #;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff', endColorstr='#ff', GradientType=0);
   color: #;
}



/* -- BOTON PRIMARY_ Boton alternativo  ----------------------  */
.btn- {
  background-image: -webkit-linear-gradient(top, #494949 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #494949 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff000000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #494949;
   color: #000000;
}
.btn-:hover,
.btn-:focus {
  background-color: #000000;
  background-position: 0 -15px;
  border-color: #494949;
  color: #000000;
}
.btn-:active,
.btn-.active {
  background-color: #fffc4a;
  border-color: #feed01;
  color: #000000;
}
/* ----  [ FIN PERSONALIZACION  MENU PRINCIPAL]----------farodelsur------------------------*/