.widthAuto{ width:auto!important; display:inline-block!important}
.widt50p{ width:48%!important } 
.widt30p{ width:28%!important } 
.col{ width:auto!important; float: left !important }

@media screen and (max-width: 1366px and max-height: 768px) {
	body#administracion-noticias,
	body#administracion-lista-empresas{ overflow: hidden}
}

@media screen and (max-width: 1024px) {
	.top-bar .col-md-3, .top-bar .col-md-9{ width:100%; text-align:center}
	.vertical-divider{ display:none}
}

@media screen and (max-width: 980px) {
	header div.container-fluid.menu nav.navbar.navbar-default ul.nav.navbar-nav li{ width:100%} 
	.navbar-nav{ margin-left:0}
	body:not(.inicio-sesion) .form-horizontal .control-label { padding-left: 15px;}
	table.dataTable{margin-top: -4px !important}
	.dataTables_info{ display:none}
	.btn-right{ padding-left: 0;}
	#id-cta-checkbox{  margin-bottom: 10px;width: 100%;}
	.input-group-addon:first-child{width: 42px;}
	.btn-search{ width:100%}
	html body.intro div.center div#carousel-example-generic div.item img.img-responsives.center{ width:180%}
 }

@media screen and (max-width: 800px) {
	.navbar-brand{ display:block !important}
	#logueo{ width:100%}
	.nav .nav-divider { display:none}
	.border-bottom-item .input-group{ padding-left: 15px !important;}
	#marquee{margin-top: 20px;}
	.widt50p,
	.widthAuto{ width:100%!important; display:block!important}
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
	.items .item div{ margin-bottom:5px; margin-top:3px; padding-left:0px}
	.items .item div.col-md-2{ margin-bottom:0px}
	#submenu .navbar-header ul li:nth-child(1):nth-last-child(3),
	#submenu .navbar-header ul li:nth-child(2):nth-last-child(2),
	#submenu .navbar-header ul li:nth-child(3):nth-last-child(1) {
		width: 100%;
	}
	
	#submenu .navbar-header ul li:nth-child(1):nth-last-child(4),
	#submenu .navbar-header ul li:nth-child(2):nth-last-child(3),
	#submenu .navbar-header ul li:nth-child(3):nth-last-child(2),
	#submenu .navbar-header ul li:nth-child(4):nth-last-child(1) {
		width: 100%;
	 }
}

@media screen and (max-width: 600px) {
	#logo img { width:50%}
	footer{ text-align:center}
	.row{margin-left:5px; margin-right:5px}
	html body.intro div.center div#carousel-example-generic div.item img.img-responsives.center{ width: auto}
	#submenu{ width:100%;}
	.text-note.text-left{ margin-left:-10px}
}

@media screen and (max-width: 480px) {
	.text-cta-checkbox{ width:100%; display:block; margin-top:10px}
	body.intro .bg-body{ background-size: cover}
}

@media screen and (max-width: 360px) {
	.well .btn-volver{ position:absolute; right:5px; font-size:10px; top:3px}
}

@media screen and (max-width: 320px) {
}