body {
	background-color:#c8c8c8;
}
a {
text-decoration:none;   /* para sacar el color azul predeterminado de links */
color:#CC6600;
}
a:hover{
text-decoration:underline;
}   /* para que aparezca el subrayado con el roll over */



#contenedor{     /* caja-espacio  */
margin:0 auto;   /* auto=centrar  */
width:720px;       /* ancho */
height:430px;       /* alto */
padding-top:100px;   /* margen superior */
}


#cabecera {
	width:720px;
	height:62px;
	background-image:url(Images/cabecera.gif);
	background-repeat: no-repeat;
}
#flash {
	width:720px;
	height:368px;
	background-image:url(Images/menu_flash.gif);
	background-repeat: no-repeat;
	}
#contenido {
	width:720px;
	height:214px;
	background-image:url(Images/contenido_home.gif);
	background-repeat: no-repeat;
	font-family: arial;
	font-size:12px;
	color:#fff;
		}
		#contenido p{       /* margenes del texto de home "ilustrator-author" */
		padding-left:60px;
		padding-top:120px;
		margin:0px auto;
				}
				
#contenido_bio {
	width:720px;
	height:303px;
	background-color:#fff;
	background-repeat: no-repeat;
	font-family: arial;
	font-size:12px;
	color:#999999;
	overflow: scroll; /*con esto agrego o quito espacio para texto en la bio*/
	}
		#contenido_bio p{
		padding-left:50px;
		padding-top:40px;
		margin:0px auto;
				}
				
		#bio_img {  /*logos pencil y foro*/
		width:140px;
		height:60px;
		float: right;
						}
					
		#bio_img ul li {
		display:inline;
		padding-right:10px;
				}
				
				
		#bio_img ul li a img {  /*margen superior de logos pencil y foro*/
		padding-top: 10px;
		display:inline;
				}
				
					
				
#contenido_clientes {
	
	width:720px;
	height:430px;
	background-color:#fff;

    }	
	#clientes_img {
	display: table-cell;
	margin: 2px;	
	padding-top:10px;

	}
	#clientes_img ul li {
     display:inline;
	 padding-right:5px;
	 margin: 2px;	
	}
	
				}	
				
#contenido_publicaciones {
	width:720px;
	height:430px;

				}	

/*ACA ESTA LA REGLA PARA LAS MINIATURAS DE ABAJO DE LAS ILUSTRACIONES*/				
	#menu_ilu {
	width:720px;
	height:55px;
	background-color:#fff;
	padding-top:2px;
	padding-bottom:3px;


				}
	#menu_ilu li {
	display: inline;
	margin:4px;
	

	
	
	}
				
					

/*	A CONTINUACIÓN VAS A VER UNA REGLA PARA LA DIV ILUSTRACIONES (DEFINIDA EN EL HTML) Y SU "HIJO" IMG, QUE "GOBERNARÁ " LA IMAGEN COLOCADA EN ESA DIV. ESTA HECHA DE FORMA TAL QUE CUALQUIER IMAGEN DE CUALQUIER TAMAÑO QUEDE CENTRADA VERTICAL Y HORIZONTALMENTE, SIEMPRE Y CUANDO, LA IMAGEN EN CUESTIÓN NO SOBREPASE EL ANCHO Y ALTO ESTABLECIDOS PARA ESTA DIV QUE ES DE 720X370 PIXELES. LA EXPRESIÓN DISPLAY: TABLE-CELL, TRATA LA DIV COMO LA CELDA DE UNA TABLA, TEXT ALIGN: CENTER, SIRVE PARA CENTRAR HORIZONTALMENTE. 
EN CSS NO HAY FORMA DE CENTRAR VERTICALMENTE LAS IMAGENES DE TAMAÑO VARIABLE, PERO SI TE FIJAS EN LA REGLA PARA IMG, UTILIZAMOS UN TRUCO PARA QUE SIEMPRE QUEDEN CENTRADAS, ESTO ES, LE RESTAMOS A LA ALTURA DE LA DIV (370) LA MITAD DE LA ALTURA DE LA IMAGEN QUE COLOQUEMOS EN ELLA(CUALQUIERA QUE SEA, FIJATE QUE LA EXPRESIÓN DICE THIS.HEIGHT, QUE ES ALGO RELATIVO Y NO ABSOLUTO)	*/		
	#ilustraciones{
	width:720px;
	height:370px;
	dsplay:table-cell;
	vertical-align:middle;
	text-align:center;
	background-color:#FFFFFF;
	}

	#ilustraciones img{
	/* SI ALGUNA VEZ NECESITAS CENTRAR IMÁGENES DE DIFERENTES TAMAÑOS: margin-top:expression((340-this.height)/2); /*centrado de las imagenes grandes*/
	padding-top:20px;
	}
	
	#ilustraciones p{
	color:#666666;   /*color del texto bajo las imagenes grandes*/
	text-align:center;
	font-size:12px;
	font-weight:300; /*grosor de la tipografía del texto de las imagenes grandes*/
	margin-left: 40px;
	margin-right: 40px;
	}
				
				
					
				
						
	
#menu { /* tipografias del menu*/
	width:720px;
	height:24px;
	font-family:arial;
	font-size:11px;
	border-top-width: 1px;     /* espacio-caja donde estan los links del menu */
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
	padding-bottom: 10px;
	}
	#menu ul {
	padding-top:8px;
	
	}
	
	
	#menu li {
	display: inline;
	padding-left:32px;   /* margenes entre las palabras-links del menu */
	padding-right:32px;
	margin-top:20px;
		
	
	}
	
	
	#menu li a {
	color:#fff;	
	}
	
	#menu li a:hover { /* roll over */
	color:#333333;
	text-decoration:none;	/* links sin subrayado */
	}
	
	#menu ul li.selected a{ 
	color:#333333;
	}
	

	
	#foto {
	width:720px;
	height:127px;
	background-image:url(file:///G|/CURSO CLAUDIA/Images/b.gif);
	background-repeat: no-repeat;
	}
	

	
	#publicaciones {
	width:720px;
	height:430px;
	
	}