/* CSS Document */

/****** hoja de estilos www.dearagon.com *****/

body {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#494949}

p {margin:0px; padding:0px}

/**** contenedor ****/



#contenedor { text-align:center; width:90%; margin-left:auto; margin-right:auto; height:auto; max-width:1012px; min-width:800px; display:block}


		/***cabecera***/
		#cabecera {height:158px;width:90%; min-width:800px; margin-top:0px; margin-left:auto; margin-right:auto }
		
			#logo{height:138px; width:240px; float:left; padding-top:20px; }
			
			#banner { height:138px; background:url(../images/dearagon_banner.jpg) no-repeat top right}
			/* IE7Only */
					*:first-child+html #banner { height:138px; background:url(../images/dearagon_banner.jpg) no-repeat top right}
			
			#banner_shop{height:145px; width:205px; float:right; text-align:right; z-index:1}
			
			
			
			



		/***menu superior***/
		#menu_sup { height:29px; width:90%; margin:5%; margin-top:0px; margin-bottom:10px; text-align:center; background:url(../images/menu_sup_fnd.gif) top left repeat-x; min-width:580px }
			#menu_sup_i {height:29px; width:261px; background:url(../images/menu_sup_i.jpg) top left no-repeat; float:left; }
			#menu_sup_f {height:29px;  float:right;}
			#menu_sup_d {height:29px; width:12px; background:url(../images/menu_sup_d.jpg) top left no-repeat;  float:right; }
			
			
		/**contenido**/	
		#contenido { height:auto; width:90%; min-width:800px; max-width:1012px;margin-top:0px; text-align:left; padding-left:0px; display:block; margin:auto; margin:auto  }
		
			
			
			#columna_izquierda {width:175px; float:left;  }

					
					
			
			#contenido_central { width:35%; min-width:10%; float:left; background-color:#FFFFFF; text-align:justify; 
			margin-right:10px; margin-left:55px }
			/* IE6 Only */
					*html #contenido_central { width:35%; min-width:10%; float:left; background-color:#FFFFFF; text-align:justify; 
			margin-right:10px; margin-left:0px}
			/* IE7Only */
					*:first-child+html #contenido_central { width:35%; min-width:10%; float:left; background-color:#FFFFFF; text-align:justify; 	margin-right:10px; margin-left:0px}

			
			#columna_derecha { width:35%;max-width:346px; height:auto; float:right; display:block}
			
				#destacados {height:auto; float:left; width:20%; background-color:#e4e4e4; padding-bottom:30px; min-width:150px; margin-left:10px}
				/* IE6 Only */				
				*html #destacados {height:auto; float:left; width:17%; background-color:#e4e4e4; padding-bottom:30px; min-width:180px; margin-left:10px}
				/* IE7 Only */
				*:first-child+html #destacados {height:auto; float:left; width:27%; background-color:#e4e4e4; padding-bottom:30px; min-width:180px; margin-left:10px}
				
				
				#rincones {height:auto;width:10%;  float:right; min-width:105px; max-width:105px; margin:0% }
				/* IE6 Only */
				*html #rincones {height:auto;width:8%;  float:right; }
				
				
				
				/*****paginas interiores****/
				#accesos_directos{width:75%; min-width:80px; max-width:1000px; float:right; background:white url(../images/fnd_submenu.jpg) top left repeat-y;  margin-left:0px; height:47px;}
				/* IE6 Only */				
				*html #accesos_directos{width:72%; min-width:80px; max-width:1000px; float:right; background:white url(../images/fnd_submenu.jpg) top left repeat-y;  margin-left:0px; height:47px; clear:both}
				/* IE7 Only */
				*:first-child+html #accesos_directos{width:81%; min-width:80px; max-width:1000px; float:right; background:white url(../images/fnd_submenu.jpg) top left repeat-y;  margin-left:0px; height:47px; clear:both}
				
				.flotante {width:250px; height:73px; float:right;  position:absolute; margin-left:35%}
				/* IE7 Only */
				*:first-child+html .flotante {width:192px; height:73px; float:right;  position:absolute; margin-left:43%}
				/* IE6 Only */				
				*html .flotante {width:192px; height:73px; float:right;  position:absolute; margin-left:61.2%}
				
				
				#dinamico {width:74%; height:auto; float:left; display:block; margin-left:55px; min-width:0px; max-width:800pxs}
				#dinamico {width:72%; height:auto; float:left; display:block; margin-left:0px}
				/* IE7Only */
				*:first-child+html #dinamico {width:80%; height:auto; float:left; display:block; margin-left:0px; min-width:0px; max-width:800px}
				
				
				#contenido_central_sec { width:45%; min-width:20px; max-width:600px; float:left; background-color:#FFFFFF; text-align:justify; margin-right:10px; margin-left:55px }
					/* IE6 Only */
				*html #contenido_central_sec { width:45%; min-width:20px; max-width:500px; float:left; background-color:#FFFFFF; text-align:justify; margin-right:10px; margin-left:0px }
				/* IE7Only */
				*:first-child+html #contenido_central_sec { width:45%; min-width:20px; max-width:500px; float:left; background-color:#FFFFFF; text-align:justify; margin-right:10px; margin-left:0px }
			
			
			
				
				
				#destacados_sec {height:auto; float:right; width:23%; background-color:#e4e4e4; padding-bottom:30px; margin-left:3px; margin-top:20px}
				/* IE7Only */
				*:first-child+html #destacados_sec {height:auto; float:right; width:30%; background-color:#e4e4e4; padding-bottom:30px; min-width:180px; margin-left:10px; margin-top:20px}
				/****************************/
				
	/**pie**/
	
	#pie { height:30px; width:90%; min-width:800px; max-width:1012px; margin:2%;  margin-top:0px; padding-left:0px; display:block; background-color:#e4e4e4; font-size:10px; padding-left:10px;padding-right:10px; border-top:#999999 4px solid; clear:both }
	#copyright {height:30px; float:left; width:auto; padding-top:10px}
	#legal {height:30px; float:right; width:auto; padding-top:10px}