/*

Esta CSS está bajo una licencia Atribución de Creative Commons. 
Para ver una copia de esta licencia, visite 
http://creativecommons.org/licenses/by/2.1/es/ 
o envie una carta a Creative Commons, 
559 Nathan Abbott Way, Stanford, California 94305, USA.


*/


body{
	background:url(../img/fondo.gif);
	text-align:center;
}
a{
text-decoration:none;
padding-bottom:1px;
border-bottom:1px dashed #ff6600;
color:#ff6600;
}
a:visited{
	color:#622700;
	border-color:#622700;
}
h2{
text-align:center;
font-size: 130%;
font-weight: 200;
}
/*---------------contenedor------------*/
#contenedor{
	color:#555;
	font-family: "Trebuchet MS",Georgia, serif;font-size:small;
	background:#fff;
	border:1px solid #ccc;
	padding:1em 0 0 0;
	margin:1em 20%;
	text-align:left;
}

/* ------------divs con apartados-------- */

#contenedor #especializados{
background:url(../img/sombra.png) bottom no-repeat;
padding:2em 1em;
margin:0 2em;
}

#contacto, #clientes, #amigos, #weblogs{
	margin:0 2em;	
	padding:2em 1em .5em 1em;
}






li{
	list-style-type:none;
	padding:0 0 0 20px;
	line-height:18px;
	margin:0.5em 0;
	background:url(../img/list.gif) no-repeat 3px 7px;
}


#contenedor div#footer{
	height:34px;
	font-size:80%;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #DFDBD9;
	margin:1em 0 0 0;
	clear:both;
	background:#DFDBD9 url(../img/winnie.gif) right no-repeat;
}


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

/* reemplazo encabezados para navegadores decentes */

h1,h3 {
margin:0 auto;
width: 250px;
height: 50px;
line-height: 1em;
white-space: nowrap;
font-size: 100%;
overflow: visible;
}
		/* corregimos algunos valores para los h3 */
h3{
margin:0;
height:18px;
line-height:1em;
}
/* ocultamos para Mac IE5 con el backslash hack \*/

h1,h3 {overflow: hidden;}

/* acaba backslash hack */

		/* posicionamiento de la imagen, común a h1 y h3 */
h1:after, h3:after {
display: block;
width: 250px;
height: 50px;
margin-top: -1em;
}
		/* distintas imágenes para cada encabezado */
h1:after{
content: url(../img/logo.gif);	
}
#especializados h3:after{
content:url(../img/especializados.gif);
}
#contacto h3:after{
content:url(../img/contacto.gif);
}
#clientes h3:after{
content:url(../img/clientes.gif);
}
#amigos h3:after{
content:url(../img/amigos.gif);
}
#weblogs h3:after{
content:url(../img/weblogs.gif);
}




/* ------------------------ solución para IE ----------------------------- */

	/* fijamos las cajas de los encabezados*/
* html h1, * html h3{
background-image: expression(this.runtimeStyle.backgroundImage = 'none', this.innerHTML +='<span><span>');
width: 250px;
height:50px;
position:relative;
}
		/* los h3 son más pequeños */
* html h3{
	height:18px;
}

* html h1 span, * html h3 span{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
		/* rutas de las imagenes para el span de cada encabezado */
* html h1 span{
background: url(../img/logo.gif) no-repeat;
}

* html #especializados h3 span{
background:url(../img/especializados.gif) no-repeat;
}
* html #contacto h3 span{
background:url(../img/contacto.gif) no-repeat;
}
* html #clientes h3 span{
background:url(../img/clientes.gif) no-repeat;
}
* html #amigos h3 span{
background:url(../img/amigos.gif) no-repeat;
}
* html #weblogs h3 span{
background:url(../img/weblogs.gif) no-repeat;
}