/*---------------------------------------------------
	Fecha		: 23/01/08
	Autor		: DXIMAGE
	Descripcion	: solidaridad.css
----------------------------------------------------*/
/*-----------------Inicializacion-------------------*/
html, body,									
	h1, h2, h3, h4,								
	ul, li,										
	div, blockquote, address,				
	span, code, a, img, em,				
	form, textarea {							
		font-style: normal;						
		font-weight: normal;					
		text-align:justify;						
		margin: 0;								
		padding: 0;								
		border: none;							
		list-style-type: circle;					
		text-decoration: none;					
		}					

/*-------------------------------------------------*/
/*-------- Por defecto-----------------------------*/
html{ /*background: url(img/bg.gif) #fff repeat-x;*/ background:url(img/bg2.gif) no-repeat center top;  
	font-family:"Tahoma"; 
	font-size:13px; line-height:17px; 
	color:#666;
	line-height:180%;}
h1, h2 {font-family:"Trebuchet MS"}
h1{ font-size:200%;}
h2{ font-size:180%;}
small{ font-size:11px; font-weight:bold}
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}

/*-------- Estructura------------------------------*/
#contenedor{ width:780px; margin:0 auto;}
#cabecera  { width:100%;  height:150px;} 
#logo	   { margin-top:116px; margin-left:40px;}
#esquinero { width:250px; height:313px;}
#principal { width:750px; }
#pie	   { width:850px;  height:75px; clear:both; margin:0 auto}

/*-------- Formateo--------------------------------*/
#contenedor{ margin-top:70px; /*border:1px  dashed #B5B5B5*/; padding-bottom:15px; z-index:1;}

#cabecera  { position	:relative;}
#cabecera a{ color:#666;}
			#logo	   	{ position  :absolute; top:-110px; left:-70px;}
			#esquinero 	{ position	:absolute; 
						  /*background: url(img/esquina.gif) no-repeat !important; right:-50px; top:-70px; z-index:-1;
						  /*background-image: none;
						  filter: none !important;
						  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://localhost/solidaridad/demo2/sitio/css/img/esquinacirculitos.png');
						  width:159px; 
						  height:145px; 
						  top:-60px; 
						  right:-60px;*/
					   	}
			#menu a{ color:#fff}
			#menu{ width:104%; _width:104%;margin:0 auto; position:absolute; top:98px;left:12px; _left:5px; color:#FFFFFF}
			#casilleros { position:absolute; right:-42px; _right:-44px}
#contenido { margin-top	:30px;}
#prueba a:active{ color:#000099}

/*-------------------------------------------------*/

#principal { margin:0 auto; margin-top:-3px;}
#principal img{ display:block; margin:0 auto; border:1px #b5b5b5 dotted; padding:18px;}
#principal #flash{margin:0 auto; width:725px; border:1px #b5b5b5 dotted; padding:18px;}
#columna1  {}
#caja{ width:95%; margin:0 auto}
	#caja h1 {padding-bottom:5px; border-bottom:1px #666 dotted; margin-bottom:12px;}
	#caja img.img{ border:1px #eee solid}
	#columna1 #caja img{ width:75px; margin:2px; padding:5px; border:3px solid #eee; }
	#columna1 #caja .flash{ margin:2px; padding:5px; border:3px solid #eee; }
	#columna1 #caja ul  li{ margin:2px; line-height:35px;; text-indent:20px; border-bottom: 1px solid #DAE4EE}
	.grande{ font-size:12px; }
	#columna1 #caja ul ul li { text-indent:30px;}
	#columna1 #caja ul li a{ color:#2D5B77; }
	#columna1 #caja ul li a:hover{ color: #FF0000; }

	
#columna2  {}
	#columna2 #caja img{margin:7px; padding:11px; float:left;}
#subcaja{ margin:10px 0px 10px 0px; }
#columna3  {}
#columna3 #caja p a:link 	{ color:#666;}
#columna3 #caja p a:hover 	{ color:#333;}

	
	
#pie       { font-family:tahoma; color:#333; font-size:11px; border-top:#eee 1px solid; margin-top:10px;}
	#pie #caja1 { width:70%;padding-top:20px; float:left}
	#pie #caja2 { width:20%; text-align:right;  float:left; padding-top:20px; position:relative; }
	#pie #dxlogo{ position:absolute; top:-18px; right:-68px }
	

/*-------- Clases---------------------------------*/
.logosolidaridad,
.logoandar, 
.logocerenif, 
.logosildif, 
.logopendif			{width:289px; height:223px;}
.logosolidaridad	{background:url(img/logosolidaridad.gif) no-repeat;}
.logocerenif 		{background:url(img/logocerenif.gif) no-repeat;}
.logoandar	 		{background:url(img/logoandar.gif) no-repeat;}
.logosildif  		{background:url(img/logosildif.gif) no-repeat;}
.logopendif  		{background:url(img/logopendif.gif) no-repeat}

.columna			{float:left;}
.width1				{width:214px; }
.width2				{width:350px;}
.width3				{width:563px; }
.width4				{width:213px;}
.clear				{clear:both; }
#clear				{clear:both; width:100%; height:6px;}

.la_fundacion:hover					{ background:#9C1A14;}
.centro_de_rehabilitacion:hover		{ background:#000033;}
.taller_ortopedico:hover			{ background:#006633;}
.insercion_laboral:hover		{ background:#0066CC;}
.programa_educativo:hover		{ background:#FF6600;}

.borderbottom 		{ border-bottom:1px #666 dotted;}

#noti				{ padding:5px 0px 5px 0px; border-bottom:1px solid #c1c1c1;}

.noticias			{ color:#666; line-height:normal;}
.noticias:hover		{ color:#333; line-height:normal;}

#noticiasenc		{ background-image:url(../noticias/logochico.gif); background-position:right; background-repeat:no-repeat; margin:0 	
					auto; width:750px;}
.informe			{ background-color:#f5f5f5; font-weight:bold; text-align:center; margin:0 auto; width:750px;}
#textonoti			{ margin:0 auto; width:750px;}
.alerta				{ color:#FF0000;}

/*------Thumbnails de imagenes----------------------*/

.foto{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}

p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;
			cursor:default;			
		}	


/*Banner evento*/
#caja #bannerevento { margin:10px auto; width:200px;}
#caja #bannerevento img { width:200px; height:300px; padding:0px; margin:0px;}