/*
 * Hoja de estilo para sistemas de perfiles y páginas con diseño similar
 */


div.contenido{
	margin: 0 205px 0 -8px !important;
	padding: 0 !important;
	background-image: none;
	height: 1%; /* IE */
}
div.contenido h1{
	height: 1%; /* IE */
	margin: 10px 0 15px 0 !important;
	padding: 1px 12px !important;
	font-size: 100%;
	font-weight: bold;
	color: white;
	background-color: #02A7C5 !important;
	background-image: none !important;
}
div.contenido h2{
	clear: left;
	margin: 20px 0 !important;
	line-height: 1 !important;
	font-weight: bold !important;
	color: #02A7C5 !important;
	background: transparent url(/lib/img/h2-sist-perfiles-fondo.gif) 0 4px repeat-x !important;
}
div.contenido h2 span{
	padding: 0 20px 0 22px;
	background-color: white;
}
div.contenido p{
	margin: 0 5px 15px 22px;
	color: #555555;
	text-align: justify;
	line-height: 1.5;
}

/* Imagen lateral con pie */
div.contenido span.img_perfil{
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 90%;
	color: #017A8F;
}
div.contenido span.img_perfil img{
	display: block;
}

/* Imagen lateral (sin pie) */
div.contenido img.img_perfil{
	float: left;
	margin: 0 20px 20px 0;
}
/* Imagen lateral (sin pie y a la derecha) */
div.contenido img.img_perfil_der{
	float: right;
	margin: 0 0 20px 20px;
}

div.contenido dl{
	color: #555555;
	text-align: justify;
	margin: 20px 5px 0 62px;
	line-height: 1.5;
}
div.contenido dl dt{
	margin: 0 0.35em 0 0;
	font-weight: bold;
	float: left;
}
div.contenido dl dd{
	margin: 0 0 20px 0;
}


/*
 * No aplicamos un estilo genérico a <ol> ya que eso provoca bugs en IE
 */
div.contenido ol.esquema{
	list-style-type: none;
	color: #555555;
	text-align: left;
	line-height: 1.5;
}
div.contenido ol.esquema li{
	display: inline-block; /* IE */
	margin: 0 0 15px 20px;
	padding-left: 24px;
	background-position: left top;
	background-repeat: no-repeat;
}
div.contenido ol.esquema li.li1{
	background-image: url(/lib/img/li1.gif);
}
div.contenido ol.esquema li.li2{
	background-image: url(/lib/img/li2.gif);
}
div.contenido ol.esquema li.li3{
	background-image: url(/lib/img/li3.gif);
}
div.contenido ol.esquema li.li4{
	background-image: url(/lib/img/li4.gif);
}
div.contenido ol.esquema li.li5{
	background-image: url(/lib/img/li5.gif);
}
div.contenido ol.esquema li.li6{
	background-image: url(/lib/img/li6.gif);
}
div.contenido ol.esquema li.li7{
	background-image: url(/lib/img/li7.gif);
}
div.contenido ol.esquema li.li8{
	background-image: url(/lib/img/li8.gif);
}
div.contenido ol.esquema li.li9{
	background-image: url(/lib/img/li9.gif);
}
div.contenido ol.esquema li.li10{
	background-image: url(/lib/img/li10.gif);
}
div.contenido ol.esquema li.li11{
	background-image: url(/lib/img/li10.gif);
}
div.contenido ol.esquema li.li12{
	background-image: url(/lib/img/li12.gif);
}
div.contenido ol.esquema li.li13{
	background-image: url(/lib/img/li13.gif);
}
div.contenido ol.esquema li.li14{
	background-image: url(/lib/img/li14.gif);
}
div.contenido ol.esquema li.li15{
	background-image: url(/lib/img/li15.gif);
}
div.contenido ol.esquema li.li16{
	background-image: url(/lib/img/li16.gif);
}
div.contenido ol.esquema li.li17{
	background-image: url(/lib/img/li17.gif);
}
div.contenido ol.esquema li.li18{
	background-image: url(/lib/img/li18.gif);
}
div.contenido ol.esquema li.li19{
	background-image: url(/lib/img/li19.gif);
}
div.contenido ol.esquema li.li20{
	background-image: url(/lib/img/li20.gif);
}



/*
 * Nota: al haber fijado margen y relleno cero para todas las etiquetas hay problemas al
 * mostrar los números de las listas; la única solución es fijar el espaciado en el margen
 * izquierdo de los elementos y añadir un display: inline-block para IE
 */
div.contenido ol.lista{
	display: inline-block; /* IE */
	margin: 20px 0 10px 0;
	list-style-type: decimal;
	color: #555555;
	text-align: left;
	line-height: 1.5;
}
div.contenido ol.lista li{
	padding-left: 0;
	margin-bottom: 5px;
	margin-left: 69px;
}


div.contenido div.opciones{
	clear: left;
	margin: 30px -20px 0 0;
	text-align: right;
}
div.contenido div.opciones ul{
	list-style-type: none;
	font-size: 90%;
	letter-spacing: -1px;
}
div.contenido div.opciones ul li{
	margin: 0 20px 0 0;
	padding: 2px 0 2px 0;
	display: inline;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.contenido div.opciones ul li a{
	color: #999999;
	text-decoration: none;
	line-height: 2;
}
div.contenido div.opciones ul li.imprimir{
	padding-left: 18px;
	background-image: url(/lib/img/icono-imprimir.gif);
}
div.contenido div.opciones ul li.cad{
	padding-left: 17px;
	background-image: url(/lib/img/icono-cad.gif);
}
div.contenido div.opciones ul li.animacion{
	padding-left: 17px;
	background-image: url(/lib/img/icono-animacion.gif);
}
div.contenido div.opciones ul li.informacion{
	padding-left: 17px;
	background-image: url(/lib/img/icono-ampliar-informacion.gif);
}

div.contenido div.opciones ul li.fichaproducto{
	padding-left: 17px;
	background-image: url(/lib/img/icono-ficha-producto.gif);
}

div.contenido div.opciones_inf{
	border-top: 7px solid #02A7C5;
	padding-top: 9px;
	margin-bottom: 40px;
}