/*!
 * head1
 * Custom CSS
 * @author farodelsur
 * modelo 01
 */


/* HEADER 1 ======================================= */
#head1 {
   background: #FFFFFF;    
   /*  overflow: hidden; */
   text-align: center;
}
#head1 .dropdown { 
   text-align: center; 
}


#head1 #top_menu-xs {
   /*padding-top: 60px;*/
   margin-top: -30px;
}

#head1 #top_logo {
   margin-top: 65px;
}

#head1 .nav {
  padding-left: 0;
  /*top:    65px;  /* ##f308 */
  margin-bottom: -5px;  /* ##f309 */
  list-style: none;
  margin-top: 28px;  /* ##f308  mobile */
}


/* margenes de zona de navegacion */ 
#head1 .navbar { 
   margin-bottom: -10px;     
}  

#head1 #ingreso .nav {
  padding-left: 0;
  margin-top:    0px;
  margin-bottom: 0px;
  list-style: none;
}

/* ##f313 */
#head1 #ingreso .navbar-default, 
#head1 #ingreso .navbar-collapse,
#head1 #ingreso .navbar-default,
#head1 #ingreso .navbar-form { 
   /* border-color: #ffffff; */ 
}      

/* ##f313 */
#head1 a.navbar-brand { 
   /*height: 170px;       /* */
   margin-top: -5px;
}    
 
/* ##f319*/
#head1 .navbar-toggle { 
  margin-right: 14px;
  margin-top: 10px;
  margin-bottom: 0px;
/*
  margin-right: 3px;
  margin-top: -10px;
  margin-bottom: 5px;
*/
}      

#head1 .navbar-default .navbar-collapse,
#head1 .navbar-default .navbar-form {
  /* border-color: #c4c4c400; */  /* ##f320 */
}




/* MEDIA QUERIES ================================================== ##f312 */
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
   /* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
   /* Styles */
}
 
/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 479px) {
   #head1 #top_menu {
      margin-top: 65px;      /**/
   }
}

/* Extra Small Devices, .visible-xs-* */
@media (min-width: 480px) and (max-width: 767px) {
   #head1 #top_menu {
      margin-top: 65px;      /**/
      border-color: #e7e7e7; */
   }
}

/* Small Devices, .visible-SM-* */
@media (min-width: 768px) and (max-width: 991px) {

#head1 #top_menu {
   margin-top: -10px;      /**/
}
   /* Styles */
}

/* Medium Devices, .visible-MD-* */
@media (min-width: 992px) and (max-width: 1199px) {
   #head1 #top_menu {
      margin-top: 0px;      /**/
   }
}

/* Large Devices, .visible-LG-* */
@media (min-width: 1200px) {
   #head1 #top_menu {
      margin-top: 0px;      /**/
   }
}


/* Non mobile devices put in different order */