/*------------------------------------------------ FONDO PANTALLA ------------------------------------------------ */

html {background: url(../images/servicios/fondo_servicios.jpg) #ffffff center top no-repeat ;}

/*------------------------------------------------ POSICIONAMIENTO NAVEGACION ------------------------------------------------ */

ul#navegacion {float: left; position:relative; width: 153px; padding: 249px 0 0 34px; list-style: none;}

/*------------------------------------------------ CONTENIDOS ------------------------------------------------ */

#contenidos {
	float: left;
	position:relative;
	padding: 35px 0 0 0;
	width: auto;
}

	#contenidos h1 { position:relative; left: 50px; height: 90; max-width:340px;}
	#contenidos h1 a{overflow: hidden; display: block; height: 0; padding-top: 90px;  background-image: url(../images/navegacion/logo.png);}
	#contenidos h1 a:hover {background-position: 0 -90px;}
	
	
	#contenidos h2 { margin-left:60px; font-size:14px; width:auto}
	strong {color:#900}


	#contenidos p{
	float: left;
	position:relative;
	clear: left;
	font-size: 12px;
	text-align: justify;
	color: #666;
	width: 340px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}
	#contenidos p span.enfatizado{color: #cf001f; font-size: 14px; font-weight: bold;}
	#contenidos p span {color: #000; font-weight: bold;}
	#contenidos p .bold {color: #000;}
	
	#contenidos #textoPrincipal {
	float:left;
	width: 400px;
	position:relative;
	top:20px;
}
	#contenidos #textoPrincipal h1 {float:left; font-size:14px; color:#000; font-weight:bold; padding:20px 20px 20px 10px;}
	#contenidos #textoPrincipal h1 strong {color:#900}
	#ilustracion img {float:right; padding:200px 50px 0 0;}
	
	
	
	
	#pie {
	float:left;
	width:340px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}
	#pie a img {width:106px; height:140px; float:left; border-width:0; margin-right:5px; margin-top:10px;}
	
	#logotipos a img { background-image:url(../images/servicios/bg_logotipos.png);}
	#logotipos a:hover img { background-image:url(../images/servicios/bg_logotipos_hover.png);}

	#imagencorp a img { background-image:url(../images/servicios/bg_imagencorp.png);}
	#imagencorp a:hover img { background-image:url(../images/servicios/bg_imagencorp_hover.png);}

	#maquetacion a img { background-image:url(../images/servicios/bg_maquetacion.png);}
	#maquetacion a:hover img { background-image:url(../images/servicios/bg_maquetacion_hover.png);}

	#catalogos a img { background-image:url(../images/servicios/bg_catalogos.png);}
	#catalogos a:hover img { background-image:url(../images/servicios/bg_catalogos_hover.png);}

	#libros a img { background-image:url(../images/servicios/bg_libros.png);}
	#libros a:hover img { background-image:url(../images/servicios/bg_libros_hover.png);}

	#etc a img { background-image:url(../images/disenamos/bg_etc.png);}
	#etc a:hover img { background-image:url(../images/servicios/bg_etc_hover.png);}