/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */


.clearfix {
  *zoom: 1;
}


th.cmk-viewline {
  display: none;
  color: #fff;
}

td.cmk-viewline {
  display: none;
  color: #fff;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}


.nav-tabs {
    box-shadow: none;
    display: block;
    /*width: 101%;*/
    margin-left: 0;
    border-bottom:1px solid #dfdfdf;
}
  
.form-actions button {
    text-align: left;
    border-bottom:1px solid #dfdfdf;
 }
  
/* Responsive nav-tabs */ 
.nav-tabs > li > a {
  width: auto;
  height: auto;
  min-width: 80px;
  padding: 11px 21px;
}
  

#notifications-list { margin-left: 21px; }
/*#notifications  { margin-left: 10%; padding: 0px;}
#delivery       { margin-left: 10%; padding: 0px;}
*/
#more           { margin-left: 10%; padding: 0px;}

.form-horizontal .control-group {
  margin-bottom: 10px;
  *zoom: 1;
}
.without-helper{margin-left: 290px !important;}

/***** MEDIA MIN 1024px******/
/************ PC ************/


@media screen and (min-width: 1024px) {
  
	h2 {font-size: 1.2em; padding-left: 0.5em; padding-right: 0.5em; height: 50px; letter-spacing: 1px;}
	.navbar .nav.pull-right { float: right;}
	.navbar-infoserver { float: right;}
	.nav { margin-bottom: 0;}
	.tab-content {margin-top:15px;}
	table {width: 100%;}
	.hide-mobile {display:inherit;}
	.force-show-mobile {display:none !important;}
}

/********   MEDIA MIN 768px and MAX 1024px *******/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	#cssmenu li{ min-width: 45px;}
	.navbar .brand { padding: 10px 0;}
	ul.navbar-infoserver {float: left; display: inline-block; margin-left: 10px;}
	.navbar-infoserver li {padding:15px 3px !important;}
	h2 {font-size: 1.0em; padding-left: 0.5em; padding-right: 0.5em; height: 50px; letter-spacing: 1px;}
	.pull-right { float: none;}
	.navbar .nav.pull-right img { max-width: 45px; min-height: 20px; opacity: 1;}
	.nav { margin-bottom: 0;}
	.tab-content {margin-top:15px;}
	table {width: 100%;}
	.hide-mobile {display:inherit;}
	.force-show-mobile {display:none !important;}
}


/********   MEDIA MAX 768px *******/
@media screen and (max-width: 768px){
	.hide-mobile {display:inherit;}
	.carousel-inner {
    	width: 88%;
    	margin-left: 3%;
    	margin-right: 8%;
	}
	.form-horizontal .control-label {text-align:left !important;}
	input.span5, textarea.span5, .uneditable-input.span5,  select.span5{
    	width: 200px;
	}

	/*.navbar-infoserver li {padding: 3px;}*/
	.navbar-infoserver li {padding:5px 3px;}
	#cssmenu li{ min-width: 40px;}
	.navbar .brand { padding-left: 20px;padding-right:0;}
	.hide-mobile {display:inherit;}

	ul.navbar-infoserver {float: right; /*display: inline-block;*/ margin-right: 5px;}
	h2 {font-size: 1.0em; padding-left: 0.5em; padding-right: 0.5em; height: 50px; letter-spacing: 1px;}
	.pull-right { float: none;}
	.navbar .nav.pull-right img { max-width: 40px; min-height: 20px; opacity: 1;}
	.nav { margin-bottom: 0;}
	.tab-content {margin-top:15px;}
	table {width: 80%;}
}

/*** OCULTAR TOOLTIP*/
@media screen and (min-width: 120px) and (max-width: 1024px) {
	.cmk-wrapper, .cmk-wrapper-lista{   display: none; visibility: hidden; }
}



/********   MEDIA MIN 320px  M�VILES, MOBILE *******/
@media screen and (min-width: 480px) and (max-width: 720px) {
	.force-show-mobile {display:inherit !important;}
	.hide-mobile {display:inherit;}
  #cssmenu {float: right;}
  ul.navbar-infoserver {font-size: 12px; margin-left: 0px; display:none;}
  .navbar-inner{padding-right:5px;padding-left:5px;}
  #cssmenu li{ min-width: 35px;}
  .navbar .nav.pull-right img { max-width: 35px; min-height: 20px; opacity: 1;}
} 


/***** loren solo menu*******************/
@media screen and (min-width: 321px) and (max-width: 480px) {
	.force-show-mobile {display:inherit !important;}
	.hide-mobile {display:none !important;}
	#cssmenu li{ min-width: 35px !important;}
	.navbar .nav.pull-right img { max-width: 35px !important; min-height: 20px; opacity: 1;}
}



/********   MEDIA MIN 320px  M�VILES, MOBILE *******/
@media screen and (min-width: 280px) and (max-width: 480px) {
	.hide-mobile {display:none !important;}
	.container {min-height: 568px;}
	.carousel-inner {height: inherit;}
	.form-horizontal .control-label { width: 90%;}
	.form-horizontal .controls {margin-left: 10px; float: none; width: auto; margin-right:10px; min-width: 0}
	.form-horizontal .btn-responsive{padding-left:5px;padding-right:5px;min-width: 28px;} 
	.input-append {width:100%}
	input.span5, textarea.span5, .uneditable-input.span5, select.span5 {width: 95%;}
	.input-append input.span5, .input-append textarea.span5, .input-append .uneditable-input.span5, .input-append select.span5 {max-width:45%;margin-left:0;margin-right:0}
	input.span5, textarea.span5, .uneditable-input.span5, select.span5 {margin-left:0;margin-right:0}
	.box-counter{width: auto;margin-left: 0; margin-right: 0;}
	#messages, #delivery, #notifications {width: 100%;}
	.bfh-selectbox > .bfh-selectbox-toggle {width: 95% !important;}
	.bfh-selectbox {width: 95% !important;}
			
	.control-label-responsive-check {width: 53% !important;}
	.form-actions{position: absolute;left: 20px;}
	/*.without-helper{position: absolute;left: 20px;}*/
	.tab-envio {min-height: 0 !important;}

	#cssmenu li{ min-width: 30px;}
	#cssmenu .has-sub ul {left: -50px !important;}
	.navbar .nav.pull-right img { max-width: 30px; min-height: 20px; opacity: 1;}
	#cssmenu {float: right;}
	.navbar-inner{padding-right:5px;padding-left:5px;}
	.without-helper{margin-left: 10px !important;}
	
	.nav-pills > li {width: 100%;}
	
	#envios-home {padding-left: 10px; padding-right: 10px;padding-bottom: 40px;}
	.modal {
  		position: fixed;
  		top: 10%;
  		left: 2%;
  	 	 width: 95%;
  		margin-left: 0px;
  		background-color: #ffffff;
		  border: 1px solid #999;
		  border: 1px solid rgba(0, 0, 0, 0.3);
		  *border: 1px solid #999;
		  -webkit-border-radius: 6px;
		     -moz-border-radius: 6px;
		          border-radius: 6px;
		  outline: none;
		  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		  -webkit-background-clip: padding-box;
		     -moz-background-clip: padding-box;
		          background-clip: padding-box;
	}
	
	
	.table table,.table-striped table {width: 80%;border-collapse: collapse;}
    /* Force table to not be like tables anymore */
    .table table, .table thead,.table tbody,.table th,.table td,.table tr, .table-striped table, .table-striped thead,.table-striped tbody,.table-striped th,.table-striped td,.table-striped tr  { 
         display: inline-block;
         width: 100%;
	}
       
    /* Hide table headers (but not display: none;, for accessibility) */
    .table thead tr,.table-striped thead tr  { 
            position: absolute;
            top: -9999px;
            left: -9999px;
    }
   
   
    .table tr, .table-striped tr{ border: none; }
   
   .view-responsive-head { 
            color: #126607;
    }               
    .table td { 
            /* Behave  like a "row" */
            border: none;
    }
   
    .table tr td span, .table-striped tr td span, {
            color: #444;
            display: block;
            text-align: left;
            font-weight: bold;
            background: transparent;
            border: none;
    }
   
    th.cmk-viewline {
      display: block;
      color: #fff;
    }

    td.cmk-viewline {
      display: block;
      color: #fff;
      }
   
   
    .table tr td, .table-striped tr td {
            /* Behave  like a "row" */
            color: #444;
            display: block;
            background: transparent;
           
    }
   
    .table td:before, .table-striped td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            border: none;
    }
    .table-hover tbody tr > td {
      padding-left: 5px;
    }
           
   
    .table tr, .table-striped tr { 
            background: transparent; 
            border-top:1px solid;
    }
    .table th,.table-striped th { 
            background: #333; 
            color: white; 
            font-weight: bold; 
    }
    .table td, .table th,.table-striped td, .table-striped th { 
            padding: 6px; 
            border: none; 
            text-align: left; 
    }

       
	.table-striped tbody > tr:nth-child(odd) > td,
	
	
	.table-striped {
	  display: block;
	  max-width: 100%;
	  position: relative;
	  float: left;
	  }
	 
	
	.tab-content {
	    bottom: 0;
	    width: 95%;
	}
	.table-striped tbody > tr:nth-child(odd) > td,
	.table-striped tbody > tr:nth-child(odd) > th {
		background:transparent !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
	

	.result {
	    font-size: 12px;
	    margin-left: 10px;
	    position: relative;
	    top: -49px;
	    width: 297px;
	}

	.clear-line {
	    max-width: 1270px;
	    min-height: 10px;
	    width: 100%;
	    clear: both;
	}
	
	.btn-primary {
	    *margin-left: 212px;
	}
	
	h2 {
	    width: 81%;
	    font-size: 0.855em;
	    height: 40px;
	    letter-spacing: 1px;
	    padding-left: 0.5em;
	    padding-right: 0.5em;
	} 
	.h2-img > img {
	  float: left;
	  height: auto;
	  width: 40px;
	}
	form{
	  margin-left: 0;
	  margin-top: 0px;
	  padding-bottom: 40px;
	}
	
	.nav-tabs > li > a {
	    height: auto;
	    padding: 8px 5px;
	    *width: 100%;
	    *float: none;
	}
	
	.nav { margin-left: 0px;}
	.nav-tabs > li > a {
	  *min-width: 210px;
	  float:left;
	}
	
/*}*/


/******************** FIN MOBILE **************/



.form-horizontal .control-label { text-align: right;}


#notifications-list { margin-left: 21px; }
#notifications  { margin-left: 0%; padding: 0px;}
#delivery       { margin-left: 0%; padding: 0px;}
#more           { margin-left: 0%; padding: 0px;}

.control-label { margin-left: 0;}

label { padding-top: 0;}



.input-xlarge { width: 234px;}

/*.form-horizontal .controls { min-width: 0; margin-left: 10px; float: left;}*/
/*destrozo.nav-tabs > li, .nav-pills > li {width: 100%;}*/
/*.form-horizontal .control-label { width: 100%;}*/
/*.form-horizontal .control-label { padding-top: 0;}*/
/*.form-horizontal .control-group { margin-bottom: 0px; *zoom: 1;}*/
/*.box-counter { margin-left: 0;}*/
/*ul.navbar-infoserver {font-size: 12px; margin-left: 0px;}*/
/*.nav-tabs > li, .nav-pills > li {width: auto !important;}*/
/*#envios-home {
  margin: 0;
  padding: 0;
}*/

/*.nav-tabs > li, .nav-pills > li {
  margin-top: 2px;
}*/

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}

.container p {
  margin-left: 9px;
  margin-top: 10px;
  margin-bottom: 40px;
}




/**** TABLAS RESPONSIVE **/


  }