@media all and (max-width:1024px) {
	#header .auxi-header {width:95%;}
	#header .auxi-header-top .auxi {width:100%;}
	#header .auxi-head {width:80%;}
	#header .fixed .sociales .box-datos div p {font-size:11px;}
	#main-home .cont {width:95%;}
	#main {width:95%;}
	#main .auxi-art .auxi-art-cont {margin:0 10px 30px 30px;}
}

@media all and (max-width:960px) {
	
	#header {position:relative;}
	#header, #main, #footer {width:auto !important;  min-height:auto !important;}
	#header .auxi-header , #footer .auxi {width:auto !important;}
	#header .auxi-header {z-index:1;}
	#header .auxi-head {width:100%;}
	#header .auxi-header .auxi  {width:100%;}
	#header .auxi-header-top .auxi {width:100%;}
	.cont {width:auto !important;}
	#item, #proyectos, #noticias, #logos, #accesos, #header .auxi-header-top {width:auto !important;}
	#wrapper, .bodysite {background:none;}
	#wrapper {min-height:300px !important; }
	#main, #main-home  {background: url("/tps/imag/bg/bg_home2.jpg") repeat-x scroll left top #EFEEF6;}
	/* Header */
	ul.menu {float:left; margin:55px 0 0 20px;}
	#header a.logo {margin:20px 0 0 10px;}
	#header {height:auto !important; margin:0 !important}
	#header nav { background:#333333; clear:both;}
	#header .menu_btn {height:40px; font-family:oswald,opensansLC,Arial,Helvetica,sans-serif; color:#ffffff; cursor:pointer; display:none; padding:5px 0 0 20px; text-align:left; display:block; clear:both;}
	#header .menu_btn img {float:left; margin:5px 5px 0 0;} 
	#header .menu_btn strong {float:left; margin:10px 5px 0 0;} 
	#header .menu_btn.activo { background:#000000;}
	#header .auxi-head nav {width:100%; background-size:contain; height:auto; padding:0; margin:0;}
	#header nav .menu {width:100%; background-size:contain; height:auto; padding:0; border-bottom:1px solid #D2D2D2; border-top:1px solid #D2D2D2; margin:15px 0 ;}
	#header nav ul.menu {width:auto; float:none; clear:both; height:auto; border:0; margin:0;}
	#header nav ul.menu li {float:none; height:auto; width:100%; border-top:1px solid #666666;}
	#header nav ul.menu li a {float:none; margin:0; padding:5px 0 0 15px; text-shadow:none; text-transform:uppercase; font-family:oswald,opensansLC,Arial,Helvetica,sans-serif; font-size:15px; border-left:none; display:block;}
	#header ul.menu {display:none; opacity:0;}
	.border-radius-top {border-top-left-radius:0px; border-top-right-radius:0px;}
	ul.menu li {margin:0;}
	#header #logo {margin:50px 0 5px 10px;}
	#header div.box-search {margin:0; position:absolute; right:20px; top:60px;}
	/* datos economicos */
	#header .fixed {position:absolute; z-index:999;}
	#header .fixed .sociales {width:65%;}
	#header .fixed .sociales .box-datos div.fecha {display:none;}
	#header .fixed .sociales .box-datos {margin:0; position:absolute; right:250px; top:45px;}
	#header .fixed .sociales .box-datos div {float:none; clear:both; background:none !important; padding:0;}
	#header .fixed .sociales .box-datos div p {width:100%; font-size:11px; color:#666666; text-align:right; padding-top:4px;}
	/* sidebar */
	#sidebar {padding: 10px 0 0; width:100%; clear:both; background-color:#f0f0f0;}
	.list-submenu {clear:both; width: 95%;}
	ul.menu-sidebar li.active ul.list-submenu li a, ul.menu-sidebar li ul.list-submenu li a {width:92%;}
	#toTop {display:none;}
	#footer .auxi .banner {margin: 0 10px 0 0;}
}

@media all and (max-width:720px) {
    #header .auxi-header-top {}
	#wrapper, .bodysite {background:none;}
	#main  {background: url("/tps/imag/bg/bg_home2.jpg") repeat-x scroll left top #EFEEF6; padding: 0 0 29px}
	#header div.clientes {color: #FFFFFF; font-family:Verdana,Geneva,sans-serif; font-size:16px; padding:0 0 5px; text-align: center; width:160px;}
	#header #logo {float:left; margin:50px auto 5px 20px; display:block; text-align:center;}
	#header .auxi-head {position:relative; width:100%;}
	#header .auxi-head .sociales {position:relative !important; top:auto !important; padding:10px 0 0;}
	#header .auxi-head .sociales table { margin:0 auto;}
	#header div.box-search {display:none;}
	#header .auxi-head nav {margin:10px 0 0;}
	/* datos economicos */
	#header .fixed .sociales .box-datos {right:20%; top:40px;}
	ul.miga, .breadcrumbs {width:100%;}
	#footer .auxi .auxi-bottom {width:auto !important;}
	#footer .auxi .siguenos {float:none; margin:0  auto;}
	#footer .auxi .siguenos table { margin:0 auto !important;}
	#footer .auxi .banner {float:left; margin: 0 0 0 5%;}
	.auxi-bottom .banner-tps {float:none;  margin: 0 auto; display:block; text-align:center;}
	.auxi-bottom .direccion {float:none !important; margin:0 auto; text-align:center; padding:5px 0 0;}
	#toTop {right:10px !important; bottom:20px !important;}
	}

@media all and (max-width:480px) {
	#header #logo img {width:80% !important; height:auto;}
	#header .auxi-head { width:100%; position:relative; margin:0;}
	#header .auxi-head .sociales {position:relative !important; left:auto !important; top:auto !important; float:none !important; display:table; margin:0 auto;}
	#header div.clientes {display:none;}
	/* datos economicos */
	#header .fixed .sociales {width:85%;}
	#header .fixed .sociales .box-datos {display:none; right:30px; top:40px;}
	#footer {min-height:0; padding:10px 0 0;}
	#footer .auxi {text-align:left; margin:0 0 0 15px;}
	#footer .auxi img {display:none;}
	#footer .auxi table img {display:block; float:left;}
	#footer .auxi-bottom .direccion p {clear:both; font-size:16px; }
	}

@media all and (max-width:320px) {
	#footer .auxi .banner { display:none;}
	#sidebar section article .separa-article {width:135px; clear:none !important; float:right;}
	#sidebar section article {width:275px;}
 	#header .fixed .sociales .box-datos {display:none;}

	}