body{ margin: 0; padding: 0; font-family: Arial; font-size: 12px; 
		background-color: black;
		background-image: url(../images/design/body-bg-small.png); background-repeat: repeat-x; background-position: top; color: white; }
	
	a img{ border: 0px; }
	a{ outline: none; text-decoration: none; }
	
		
	/* website */
	#website{ width: 100%; /* min-height: 100%; display: block; position: absolute; */ vertical-align: top;} 
	
	/* header */
	/*************************************************/
	/* EDITAR HEADERS BG SEGONS PANTALLAS PRINCIPALS */
	
	div#header{ 
		width: 100%; height: 90px; background-color: black;
		background-image: url(../images/design/header.png); background-repeat: repeat-x; background-position: bottom; 
	
	}
	
	div.link-header{ width: 1000px; height: 90px; background-image: url(../images/design/header.png); background-repeat: repeat-x; background-position: bottom; }

	
	/*************************************************/	
	table#header{ width: 1000px; height: 90px;}
	
		td.logo-header{ width: 196px; height: 74px; vertical-align: top; padding-left: 100px; }
		td.right-header{ width: 684px; height: 68px; vertical-align: top; padding-left: 20px; padding-top: 30px; }
		
	
	/* menu */
	/*************************************************/
	
	table.menu{width: 850px; height: 40px; font-weight: bold; color: white; vertical-align: middle; margin-left: auto; margin-right: auto;}
	
		div.menu-orange{background-image: url(../images/design/menu-orange.png); padding-top: 10px;
		width: 130px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
		div.menu-orange:hover{background-image: url(../images/design/menu-orange-select.png); padding-top: 10px;
		width: 130px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
		div.menu-orange-select{background-image: url(../images/design/menu-orange-select.png); padding-top: 10px;
		width: 130px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
		div.menu-gray{background-image: url(../images/design/menu-gray.png); padding-top: 10px;
		width: 130px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
		div.menu-gray:hover{background-image: url(../images/design/menu-gray-select.png); padding-top: 10px;
		width: 130px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
		div.menu-gray-select{background-image: url(../images/design/menu-gray-select.png); padding-top: 10px;
		width: 130px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
		
		table.menu a{ color: white; text-decoration: none; }
		table.menu a:hover{ color: black; text-decoration: none; }
		table.menu a.select-orange{ color: black; text-decoration: none; }
		table.menu a.select-gray{ color: black; text-decoration: none; }
	
	
	/* body */
	/*************************************************/
	
	table.body{width: 1000px; height: 400px; vertical-align: top; margin-left: auto; margin-right: auto;}
	
		h1 {font-weight: lighter; font-size: 20px; line-height: normal;}
	
		td.menu-lateral{ width: 174px; height: 300px; vertical-align: top; }
		
			div.submenu{ width: 174px; height: 400px; vertical-align: top; background-image: url(../images/design/menu-lateral-bg.png); 
		background-repeat: no-repeat; background-position: top; }
		
				td.submenu-title{ width: 154px; height: 20px; padding-left: 10px; padding-right: 10px; padding-top: 10px; vertical-align: top; }
				td.submenu-title h1{ font-weight: lighter; font-size: 18px; color: white; }
				td.submenu-title h1 a{ font-weight: lighter; font-size: 18px; color: white; }
				td.submenu-title h1 a:hover{ font-weight: lighter; font-size: 18px; color: #999999; }
				
				td.submenu, td.submenu-select{ width: 154px; height: 20px; padding-left: 10px; padding-right: 10px; vertical-align: top; }
					.submenu a { text-decoration: none; color: #666666; font-weight: bold; }
					.submenu a:hover { text-decoration: none; color: black; font-weight: bold; }
					.submenu-select a { text-decoration: none; color: #ff6633; font-weight: bold; }
					.submenu-select a:hover { text-decoration: none; color: black; font-weight: bold; }
				
				td.submenu2, td.submenu2-select{  width: 139px; height: 20px; padding-left: 25px; padding-right: 10px; vertical-align: top; }
					.submenu2 a.submenu2 { text-decoration: none; color: #333333; font-weight: normal; }
					.submenu2 a:hover { text-decoration: none; color: black; font-weight: normal; }
					.submenu2-select a { text-decoration: none; color: #ff6633; font-weight: normal; }
					.submenu2-select a:hover { text-decoration: none; color: black; font-weight: normal; }
					
				div.dot-black{ height: 20px; background-image: url(../images/design/submenu-dot-black.png); 
				background-repeat: repeat-x; background-position: center; }
				div.dot-darkgray{ height: 20px; background-image: url(../images/design/submenu-dot-darkgray.png); 
				background-repeat: repeat-x; background-position: center; }
				div.dot-gray{ height: 20px; background-image: url(../images/design/submenu-dot-gray.png); 
				background-repeat: repeat-x; background-position: center; }
				div.dot-cleargray{ height: 20px; background-image: url(../images/design/submenu-dot-cleargray.png); 
				background-repeat: repeat-x; background-position: center; }
				div.dot-orange{ height: 20px; background-image: url(../images/design/submenu-dot-orange.png); 
				background-repeat: repeat-x; background-position: center; }
				div.dot-white{ height: 20px; background-image: url(../images/design/submenu-dot-white.png); 
				background-repeat: repeat-x; background-position: center; }
			
			div.submenu-bottom{ width: 174px; height: 9px; font-size: 2px; 
			background-image: url(../images/design/menu-lateral-bottom.png); background-repeat: no-repeat; background-position: bottom;}
	
		td.body{ width: 636px; height: 350px; vertical-align: top; padding-bottom: 35px; padding-left: 15px; padding-right: 15px; padding-top: 10px;
		background-color: white; color: black; text-align: justify; line-height: 18px;}
		
		td.body-all{ widht: 810px; height: 350px; vertical-align: top; padding-bottom: 35px; padding-left: 15px; padding-right: 15px; padding-top: 10px;
		background-color: white; color: black; text-align: justify; line-height: 18px;}
	
			td.body-all a, td.body a{ text-decoration: none; color: #ff6633; }
			td.body-all a:hover, td.body a:hover{ text-decoration: none; color: gray; }
			td.body-all h1, td.body h1{ color: gray; padding-bottom: 5px; }
			td.body-all hr, td.body hr{ color: #cccccc; border: solid thin #cccccc; }
			td.body-all p, td.body p{ padding: 0px; margin: 0px; }
			td.body-all td, td.body td{ vertical-align: top; }
			.gray{ color: gray; }
			.soft-gray{ color: #999999; }
			.very-soft-gray{ color: #cccccc; }
			.orange{ color: #ff6633; }
			.black{ color: black; }
			
			.padding-10{ padding-left: 10px; padding-right: 10px; width: 616px; margin-left: auto; margin-right: auto; }
			.padding-20{ padding-left: 20px; padding-right: 20px; width: 596px; margin-left: auto; margin-right: auto; }
			.padding-30{ padding-left: 30px; padding-right: 30px; width: 576px; margin-left: auto; margin-right: auto; }
			.padding-40{ padding-left: 40px; padding-right: 40px; width: 556px; margin-left: auto; margin-right: auto; }
			.padding-50{ padding-left: 50px; padding-right: 50px; width: 536px; margin-left: auto; margin-right: auto; }
			.padding-60{ padding-left: 60px; padding-right: 60px; width: 516px; margin-left: auto; margin-right: auto; }
			.padding-80{ padding-left: 80px; padding-right: 80px; width: 476px; margin-left: auto; margin-right: auto; }
			.padding-100{ padding-left: 100px; padding-right: 100px; width: 436px; margin-left: auto; margin-right: auto; }
			
				
		td.body-right{ width: 150px; height: 400px; vertical-align: top; }
		td.interes{ background-color: black; }
			td.body-right a{ text-decoration: none; color: white; }
	
	
	
	/* bottom */
	/*************************************************/
	
	table.bottom{
		width: 1000px; height: 50px; background-image: url(../images/design/bottom-bg.png); background-repeat: no-repeat; background-position: top; 
		margin-left: auto; margin-right: auto; vertical-align: top; padding-top: 10px; font-size: 11px;}
		td.bottom{ width: 840px; }
			td.bottom a{ text-decoration: none; color: gray; }
			td.bottom a:hover{ text-decoration: none; color: #ff6633; }
		div.menu-bottom{ padding-top: 5px; width: 840px; font-size: 11px; color: #333333; vertical-align: bottom; }
			div.menu-bottom a.bottom{ text-decoration: none; color: white; }
			div.menu-bottom a.bottom:hover{ text-decoration: none; color: gray; }
			div.menu-bottom a.bottom-select{ text-decoration: none; color: #ff6633; }
		
		td.bottom-empty{ width: 160px; }
		
		
	/* CSS ADMIN */
	/*************************************************/
	
	table.submenuAdmin-select{ width: 200px; background-color: #ff6633; vertical-align: top; margin-bottom: 5px; }
		table.submenuAdmin-select a{ text-decoration: none; color: white; }
	
	table.submenuAdmin{ width: 200px; background-color: #cccccc; vertical-align: top; margin-bottom: 5px;  }
	table.submenuAdmin a{ text-decoration: none; color: black; }
	
	.icon{ width: 30px; }
	
		
	table.submenuAdmin2{ width: 180px; background-color: white; margin-left: 20px; margin-bottom: 5px;  }
		a.submenu2-select{ text-decoration: none; color: #ff6633; }
		a.submenu2{ text-decoration: none; color:  gray; }
		a.submenu2:hover{ text-decoration: none; color:  black; }