@charset "UTF-8";

/******************************************************************************/
/*** ALTERNATIVE RESPONSIVE CSS ***********************************************/
/******************************************************************************/
/*** NOTA: los cambios son acumulativos para resoluciones inferiores **********/
/******************************************************************************/


/*** TABLETS (768x1024), LANDSCAPE SMARTPHNES (800x480) ***********************/
@media screen and (max-width:800px) {
  #window {
	position:relative;
	width:100%;margin-left:0;
	left:0;top:0;
  }
  #header, #Home, #copyright, #footer {
	width:100%;
  }
  #headerText {
	position:relative;
	width:100%;margin-left:0;
	left:0;top:0;
  }
  #logoCustomdrives {
	margin-left:20px;
  }
  #header {
	width:100%;
  }
  #header div.links {
	float:none;clear:both;
	width:100%;overflow:hidden;
	margin:10px;
  }
  #header div.LangSupport {
	float:none;clear:both;
	margin:10px;margin-top:0px;
  }
  #TheUsbCompany {
	position:relative;
	width:180px;height:23px;
	left:0;top:0;
	margin-left:10px;
  }
  #MainMenu .menuButton {
	width:242px;height:48px;
	margin:10px;margin-left:30px;
	border:1px solid #999;
	border-radius:4px;
  }
  #MainMenu #menuCompany, #MainMenu #menuProducts {
	margin-top:72px;
  }
  #MainMenu #menuCompany, #MainMenu #menuServices {
	margin-left:140px;
  }

  .listHome {
	width:32%;
	margin-left:1%;margin-right:0;
  }

  #Home {
	width:100%;
  }
  .divContents {
	width:80%;
	margin-left:5%;margin-right:5%;
	padding-left:5%;padding-right:5%;
  }
  #SectionTabs {
	width:90%;margin:5%;
  }
  .SectionPreTab, .SectionInterPreTab, .SectionInterPostTab, .SectionPostTab {
	display:none;
  }
  .SectionTab {
	margin:4px;
	margin-left:0px;
	border:1px solid #999;
	border-radius:4px;
  }
  #SectionBody img.cover {
	width:90%;margin-left:5%;
  }


  #footer img.logomid, #footer img.logoleft, #footer img.logoright {
	height:47px;
	margin:10px;
	margin-left:17px;
	margin-right:8px;
  }
  #footer img.logoleft {
	margin-left:27px;
  }
  #footer img.logoright {
	margin-right:0px;
  }
  #footer div.links {
	width:18%;
  }
  #footer div.company, #footer div.products, #footer div.services, #footer div.more {
	margin:0px;margin-left:1%;margin-right:1%;
  }

  /*** hidden elements ***/
  #focusPointer, #HomeLayer, .LayerButton, .listLogos, .listTitle, #footer img.livechat, #footer div.freeshipping {
	display:none;
  }
  #msgStock {
	opacity:0;width:0px;height:0px;overflow:hidden;
  }
}


/*** SMARTPHONES (480x800) ****************************************************/
@media screen and (max-width:480px) {
  #TheUsbCompany {
	margin-top:10px;
  }
  #MainMenu .menuButton {
	width:50%;
	border:1px solid #999;
	border-radius:4px;
  }
  #MainMenu #menuCompany, #MainMenu #menuProducts, #MainMenu #menuServices, #MainMenu #menuPurchase {
	margin:0px;
	border-radius:0px;
  }
  #MainMenu #menuCompany, #MainMenu #menuProducts {
	margin-top:72px;
  }
  #MainMenu div.menuButton {
	height:38px;padding-top:8px;
	border:0px none;
	border-top:1px solid #666;
	border-bottom:1px solid #101010;
  }

  .listHome {
	width:47%;
	margin-left:2%;margin-right:0;
  }
  .datawrite_more {
	margin-left:70px;
  }
  img.ServiceCustom {
	float:none;clear:both;
	margin:4px;
	margin-right:240px;margin-top:16px;
  }



  #footer img.logomid, #footer img.logoleft, #footer img.logoright {
	height:47px;
	margin:10px;
	margin-left:17px;
	margin-right:12px;
  }
  #footer img.logoleft {
	margin-left:27px;
  }
  #footer img.logoright {
	margin-right:0px;
  }
  #footer div.links {
	width:24%;
	margin-left:30px;
	padding-bottom:20px;
  }
  /*** hidden elements ***/
  .listWhy, #FlyWindow {
	display:none;
  }
}


/*** TINY SMARTPHONES (320x480) ***********************************************/
@media screen and (max-width:320px) {
  #TheUsbCompany {
	margin-top:0px;
  }
  #MainMenu .menuButton {
	width:242px;height:48px;
	border:1px solid #999;
	border-radius:4px;
  }
  #MainMenu #menuCompany, #MainMenu #menuProducts, #MainMenu #menuServices, #MainMenu #menuPurchase {
	margin:10px;margin-left:36px;
	border-radius:8px;
  }
  #MainMenu #menuCompany {
	margin-top:72px;
  }
  #MainMenu div.menuButton {
	border:1px solid #101010;
  }

  .listHome {
	width:80%;
	margin-left:10%;
  }
  .datawrite_more {
	margin-left:0px;
  }

  #footer div.links {
	width:28%;
  }
  /*** hidden elements ***/
  .listServices, .listWhy, .listLogos {
	display:none;
  }

}